<?php $head_title="Love Bite | Wedding Agency HTML Template | Page Story"; ?>

<?php require_once('parts/header/header5.php'); ?>

<?php
$page_title = "Our Story";
$page_sub_title = "Our Story";
require_once('parts/page-title.php');
?>

<!-- About Section -->
<section class="about-section-five">
  <div class="auto-container">
    <div class="row">
      <!-- Content Column -->
      <div class="content-column col-lg-6 col-md-12 col-sm-12 order-lg-2">
        <div class="inner-column">
          <div class="icon-flower-12"></div>
          <div class="sec-title v2">
            <span class="sub-title">Our Love Story</span>
            <h2>
              First time we meet <br />
              Our story proves that real <br />
              love exists in world
            </h2>
            <div class="text">
              Consectetur adipiscing elit, sed do eiusm onsectetur <br />
              adipiscing elit, sed do eiusm od tempor ut labore sed <br />
              adipiscing do eiusm od tempor .
            </div>
          </div>
        </div>
      </div>

      <!-- Image Column -->
      <div class="image-column col-lg-3 col-md-6 col-sm-12">
        <div class="inner-column">
          <div class="image-box">
            <div class="icon-flower-11"></div>
            <figure class="image overlay-anim wow zoomIn">
              <a href="#"><img src="images/resource/about5-1.jpg" alt="Image" /></a>
            </figure>
          </div>
        </div>
      </div>

      <!-- Image Column -->
      <div class="image-column style-two col-lg-3 col-md-6 col-sm-12 order-lg-2">
        <div class="inner-column">
          <div class="image-box">
            <div class="icon-flower-11"></div>
            <figure class="image overlay-anim wow zoomIn">
              <a href="#"><img src="images/resource/about5-2.jpg" alt="Image" /></a>
            </figure>
          </div>
        </div>
      </div>
    </div>

    <!-- Couple Info -->
    <div class="outer-box">
      <div class="row">
        <!-- About Block -->
        <div class="about-block-five col-lg-6 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
          <div class="inner-box">
            <div class="content-box">
              <span class="designation">Bride Info</span>
              <h4 class="name">Malina Kysar</h4>
              <div class="text">We are professional wedding planners, based near Oslo, Norway. We have more than 20 years experience</div>
                <ul class="social-icon-two">
                  <li><a href="#"><i class="icon fab fa-twitter"></i></a></li>
                  <li><a href="#"><i class="icon fab fa-facebook-f"></i></a></li>
                  <li><a href="#"><i class="icon fab fa-linkedin-in"></i></a></li>
                  <li><a href="#"><i class="icon fab fa-instagram"></i></a></li>
                </ul>
            </div>
          </div>
        </div>

        <!-- About Block -->
        <div class="about-block-five style-two col-lg-6 col-md-6 col-sm-12 wow fadeInRight">
          <div class="inner-box">
            <div class="content-box">
              <span class="designation">Groom info</span>
              <h4 class="name">Alan Hijan</h4>
              <div class="text">We are professional wedding planners, based near Oslo, Norway. We have more than 20 years experience</div>
                <ul class="social-icon-two">
                  <li><a href="#"><i class="icon fab fa-twitter"></i></a></li>
                  <li><a href="#"><i class="icon fab fa-facebook-f"></i></a></li>
                  <li><a href="#"><i class="icon fab fa-linkedin-in"></i></a></li>
                  <li><a href="#"><i class="icon fab fa-instagram"></i></a></li>
                </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End About Section -->

<!-- Event section -->
<section class="timeline-section-two pull-down pt-100">
  <div class="flower-5 bounce-y"></div>
  <div class="flower-6 bounce-y"></div>
  <div class="auto-container">
    <div class="outer-box">
      <div class="icon-flower-17"></div>
      <div class="sec-title text-center">
        <div class="icon-divider-4"></div>
        <h2>Story in Timeline</h2>
      </div>

      <!-- Timeline Block -->
      <div class="timeline-block-two wow fadeInLeft">
        <div class="inner-box">
          <div class="icon-box">
            <i class="icon flaticon-hearts"></i>
          </div>
          <div class="content-box">
            <div class="time">1st April 2017</div>
            <h4 class="title"><a href="#">First we met</a></h4>
            <div class="text">
              We know what papers you need, we <br />
              know all the best vendors for your <br />
              arrangement.
            </div>
          </div>
        </div>
      </div>

      <!-- Timeline Block -->
      <div class="timeline-block-two style-two wow fadeInRight" data-wow-delay="300ms">
        <div class="inner-box">
          <div class="icon-box">
            <i class="icon flaticon-candelabra"></i>
          </div>
          <div class="content-box">
            <div class="time">20 Oct 2019</div>
            <h4 class="title"><a href="#">Our First Dating</a></h4>
            <div class="text">
              We know what papers you need, we <br />
              know all the best vendors for your <br />
              arrangement.
            </div>
          </div>
        </div>
      </div>

      <!-- Timeline Block -->
      <div class="timeline-block-two wow fadeInLeft" data-wow-delay="600ms">
        <div class="inner-box">
          <div class="icon-box">
            <i class="icon flaticon-love-birds"></i>
          </div>
          <div class="content-box">
            <div class="time">4 Feb 2024</div>
            <h4 class="title"><a href="#">We got married</a></h4>
            <div class="text">
              We know what papers you need, we <br />
              know all the best vendors for your <br />
              arrangement.
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End Event section -->

<!-- Gallery Section -->
<div class="gallery-section-three pb-70">
  <div class="auto-container">
    <div class="sec-title text-center">
      <span class="icon-divider-4"></span>
      <h2>Captured Love</h2>
    </div>
    <div class="row">
      <div class="column col-lg-4 col-md-6 col-sm-12">
        <!-- Gallery Block -->
        <div class="gallery-block-three">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim-two">
                <a href="images/resource/gallery4-1.jpg" class="lightbox-image"><img src="images/resource/gallery4-1.jpg" alt="Image" /></a>
              </figure>
            </div>
            <div class="info-box">
              <div class="text">First Meet</div>
              <h4 class="title"><a href="#">We Meet each other</a></h4>
            </div>
          </div>
        </div>

        <!-- Gallery Block -->
        <div class="gallery-block-three">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim-two">
                <a href="images/resource/gallery4-2.jpg" class="lightbox-image"><img src="images/resource/gallery4-2.jpg" alt="Image" /></a>
              </figure>
            </div>
            <div class="info-box">
              <div class="text">Travel</div>
              <h4 class="title"><a href="#">Shicago Travel</a></h4>
            </div>
          </div>
        </div>
      </div>

      <div class="column col-lg-4 col-md-6 col-sm-12 order-lg-2">
        <!-- Gallery Block -->
        <div class="gallery-block-three">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim-two">
                <a href="images/resource/gallery4-4.jpg" class="lightbox-image"><img src="images/resource/gallery4-4.jpg" alt="Image" /></a>
              </figure>
            </div>
            <div class="info-box">
              <div class="text">Gift</div>
              <h4 class="title"><a href="#">Gift in occasion</a></h4>
            </div>
          </div>
        </div>

        <!-- Gallery Block -->
        <div class="gallery-block-three">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim-two">
                <a href="images/resource/gallery4-5.jpg" class="lightbox-image"><img src="images/resource/gallery4-5.jpg" alt="Image" /></a>
              </figure>
            </div>
            <div class="info-box">
              <div class="text">Birthday</div>
              <h4 class="title"><a href="#">Birthday Celebration</a></h4>
            </div>
          </div>
        </div>
      </div>

      <div class="column col-lg-4 col-md-6 col-sm-12">
        <!-- Gallery Block -->
        <div class="gallery-block-three">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim">
                <a href="images/resource/gallery4-3.jpg" class="lightbox-image"><img src="images/resource/gallery4-3.jpg" alt="Image" /></a>
              </figure>
            </div>
            <div class="info-box">
              <div class="text">Dinner</div>
              <h4 class="title"><a href="#">Our First Dinner</a></h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Gallery Section -->

<?php
$new_footer_logo_url = "images/logo-2.png";
?>
<?php require_once('parts/footer/footer3.php'); ?>