ArturArturov

линии без кружков:

h2 {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 0 20px;
}

h2:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 2px;
  background: red;
  top: 15px;
  left: -50%;
  z-index: -1;
}

для кружков надо добавить структуры. если кружки только по краям (слева и справа), то ничего сложного.
добавить 1 див

$(document).ready(function(){

    $('.navicon').click(function(){
        $('.leftbar').toggleClass('active');
    });
   
});

.leftbar{
  transition: .3s;
}
.leftbar.active{
  left: 0;
}

p.work-content__deskription!= work.deskription
joxi.ru/krDO9Pph0l9vBA

первой половине эелементов a float:left, остальным - float:right. сам слайдер отцентрировать. бутстрап идет в топку

display: flex;
flex-wrap: wrap;
flex-direction: column;
max-height: 1000px;