<div class="row ">
      <div class="col-md-6">
        <div class="media media-style-01">
          <div class="media-body mr-lg-4">
            <h2 class="mt-0 mb-1 text-lg-right">Dennis Nelson </h2>
            <span class="d-block text-lg-right">Groom</span>
            <p class="text-lg-right mt-3">Maiores curae odit eiusmod quis mi, etiam ducimus adipisicing laoreet ad magnam consectetuer, conubia maxime id adipisci quod</p>
            <div class="social-links text-lg-right mt-4">
              <a href="#" class=""><i class="fa fa-facebook-f"></i></a>
              <a href="#" class=""><i class="fa fa-twitter"></i></a>
              <a href="#" class=""><i class="fa fa-skype"></i></a>
              <a href="#" class=""><i class="fa fa-google-plus"></i></a>
            </div>
          </div>
          <div class="image">
            <img class="rounded-circle img-fluid" src="img/home/about-img-01.jpg" alt="Generic placeholder image">
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="media media-style-01 ">
          <div class="media-body order-lg-1 ml-lg-4">
            <h2 class="mt-0 mb-1 text-lg-left">Jenny Bailey</h2>
            <span class="d-block text-lg-left">Bride</span>
            <p class="mt-3 text-lg-left" >Maiores curae odit eiusmod quis mi, etiam ducimus adipisicing laoreet ad magnam consectetuer, conubia maxime id adipisci quod.</p>
            <div class="social-links mt-4 text-lg-left">
              <a href="#" class=""><i class="fa fa-facebook-f"></i></a>
              <a href="#" class=""><i class="fa fa-twitter"></i></a>
              <a href="#" class=""><i class="fa fa-skype"></i></a>
              <a href="#" class=""><i class="fa fa-google-plus"></i></a>
            </div>
          </div>
          <div class="image ">
            <img class="rounded-circle img-fluid" src="img/home/about-img-02.jpg" alt="Generic placeholder image">
          </div>
        </div>
      </div>
    </div>

  
              

  
  <div class="row col-divider mt-5 pb-5">
    <div class="col-12 col-md-12 col-xl-6">
      <div class="media media-style-02 left-side mt-5 ">
        <div class="image">
          <img class="" src="img/story/love-img-01.jpg" alt="Generic placeholder image">
          <div class="icon-overlay ">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="90.031" height="79.97" viewBox="0 0 90.031 79.97">
              <path d="M45.031,79.982 C-42.782,32.418 20.727,-26.719 45.031,13.111 C69.337,-26.719 132.853,32.418 45.031,79.982 Z" class="heart-fill"/>
            </svg>
            <span>17 April, 2018</span>
          </div>
        </div>
        <div class="media-body ">
          <a href="events-details.html"><h2 class="mt-0 pb-3">The First Day we Met</h2></a>
          <p class="pb-3">Nemo modi primis eros totam cupidatat cras ex hic, sint Varius debitis. Ultricies laoreet, earum sollicitudin, malesuada, amet Occaecati suscipit.</p>
          <a class="btn btn-outline-secondary btn-rounded" href="#">Read More</a>
        </div>
        <div class="left-icon">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
           width="27px" height="25px">
          <path class="sm-heart-stroke" fill-rule="evenodd"  stroke="" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="#fff"
           d="M12.995,5.806 C9.888,-1.823 1.057,-0.043 0.999,8.811 C0.967,13.674 5.204,15.492 8.025,17.436 C10.761,19.321 12.708,21.900 13.013,22.998 C13.275,21.922 15.443,19.270 17.975,17.383 C20.744,15.319 25.034,13.621 25.002,8.758 C24.943,-0.118 15.958,-1.519 12.995,5.806 "/>
          </svg>
        </div>
      </div>
    </div>

    <div class="col-12 col-md-12 col-xl-6 mt-xl-200">
      <div class="media media-style-02 right-side mt-5">
        <div class="image order-xl-1">
          <img class="" src="img/story/love-img-03.jpg" alt="Generic placeholder image">
          <div class="icon-overlay ">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="90.031" height="79.97" viewBox="0 0 90.031 79.97">
              <path d="M45.031,79.982 C-42.782,32.418 20.727,-26.719 45.031,13.111 C69.337,-26.719 132.853,32.418 45.031,79.982 Z" class="heart-fill"/>
            </svg>
            <span>18 April, 2018</span>
          </div>
        </div>
        <div class="media-body">
          <a href="events-details.html"><h2 class="mt-0 pb-3">We Are Engaged</h2></a>
          <p class="pb-3">Nemo modi primis eros totam cupidatat cras ex hic, sint Varius debitis. Ultricies laoreet, earum sollicitudin, malesuada, amet Occaecati suscipit.</p>
          <a class="btn btn-outline-secondary btn-rounded" href="#">Read More</a>
        </div>
        <div class="right-icon">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
           width="27px" height="25px">
          <path class="sm-heart-stroke" fill-rule="evenodd"  stroke="" stroke-width="2px" stroke-linecap="butt" stroke-linejoin="miter" fill="#fff"
           d="M12.995,5.806 C9.888,-1.823 1.057,-0.043 0.999,8.811 C0.967,13.674 5.204,15.492 8.025,17.436 C10.761,19.321 12.708,21.900 13.013,22.998 C13.275,21.922 15.443,19.270 17.975,17.383 C20.744,15.319 25.034,13.621 25.002,8.758 C24.943,-0.118 15.958,-1.519 12.995,5.806 "/>
          </svg>
        </div>
      </div>
    </div>
  </div>
  
              

  
    <div class="media media-style-03">
      <a href="blog-post-right-sidebar.html"><img class="img-fluid rounded-circle mr-3" src="img/blog/populer-img-01.png" alt="Generic placeholder image"></a>
      <div class="media-body">
        <a href="blog-post-right-sidebar.html"><h5 class="mt-0"> Curabitur Ultrices Miac Fini bus Accumsan. </h5></a>
        <span>02 Feb, 2017</span>
      </div>
    </div>
  
              

  
    <div class="row justify-content-center">
      <div class="col-12 col-lg-10">
        <div class="media media-style-05 ">
          <div class="media-body mr-md-4 mr-lg-4 order-lg-1 mb-4 mb-md-0">
            <h1 class="mt-0 mb-1 text-md-left">Jenny Bailey</h1>
            <span class="d-block text-md-left">Bride</span>
            <p class="mt-3 text-md-left" >Writers and stars of Veep have responded incredulously the news Australian politician required stitches after knocking himself unconscious while laughing at the new season. Graham Perrett, a federal Labor MP in Queensland, was eating sushi while watching the US political satire on Sunday night when some of the rice went down the wrong way, causing him to fall and knock himself unconscious.</p>
            <div class="social-links mt-4 text-md-left">
              <a href="#"><i class="fa fa-facebook-f"></i></a>
              <a href="#"><i class="fa fa-twitter"></i></a>
              <a href="#"><i class="fa fa-skype"></i></a>
              <a href="#"><i class="fa fa-google-plus"></i></a>
            </div>
          </div>
          <div class="image mr-md-4">
            <img class="rounded-circle img-fluid" src="img/story/story-big-img-01.jpg" alt="Generic placeholder image">
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-10">
        <div class="media media-style-05 ">
          <div class="media-body mr-md-4 mb-4 mb-md-0">
            <h1 class="mt-0 mb-1 text-lg-right text-md-left">Dennis Nelson </h1>
            <span class="d-block text-lg-right text-md-left">Groom</span>
            <p class="text-lg-right text-md-left mt-3">Writers and stars of Veep have responded incredulously the news Australian politician required stitches after knocking himself unconscious while laughing at the new season. Graham Perrett, a federal Labor MP in Queensland, was eating sushi while watching the US political satire on Sunday night when some of the rice went down the wrong way, causing him to fall and knock himself unconscious.</p>
            <div class="social-links text-md-left text-lg-right mt-4">
              <a href="#" ><i class="fa fa-facebook-f"></i></a>
              <a href="#" ><i class="fa fa-twitter"></i></a>
              <a href="#" ><i class="fa fa-skype"></i></a>
              <a href="#" ><i class="fa fa-google-plus"></i></a>
            </div>
          </div>
          <div class="image">
            <img class="rounded-circle img-fluid" src="img/story/story-big-img-02.jpg" alt="Generic placeholder image">
          </div>
        </div>
      </div>
    </div>
  
              

  

    <div class="media media-style-06">
      <a class="image" href="blog-post-right-sidebar.html">
        <img class="img-fluid" src="img/blog/blog-img-01.jpg" alt="Generic placeholder image">
        <div class="card-img-overlay">
          <span><i class="fa fa-calendar" aria-hidden="true"></i>17.02.2018</span>
        </div>
      </a>
      <div class="media-body">
        <a href="blog-post-right-sidebar.html"><h2 class="mt-4"> The Superfood Gold Rush </h2></a>
        <ul class="list-inline mt-2">
          <li class="list-inline-item"><a href="#"><i class="fa fa-user-o" aria-hidden="true"></i> Admin <span class=""> / </span></a></li>
          <li class="list-inline-item"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i> 65 Comments </a></li>
        </ul>
        <p class="mt-4">Taciti! Tincidunt vehicula bibendum porta reicie ndis litora imperdiet amet, facilis, molestie asperiores autem</p>
        <a class="read-more" href="blog-post-right-sidebar.html">Read More <i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </div>
    </div>

    <!-- Video BLOG  -->
    <div class="media media-style-06">
      <div class="image">
        <img class="img-fluid" src="img/blog/blog-img-02.jpg" alt="Generic placeholder image">
        <div class="card-img-overlay">
          <span><i class="fa fa-calendar" aria-hidden="true"></i>18.02.2018</span>
        </div>
        <div class="promo-video">
          <div class="video-box">
            <a href="javascript:void(0)"><i class="fa fa-play play-icon" aria-hidden="true" data-video="https://www.youtube.com/embed/g3-VxLQO7do?autoplay=1"></i></a>
          </div>
        </div>
      </div>
      <div class="media-body">
        <a href="blog-post-right-sidebar.html"><h2 class="mt-4"> Nulla quis lorem ut </h2></a>
        <ul class="list-inline mt-2">
          <li class="list-inline-item"><a href="#"><i class="fa fa-user-o" aria-hidden="true"></i> Admin <span class=""> / </span></a></li>
          <li class="list-inline-item"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i> 48 Comments </a></li>
        </ul>
        <p class="mt-4">libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta.</p>
        <a class="read-more" href="blog-post-right-sidebar.html">Read More <i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </div>
    </div>
  </div>

  <!-- BLOG SLIDER -->
  <div class="media media-style-06">
    <div class="owl-carousel carousel-style-05" id="blog-carousel">
      <div class="single-item">
        <img src="img/blog/blog-img-03.jpg" alt="Image">
      </div>
      <div class="single-item">
        <img src="img/blog/blog-img-04.jpg" alt="Image">
      </div>
      <div class="single-item">
        <img src="img/blog/blog-img-02.jpg" alt="Image">
      </div>
      <div class="single-item">
        <img src="img/blog/blog-img-01.jpg" alt="Image">
      </div>
    </div>
    <div class="card-img-overlay">
      <span><i class="fa fa-calendar" aria-hidden="true"></i>19.02.2018</span>
    </div>
    <div class="media-body">
      <a href="blog-post-right-sidebar.html"><h2 class="mt-4"> Curabitur aliquet quam </h2></a>
      <ul class="list-inline mt-2">
        <li class="list-inline-item"><a href="#"><i class="fa fa-user-o" aria-hidden="true"></i> Admin <span class=""> / </span></a></li>
        <li class="list-inline-item"><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i> 58 Comments </a></li>
      </ul>
      <p class="mt-4"> Posuere blandit. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.</p>
      <a class="read-more" href="blog-post-right-sidebar.html">Read More <i class="fa fa-angle-right" aria-hidden="true"></i></a>
    </div>
  </div>