-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
133 changed files
with
27,523 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
Thanks for downloading this theme! | ||
|
||
## Other Useful Links | ||
|
||
**ThemeWagon** is a great source for downloading free HTML templates built with the latest technology. | ||
|
||
To download free templates, follow this link: https://themewagon.com/theme_tag/free/ | ||
|
||
Besides that, you can buy our premium templates for making your web development experience unforgettable. | ||
|
||
Visit the store from here: https://themewagon.com/theme-categories/premium-templates/ | ||
|
||
Alternatively, here's our top most trending and selling items: | ||
|
||
* [**Sparrow**](https://themewagon.com/themes/sparrow/) - A multipurpose template made with Bootstrap 4.1 and world's finest animation. | ||
* [**Posh**](https://themewagon.com/themes/posh-html5-bootstrap-4-template/) - Bootstrap 4 template with a myriad number of ready-to-deploy sections. | ||
* [**Elixir**](https://themewagon.com/themes/elixir-elegant-html5-bootstrap-template-consultancy-agency-website/) - Bootstrap 4 agency template. Best for smooth animated scrolling. | ||
* [**Freya**](https://themewagon.com/themes/bootstrap-4-premium-interior-design-template-freya/) - Interior design template made with Bootstrap 4. | ||
* [**Reign Pro**](https://themewagon.com/themes/reign-pro-premium-corporate-agency-html5-template/) - A corporate template with a visually unique design scheme. | ||
* [**Boots4**](https://themewagon.com/themes/first-ever-bootstrap-4-template/) - One of the first Bootstrap 4 templates ever made on earth. | ||
* [**Hideaway**](https://themewagon.com/themes/hideaway/) - A template for resorts. Built with Bootstrap 4. | ||
* [**Baikal**](https://themewagon.com/themes/bootstrap-4-startup-small-business-website-template/) - A smart Bootstrap template for start-up. | ||
* [**Mega Discount**](https://themewagon.com/themes/mega-discount-bundle/) - A bundle of 26 HTML5 templates; best value for your money. | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,333 @@ | ||
<!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: [email protected] | ||
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><a href="index.html">Home</a></li> | ||
<li class="active"><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 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>Couple Story</h1> | ||
<h2>Free HTML5 templates Made by <a href="http://freehtml5.co" target="_blank">FreeHTML5.co</a></h2> | ||
</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-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-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 row-pb-md"> | ||
<div class="col-md-4 fh5co-widget"> | ||
<h3>The Company</h3> | ||
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p> | ||
<p><a href="#">Learn More</a></p> | ||
</div> | ||
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1"> | ||
<ul class="fh5co-footer-links"> | ||
<li><a href="#">About</a></li> | ||
<li><a href="#">Help</a></li> | ||
<li><a href="#">Contact</a></li> | ||
<li><a href="#">Terms</a></li> | ||
<li><a href="#">Meetups</a></li> | ||
</ul> | ||
</div> | ||
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1"> | ||
<ul class="fh5co-footer-links"> | ||
<li><a href="#">Shop</a></li> | ||
<li><a href="#">Privacy</a></li> | ||
<li><a href="#">Testimonials</a></li> | ||
<li><a href="#">Handbook</a></li> | ||
<li><a href="#">Held Desk</a></li> | ||
</ul> | ||
</div> | ||
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1"> | ||
<ul class="fh5co-footer-links"> | ||
<li><a href="#">Find Designers</a></li> | ||
<li><a href="#">Find Deelopers</a></li> | ||
<li><a href="#">Teams</a></li> | ||
<li><a href="#">Advertise</a></li> | ||
<li><a href="#">API</a></li> | ||
</ul> | ||
</div> | ||
</div> --> | ||
|
||
<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> | ||
|
Oops, something went wrong.