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

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

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

<!-- About Section -->
<section class="about-section-six pb-60">
  <div class="auto-container">
    <div class="outer-box">
      <!-- Image Column -->
      <div class="image-column">
        <div class="inner-column">
          <div class="image-box">
            <div class="icon-flower-16"></div>
            <figure class="image overlay-anim wow zoomIn">
              <a href="#"><img src="images/resource/about6-1.jpg" alt="Image" /></a>
            </figure>
            <figure class="image overlay-anim wow zoomIn">
              <a href="#"><img src="images/resource/about6-2.jpg" alt="Image" /></a>
            </figure>
          </div>
        </div>
      </div>

      <!-- Content Column -->
      <div class="content-column wow fadeInUp">
        <div class="inner-column mb-120">
          <div class="icon-leave-2 bounce-y"></div>
          <div class="icon-leave-3 bounce-y"></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>

      <!-- Couple Info -->
      <div class="row">
        <!-- About Block -->
        <div class="about-block-six col-lg-6 col-md-6 col-sm-12 wow fadeInLeft">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim"><img src="images/resource/about6-3.jpg" alt="Image" /></figure>
            </div>
            <div class="content-box">
              <span class="designation">Bride Info</span>
              <h4 class="name"><a href="#">Malina Kysar</a></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-six style-two col-lg-6 col-md-6 col-sm-12 wow fadeInRight" data-wow-delay="300ms">
          <div class="inner-box">
            <div class="image-box">
              <figure class="image overlay-anim"><img src="images/resource/about6-4.jpg" alt="Image" /></figure>
            </div>
            <div class="content-box">
              <span class="designation">Groom Info</span>
              <h4 class="name"><a href="#">Alan Hijan</a></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">
  <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>Programme Timeline</h2>
      </div>

      <!-- Timeline Block -->
      <div class="timeline-block-two wow fadeInLeft">
        <div class="inner-box">
          <div class="icon-box">
            <i class="icon flaticon-wedding-arch-1"></i>
          </div>
          <div class="content-box">
            <div class="time">10:00 am - 11:00 pm</div>
            <h4 class="title"><a href="#">Reception</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-wedding-ring"></i>
          </div>
          <div class="content-box">
            <div class="time">10:00 am - 11:00 pm</div>
            <h4 class="title"><a href="#">Ceremony</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">10:00 am - 11:00 pm</div>
            <h4 class="title"><a href="#">Photoshoot</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 -->

<!-- Countdown Section -->
<section class="countdown-section-three pt-0">
  <div class="bg bg-image" style="background-image: url(./images/background/4.jpg)"></div>
  <div class="auto-container">
    <div class="outer-box">
      <div class="content-box">
        <div class="icon-leave-4"></div>
        <div class="date">Jun 18, 2024</div>
        <div class="address">
          Lilou Hotel New York , 198 West <br />
          27th Street, NY
        </div>
      </div>
      <!-- Time Countdown -->
      <div class="time-counter wow fadeInLeft">
        <div class="time-countdown" data-countdown="8/27/2024"></div>
      </div>
    </div>
  </div>
</section>
<!-- End Countdown section -->

<!-- Gallery Section -->
<section class="gallery-section-two">
  <div class="sec-title text-center">
    <span class="icon-divider"></span>
    <h2>Unforgettable Galleries <br />on Wedding Day</h2>
  </div>
  <div class="outer-box">
    <div class="row g-0">
      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-1.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-2.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-3.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-4.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-5.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-6.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-7.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>

      <!-- Gallery Block -->
      <div class="gallery-block-two col-xl-3 col-lg-4 col-md-6 col-sm-6">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image">
              <a href="page-gallery.php"><img src="images/resource/gallery3-8.jpg" alt="" /></a>
            </figure>
          </div>
          <div class="info-box">
            <h4 class="title"><a href="#">Photography</a></h4>
            <div class="text">With expert photogrpaher</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- End Gallery Section -->

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