archelon

.container {
display:flex;
}

<meta name="format-detection" content="telephone=no">

.myblock {
  background-color: #008ae9;
  width:14px;
  height:14px;
  border-radius:50%;
  content:"";
  margin:0 auto;
  position:relative;
}
.myblock:before {
    content:"";
    background-color: #008ae9;
    position:absolute;
    height:2px;
    width:70px;
    left:-80px;
    top:6px;
}
.myblock:after {
    content:"";
    background-color: #008ae9;
    position:absolute;
    height:2px;
    width:70px;
    right:-80px;
    top:6px;
}

<div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="block">1</div>
        <div class="block">4</div>
      </div>
      <div class="col-md-4">
        <div class="block">2</div>
        <div class="block">5</div>
      </div>
      <div class="col-md-4">
        <div class="block">3</div>
        <div class="block">6</div>
      </div>
    </div>
  </div>

.logo {
    position: absolute;
    top: 0;
    left: 50%;
}