clavel/hadassa-wedding-plan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index and service page switched

Browse Source
This commit is contained in:
Clavel Azemar
2026-02-14 02:39:38 -05:00
parent 3921522f1d
commit 885a421352
6 changed files with 714 additions and 714 deletions
Download Patch File Download Diff File Expand all files Collapse all files

508
index.html
View File

@@ -6,7 +6,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Wedding &mdash; 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title> <title>Calex and Hadassa Wedding</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" /> <meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" /> <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
@@ -70,67 +70,50 @@
<div class="fh5co-loader"></div> <div class="fh5co-loader"></div>
<div id="page"> <div id="page">
<nav class="fh5co-nav" role="navigation"> <!-- <nav class="fh5co-nav" role="navigation">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-2"> <div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Wedding<strong>.</strong></a></div> <div id="fh5co-logo"><a href="index.html">Wedding<strong>.</strong></a></div>
</div> </div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">Story</a></li>
<li class="has-dropdown">
<a href="services.html">Services</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="gallery.html">Gallery</a>
<ul class="dropdown">
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">Sass</a></li>
<li><a href="#">jQuery</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div> </div>
</div> </div>
</div>
</nav> </nav>
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);">
<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/img_bg_2.jpg);" data-stellar-background-ratio="0.5">
<div class="overlay"></div> <div class="overlay"></div>
<div class="container"> <div class="fh5co-container">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2 text-center"> <div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t"> <div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn"> <div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Joefrey &amp; Sheila</h1> <h1>Hadassa & Calex</h1>
<h2>We Are Getting Married</h2>
<div class="simply-countdown simply-countdown-one"></div>
<p><a href="#" class="btn btn-default btn-sm">Save the date</a></p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</header> </header> -->
<div id="fh5co-couple"> <div id="fh5co-started" class="fh5co-bg" style="background-image:url(images/img_bg_4.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Hadassa & Calex</h2>
<!-- <p>Please Fill-up the form to notify you that you're attending. Thanks.</p> -->
</div>
</div>
</div>
</div>
<div id="fh5co-couple" class="fh5co-section-gray">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box"> <div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2>Hello!</h2> <h2>Bienvenue &agrave; notre Marriage</h2>
<h3>November 28th, 2016 New York, USA</h3> <h4>14 F&eacute;vrier 20256<br>Salvation Army Church, </h3>
<p>We invited you to celebrate our wedding</p> <p>Nous sommes honor&eacute;s par votre pr&eacute;sence.</p>
</div> </div>
</div> </div>
<div class="couple-wrap animate-box"> <div class="couple-wrap animate-box">
@@ -139,8 +122,8 @@
<img src="images/groom.jpg" alt="groom" class="img-responsive"> <img src="images/groom.jpg" alt="groom" class="img-responsive">
</div> </div>
<div class="desc-groom"> <div class="desc-groom">
<h3>Joefrey Mahusay</h3> <h3>Calex Lorencin</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p> <p>Administrateur, musicien, chanteur. Très motivé, et courageux, il prend tout ce qu'il fait &agrave; coeur</p>
</div> </div>
</div> </div>
<p class="heart text-center"><i class="icon-heart2"></i></p> <p class="heart text-center"><i class="icon-heart2"></i></p>
@@ -149,60 +132,8 @@
<img src="images/bride.jpg" alt="groom" class="img-responsive"> <img src="images/bride.jpg" alt="groom" class="img-responsive">
</div> </div>
<div class="desc-bride"> <div class="desc-bride">
<h3>Sheila Mahusay</h3> <h3>Hadassa Oscar</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p> <p>Physiotherapeute, chanteuse, danseuse. Très rigolo, elle apporte la joie &agrave; son entourage</p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-event" class="fh5co-bg" style="background-image:url(images/img_bg_3.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>Our Special Events</span>
<h2>Wedding Events</h2>
</div>
</div>
<div class="row">
<div class="display-t">
<div class="display-tc">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6 col-sm-6 text-center">
<div class="event-wrap animate-box">
<h3>Main Ceremony</h3>
<div class="event-col">
<i class="icon-clock"></i>
<span>4:00 PM</span>
<span>6:00 PM</span>
</div>
<div class="event-col">
<i class="icon-calendar"></i>
<span>Monday 28</span>
<span>November, 2016</span>
</div>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 text-center">
<div class="event-wrap animate-box">
<h3>Wedding Party</h3>
<div class="event-col">
<i class="icon-clock"></i>
<span>7:00 PM</span>
<span>12:00 AM</span>
</div>
<div class="event-col">
<i class="icon-calendar"></i>
<span>Monday 28</span>
<span>November, 2016</span>
</div>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -213,348 +144,64 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box"> <div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>We Love Each Other</span> <!-- <span>We Love Each Other</span> -->
<h2>Our Story</h2> <h2>Progamme de la C&eacute;r&eacute;monie</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> <h3>Accueil des invit&eacute;s & Pr&eacute;lude musicale</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 col-md-offset-0">
<ul class="timeline animate-box">
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-1.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First We Meet</h3>
<span class="date">December 25, 2015</span>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</li>
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-2.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First Date</h3>
<span class="date">December 28, 2015</span>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</li>
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-3.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">In A Relationship</h3>
<span class="date">January 1, 2016</span>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="fh5co-gallery" class="fh5co-section-gray"> <h3>Propos de bienvenue</h3>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>Our Memories</span>
<h2>Wedding Gallery</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
<div class="row row-bottom-padded-md">
<div class="col-md-12">
<ul id="fh5co-gallery-list">
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-1.jpg); "> <h3 style="margin-bottom : 0">Introduction<h3>
<a href="images/gallery-1.jpg"> <p>Rev. Jean Hubert Midi</p>
<div class="case-studies-summary">
<span>14 Photos</span> <h3 style="margin-bottom : 0">Chant d'ouverture<h3>
<h2>Two Glas of Juice</h2> <h4 style="margin-bottom : 8px">Sr. Morycha - I love you Lord</h4>
</div> <p>I love You, Lord<br>For Your mercy never fails me<br>All my days<br>I've been held in Your hand</p>
</a> <p>From the moment that I wake up<br>Until I lay my head<br>Oh, I will sing of the goodness of God</p>
</li> <p>Cause all my life You have been faithful<br>And all my life You have been so so good<br>With every breath that I am able<br>Oh, I will sing of the goodness of God</p>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-2.jpg); "> <p>I love Your voice<br>You have led me through the fire<br>In darkest night<br>You are close like no other<br>I've known You as a father<br>I've known You as a friend<br>And I have lived in the goodness of God</p>
<a href="#" class="color-2"> <p>Your goodness is running after<br>It's running after me<br>Your goodness is running after<br>It's running after me<br>With my life laid down<br>I surrender now<br>I give You everything</p>
<div class="case-studies-summary"> <p>Your goodness is running after<br>It's running after me<br>Your goodness is running after<br>It's running after me<br>With my life laid down<br>I surrender now<br>I give You everything</p>
<span>30 Photos</span> <p>Your goodness is running after<br>It's running after me<br>And all my life You have been faithful<br>And all my life You have been so so good<br>With every breath that I am able<br>Oh, I'm gonna sing of the goodness of God<br>I'm gonna sing<br>All my life You have been faithful<br>All my life You have been so so good<br>With every breath that I am able<br>I will sing of the goodness of God<br>I will sing of the goodness of God<br>
<h2>Timer starts now!</h2>
</div> <h3>Pri&egrave;re d'invocation</h3>
</a>
</li> <h3>Lecture</h3>
<h3 style="margin-bottom : 0">Chant<h3>
<p style="margin-bottom : 8px">Sr. Morycha - Men adorasyon mwen</p>
<p>Senyè ou merite tout glwa<br>Pèsonn pa ka, adore w nan plas mwen<br>Le mwen gade tout sa ou fè pou mwen<br>Pèsonn paka adore w nan plas mwen</p>
<p>Choeur<br>Men adorasyon mwen<br>Tout adorasyon mwen<br>Resevwa adorasyon mwen<br>Tout adorasyon mwen</p>
<p>Bouch mwen pap jam ret fèmen<br>Adorasyon mwen se pou ou</p>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-3.jpg); "> <h3 style="margin-bottom : 0">Chants Spéciaux<h3>
<a href="#" class="color-3"> <p style="margin-bottom : 8px">Deux (2) Morçeaux</p>
<div class="case-studies-summary">
<span>90 Photos</span>
<h2>Beautiful sunset</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-4.jpg); ">
<a href="#" class="color-4">
<div class="case-studies-summary">
<span>12 Photos</span>
<h2>Company's Conference Room</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-5.jpg); "> <h3>Engagement & Echange de voeux</h3>
<a href="#" class="color-3">
<div class="case-studies-summary">
<span>50 Photos</span>
<h2>Useful baskets</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-6.jpg); ">
<a href="#" class="color-4">
<div class="case-studies-summary">
<span>45 Photos</span>
<h2>Skater man in the road</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-7.jpg); "> <h3 style="margin-bottom : 0">Moment d'Adoration<h3>
<a href="#" class="color-4"> <p style="margin-bottom : 8px">Sr. Morycha</p>
<div class="case-studies-summary"> <!-- <p>I love You, Lord<br>For Your mercy never fails me<br>All my days<br>I've been held in Your hand</p> -->
<span>35 Photos</span>
<h2>Two Glas of Juice</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-8.jpg); "> <h3>Engagement & Echange de voeux</h3>
<a href="#" class="color-5">
<div class="case-studies-summary">
<span>90 Photos</span>
<h2>Timer starts now!</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-9.jpg); ">
<a href="#" class="color-6">
<div class="case-studies-summary">
<span>56 Photos</span>
<h2>Beautiful sunset</h2>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="fh5co-counter" class="fh5co-bg fh5co-counter" style="background-image:url(images/img_bg_5.jpg);"> <h3>Hom&eacute;lie de Circonstance</h3>
<div class="overlay"></div>
<div class="container"> <h3>B&eacute;n&eacute;diction des Alliances</h3>
<div class="row">
<div class="display-t"> <h3>Signature des registres</h3>
<div class="display-tc">
<div class="col-md-3 col-sm-6 animate-box"> <h3>Pri&egrave;re Finale & B&eacute;n&eacute;diction</h3>
<div class="feature-center">
<span class="icon">
<i class="icon-users"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="500" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">Estimated Guest</span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-user"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="1000" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">We Catter</span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-calendar"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="402" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">Events Done</span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-clock"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="2345" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">Hours Spent</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
<div id="fh5co-testimonial">
<div class="container">
<div class="row">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<span>Best Wishes</span>
<h2>Friends Wishes</h2>
</div>
</div>
<div class="row">
<div class="col-md-12 animate-box">
<div class="wrap-testimony">
<div class="owl-carousel-fullwidth">
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/couple-1.jpg" alt="user">
</figure>
<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
<blockquote>
<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics"</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/couple-2.jpg" alt="user">
</figure>
<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
<blockquote>
<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, at the coast of the Semantics, a large language ocean."</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/couple-3.jpg" alt="user">
</figure>
<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
<blockquote>
<p>"Far far away, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-services" class="fh5co-section-gray">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>We Offer Services</h2>
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-calendar"></i>
</span>
<div class="feature-copy">
<h3>We Organized Events</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
</div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-image"></i>
</span>
<div class="feature-copy">
<h3>Photoshoot</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
</div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-video"></i>
</span>
<div class="feature-copy">
<h3>Video Editing</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
</div>
</div>
<div class="col-md-6 animate-box">
<div class="fh5co-video fh5co-bg" style="background-image: url(images/img_bg_3.jpg); ">
<a href="https://vimeo.com/channels/staffpicks/93951774" class="popup-vimeo"><i class="icon-video2"></i></a>
<div class="overlay"></div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-started" class="fh5co-bg" style="background-image:url(images/img_bg_4.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Are You Attending?</h2>
<p>Please Fill-up the form to notify you that you're attending. Thanks.</p>
</div>
</div>
<div class="row animate-box">
<div class="col-md-10 col-md-offset-1">
<form class="form-inline">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label for="name" class="sr-only">Name</label>
<input type="name" class="form-control" id="name" placeholder="Name">
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label for="email" class="sr-only">Email</label>
<input type="email" class="form-control" id="email" placeholder="Email">
</div>
</div>
<div class="col-md-4 col-sm-4">
<button type="submit" class="btn btn-default btn-block">I am Attending</button>
</div>
</form>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo"> <footer id="fh5co-footer" role="contentinfo">
<div class="container"> <div class="container">
@@ -603,30 +250,9 @@
<script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script> <script src="js/magnific-popup-options.js"></script>
<!-- // <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script> -->
<script src="js/simplyCountdown.js"></script>
<!-- Main --> <!-- Main -->
<script src="js/main.js"></script> <script src="js/main.js"></script>
<script>
var d = new Date(new Date().getTime() + 200 * 120 * 120 * 2000);
// default example
simplyCountdown('.simply-countdown-one', {
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate()
});
//jQuery example
$('#simply-countdown-losange').simplyCountdown({
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate(),
enableUtc: false
});
</script>
</body> </body>
</html> </html>

0
about.html → old/about.html
View File

0
contact.html → old/contact.html
View File

0
gallery.html → old/gallery.html
View File

632
old/index.html Normal file
View File

@@ -0,0 +1,632 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Wedding &mdash; 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<meta name="author" content="FREEHTML5.CO" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FREEHTML5.CO
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Wedding<strong>.</strong></a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">Story</a></li>
<li class="has-dropdown">
<a href="services.html">Services</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="gallery.html">Gallery</a>
<ul class="dropdown">
<li><a href="#">HTML5</a></li>
<li><a href="#">CSS3</a></li>
<li><a href="#">Sass</a></li>
<li><a href="#">jQuery</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/img_bg_2.jpg);" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Joefrey &amp; Sheila</h1>
<h2>We Are Getting Married</h2>
<div class="simply-countdown simply-countdown-one"></div>
<p><a href="#" class="btn btn-default btn-sm">Save the date</a></p>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-couple">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2>Hello!</h2>
<h3>November 28th, 2016 New York, USA</h3>
<p>We invited you to celebrate our wedding</p>
</div>
</div>
<div class="couple-wrap animate-box">
<div class="couple-half">
<div class="groom">
<img src="images/groom.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-groom">
<h3>Joefrey Mahusay</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
<p class="heart text-center"><i class="icon-heart2"></i></p>
<div class="couple-half">
<div class="bride">
<img src="images/bride.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-bride">
<h3>Sheila Mahusay</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-event" class="fh5co-bg" style="background-image:url(images/img_bg_3.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>Our Special Events</span>
<h2>Wedding Events</h2>
</div>
</div>
<div class="row">
<div class="display-t">
<div class="display-tc">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-6 col-sm-6 text-center">
<div class="event-wrap animate-box">
<h3>Main Ceremony</h3>
<div class="event-col">
<i class="icon-clock"></i>
<span>4:00 PM</span>
<span>6:00 PM</span>
</div>
<div class="event-col">
<i class="icon-calendar"></i>
<span>Monday 28</span>
<span>November, 2016</span>
</div>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 text-center">
<div class="event-wrap animate-box">
<h3>Wedding Party</h3>
<div class="event-col">
<i class="icon-clock"></i>
<span>7:00 PM</span>
<span>12:00 AM</span>
</div>
<div class="event-col">
<i class="icon-calendar"></i>
<span>Monday 28</span>
<span>November, 2016</span>
</div>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-couple-story">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>We Love Each Other</span>
<h2>Our Story</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
<div class="row">
<div class="col-md-12 col-md-offset-0">
<ul class="timeline animate-box">
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-1.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First We Meet</h3>
<span class="date">December 25, 2015</span>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</li>
<li class="timeline-inverted animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-2.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">First Date</h3>
<span class="date">December 28, 2015</span>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</li>
<li class="animate-box">
<div class="timeline-badge" style="background-image:url(images/couple-3.jpg);"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">In A Relationship</h3>
<span class="date">January 1, 2016</span>
</div>
<div class="timeline-body">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="fh5co-gallery" class="fh5co-section-gray">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<span>Our Memories</span>
<h2>Wedding Gallery</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
<div class="row row-bottom-padded-md">
<div class="col-md-12">
<ul id="fh5co-gallery-list">
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-1.jpg); ">
<a href="images/gallery-1.jpg">
<div class="case-studies-summary">
<span>14 Photos</span>
<h2>Two Glas of Juice</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-2.jpg); ">
<a href="#" class="color-2">
<div class="case-studies-summary">
<span>30 Photos</span>
<h2>Timer starts now!</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-3.jpg); ">
<a href="#" class="color-3">
<div class="case-studies-summary">
<span>90 Photos</span>
<h2>Beautiful sunset</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-4.jpg); ">
<a href="#" class="color-4">
<div class="case-studies-summary">
<span>12 Photos</span>
<h2>Company's Conference Room</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-5.jpg); ">
<a href="#" class="color-3">
<div class="case-studies-summary">
<span>50 Photos</span>
<h2>Useful baskets</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-6.jpg); ">
<a href="#" class="color-4">
<div class="case-studies-summary">
<span>45 Photos</span>
<h2>Skater man in the road</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-7.jpg); ">
<a href="#" class="color-4">
<div class="case-studies-summary">
<span>35 Photos</span>
<h2>Two Glas of Juice</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-8.jpg); ">
<a href="#" class="color-5">
<div class="case-studies-summary">
<span>90 Photos</span>
<h2>Timer starts now!</h2>
</div>
</a>
</li>
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/gallery-9.jpg); ">
<a href="#" class="color-6">
<div class="case-studies-summary">
<span>56 Photos</span>
<h2>Beautiful sunset</h2>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="fh5co-counter" class="fh5co-bg fh5co-counter" style="background-image:url(images/img_bg_5.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="display-t">
<div class="display-tc">
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-users"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="500" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">Estimated Guest</span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-user"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="1000" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">We Catter</span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-calendar"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="402" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">Events Done</span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box">
<div class="feature-center">
<span class="icon">
<i class="icon-clock"></i>
</span>
<span class="counter js-counter" data-from="0" data-to="2345" data-speed="5000" data-refresh-interval="50">1</span>
<span class="counter-label">Hours Spent</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-testimonial">
<div class="container">
<div class="row">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<span>Best Wishes</span>
<h2>Friends Wishes</h2>
</div>
</div>
<div class="row">
<div class="col-md-12 animate-box">
<div class="wrap-testimony">
<div class="owl-carousel-fullwidth">
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/couple-1.jpg" alt="user">
</figure>
<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
<blockquote>
<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics"</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/couple-2.jpg" alt="user">
</figure>
<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
<blockquote>
<p>"Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, at the coast of the Semantics, a large language ocean."</p>
</blockquote>
</div>
</div>
<div class="item">
<div class="testimony-slide active text-center">
<figure>
<img src="images/couple-3.jpg" alt="user">
</figure>
<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
<blockquote>
<p>"Far far away, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean."</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-services" class="fh5co-section-gray">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>We Offer Services</h2>
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-calendar"></i>
</span>
<div class="feature-copy">
<h3>We Organized Events</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
</div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-image"></i>
</span>
<div class="feature-copy">
<h3>Photoshoot</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
</div>
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
<span class="icon">
<i class="icon-video"></i>
</span>
<div class="feature-copy">
<h3>Video Editing</h3>
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
</div>
</div>
</div>
<div class="col-md-6 animate-box">
<div class="fh5co-video fh5co-bg" style="background-image: url(images/img_bg_3.jpg); ">
<a href="https://vimeo.com/channels/staffpicks/93951774" class="popup-vimeo"><i class="icon-video2"></i></a>
<div class="overlay"></div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-started" class="fh5co-bg" style="background-image:url(images/img_bg_4.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Are You Attending?</h2>
<p>Please Fill-up the form to notify you that you're attending. Thanks.</p>
</div>
</div>
<div class="row animate-box">
<div class="col-md-10 col-md-offset-1">
<form class="form-inline">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label for="name" class="sr-only">Name</label>
<input type="name" class="form-control" id="name" placeholder="Name">
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label for="email" class="sr-only">Email</label>
<input type="email" class="form-control" id="email" placeholder="Email">
</div>
</div>
<div class="col-md-4 col-sm-4">
<button type="submit" class="btn btn-default btn-block">I am Attending</button>
</div>
</form>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
<p>
<ul class="fh5co-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- // <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.js"></script> -->
<script src="js/simplyCountdown.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
<script>
var d = new Date(new Date().getTime() + 200 * 120 * 120 * 2000);
// default example
simplyCountdown('.simply-countdown-one', {
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate()
});
//jQuery example
$('#simply-countdown-losange').simplyCountdown({
year: d.getFullYear(),
month: d.getMonth() + 1,
day: d.getDate(),
enableUtc: false
});
</script>
</body>
</html>

258
services.html
View File

@@ -1,258 +0,0 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Calex and Hadassa Wedding</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<meta name="author" content="FREEHTML5.CO" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FREEHTML5.CO
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<!-- <nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-2">
<div id="fh5co-logo"><a href="index.html">Wedding<strong>.</strong></a></div>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg_1.jpg);">
<div class="overlay"></div>
<div class="fh5co-container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Hadassa & Calex</h1>
</div>
</div>
</div>
</div>
</div>
</header> -->
<div id="fh5co-started" class="fh5co-bg" style="background-image:url(images/img_bg_4.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2>Hadassa & Calex</h2>
<!-- <p>Please Fill-up the form to notify you that you're attending. Thanks.</p> -->
</div>
</div>
</div>
</div>
<div id="fh5co-couple" class="fh5co-section-gray">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2>Bienvenue &agrave; notre Marriage</h2>
<h4>14 F&eacute;vrier 20256<br>Salvation Army Church, </h3>
<p>Nous sommes honor&eacute;s par votre pr&eacute;sence.</p>
</div>
</div>
<div class="couple-wrap animate-box">
<div class="couple-half">
<div class="groom">
<img src="images/groom.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-groom">
<h3>Calex Lorencin</h3>
<p>Administrateur, musicien, chanteur. Très motivé, et courageux, il prend tout ce qu'il fait &agrave; coeur</p>
</div>
</div>
<p class="heart text-center"><i class="icon-heart2"></i></p>
<div class="couple-half">
<div class="bride">
<img src="images/bride.jpg" alt="groom" class="img-responsive">
</div>
<div class="desc-bride">
<h3>Hadassa Oscar</h3>
<p>Physiotherapeute, chanteuse, danseuse. Très rigolo, elle apporte la joie &agrave; son entourage</p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-couple-story">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<!-- <span>We Love Each Other</span> -->
<h2>Progamme de la C&eacute;r&eacute;monie</h2>
<h3>Accueil des invit&eacute;s & Pr&eacute;lude musicale</h3>
<h3>Propos de bienvenue</h3>
<h3 style="margin-bottom : 0">Introduction<h3>
<p>Rev. Jean Hubert Midi</p>
<h3 style="margin-bottom : 0">Chant d'ouverture<h3>
<h4 style="margin-bottom : 8px">Sr. Morycha - I love you Lord</h4>
<p>I love You, Lord<br>For Your mercy never fails me<br>All my days<br>I've been held in Your hand</p>
<p>From the moment that I wake up<br>Until I lay my head<br>Oh, I will sing of the goodness of God</p>
<p>Cause all my life You have been faithful<br>And all my life You have been so so good<br>With every breath that I am able<br>Oh, I will sing of the goodness of God</p>
<p>I love Your voice<br>You have led me through the fire<br>In darkest night<br>You are close like no other<br>I've known You as a father<br>I've known You as a friend<br>And I have lived in the goodness of God</p>
<p>Your goodness is running after<br>It's running after me<br>Your goodness is running after<br>It's running after me<br>With my life laid down<br>I surrender now<br>I give You everything</p>
<p>Your goodness is running after<br>It's running after me<br>Your goodness is running after<br>It's running after me<br>With my life laid down<br>I surrender now<br>I give You everything</p>
<p>Your goodness is running after<br>It's running after me<br>And all my life You have been faithful<br>And all my life You have been so so good<br>With every breath that I am able<br>Oh, I'm gonna sing of the goodness of God<br>I'm gonna sing<br>All my life You have been faithful<br>All my life You have been so so good<br>With every breath that I am able<br>I will sing of the goodness of God<br>I will sing of the goodness of God<br>
<h3>Pri&egrave;re d'invocation</h3>
<h3>Lecture</h3>
<h3 style="margin-bottom : 0">Chant<h3>
<p style="margin-bottom : 8px">Sr. Morycha - Men adorasyon mwen</p>
<p>Senyè ou merite tout glwa<br>Pèsonn pa ka, adore w nan plas mwen<br>Le mwen gade tout sa ou fè pou mwen<br>Pèsonn paka adore w nan plas mwen</p>
<p>Choeur<br>Men adorasyon mwen<br>Tout adorasyon mwen<br>Resevwa adorasyon mwen<br>Tout adorasyon mwen</p>
<p>Bouch mwen pap jam ret fèmen<br>Adorasyon mwen se pou ou</p>
<h3 style="margin-bottom : 0">Chants Spéciaux<h3>
<p style="margin-bottom : 8px">Deux (2) Morçeaux</p>
<h3>Engagement & Echange de voeux</h3>
<h3 style="margin-bottom : 0">Moment d'Adoration<h3>
<p style="margin-bottom : 8px">Sr. Morycha</p>
<!-- <p>I love You, Lord<br>For Your mercy never fails me<br>All my days<br>I've been held in Your hand</p> -->
<h3>Engagement & Echange de voeux</h3>
<h3>Hom&eacute;lie de Circonstance</h3>
<h3>B&eacute;n&eacute;diction des Alliances</h3>
<h3>Signature des registres</h3>
<h3>Pri&egrave;re Finale & B&eacute;n&eacute;diction</h3>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
<p>
<ul class="fh5co-social-icons">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>