2026-02-14 02:36:56 -05:00
<!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 — 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 >
< / 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" >
2026-02-14 03:17:27 -05:00
< h1 > Hadassa & Calex< / h1 >
2026-02-14 02:36:56 -05:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / header >
< 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 > 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-gallery" >
< 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-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" > © 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 >
