mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 07:53:11 +01:00
369 lines
14 KiB
HTML
369 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="webthemez">
|
|
<title>Wedding Bells Free Responsive HTML5 Template | webthemez</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="assets/css/bootstrap.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link href="assets/css/styles.css" rel="stylesheet">
|
|
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="assets/css/animate-custom.css" rel="stylesheet">
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
<body data-target="#navbar-main">
|
|
<div id="navbar-main">
|
|
<!-- Fixed navbar -->
|
|
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="container">
|
|
|
|
<div class="navbar-header">
|
|
<div class="pull-left logo">
|
|
<a class="" href="#home"><img src="assets/img/logo.png" /></a>
|
|
</div>
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav pull-right">
|
|
<li><a href="#home-section" class="smoothScroll">Welcome</a></li>
|
|
<li> <a href="#services" class="smoothScroll">Events</a></li>
|
|
<li> <a href="#about" class="smoothScroll"> About Us</a></li>
|
|
<li> <a href="#portfolio" class="smoothScroll"> Gallery</a></li>
|
|
<li> <a href="#team" class="smoothScroll">Testimonials</a></li>
|
|
<li> <a href="#contact" class="smoothScroll"> Place</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.nav-collapse -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ==== HEADERWRAP ==== -->
|
|
<div id="home-section">
|
|
<div id="headerwrap" name="home">
|
|
<header class="clearfix tb">
|
|
</header>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 tb-cell text-center">
|
|
<h1>Jenifer & John Dow</h1>
|
|
<p>We are getting Married on 12.05.2016 </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /headerwrap -->
|
|
|
|
|
|
|
|
<!-- ==== SERVICES ==== -->
|
|
<div id="services" name="services">
|
|
<div class="container">
|
|
<div class="row">
|
|
<h2 class="centered">EVENTS</h2>
|
|
<hr>
|
|
<div class="col-lg-8 col-lg-offset-2">
|
|
<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
|
|
</div>
|
|
<div class="col-lg-4 callout"> <i class="fa fa-users fa-3x"></i>
|
|
<h3>Engagement</h3>
|
|
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
|
|
</div>
|
|
<div class="col-lg-4 callout"> <i class="fa fa-bell fa-3x"></i>
|
|
<h3>Wedding Day</h3>
|
|
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
|
|
</div>
|
|
<div class="col-lg-4 callout"> <i class="fa fa-star fa-3x"></i>
|
|
<h3>Reception</h3>
|
|
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
</div>
|
|
</div>
|
|
<!-- container -->
|
|
<section class="hero-section section">
|
|
<div class="container">
|
|
<div class="highlight tb">
|
|
<div class="tb-cell">
|
|
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui!</br>
|
|
erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei!!</p>
|
|
</div>
|
|
<div class="links tb-cell">
|
|
<div class="reservation-link">
|
|
<a href="#" class="btn reservation-btn">Greetings</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<div class="div-pattern"></div>
|
|
<!-- ==== ABOUT ==== -->
|
|
<div id="about" name="about">
|
|
<div class="container">
|
|
<div class="row white">
|
|
<h2 class="centered">ABOUT US</h2>
|
|
<hr>
|
|
<div class="col-md-6"> <img class="img-responsive" src="assets/img/about/about1.jpg" align=""> </div>
|
|
<div class="col-md-6">
|
|
<h3>Bride</h3>
|
|
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel. Te sit malorum ceteros repudiandae, ne tritani adipisci vis.</p>
|
|
<h3>Groom</h3>
|
|
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel.</p>
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
</div>
|
|
</div>
|
|
<!-- container -->
|
|
<!-- ==== PORTFOLIO ==== -->
|
|
<div id="portfolio" name="portfolio">
|
|
<div class="container">
|
|
<div class="row">
|
|
<h2 class="centered">GALLERY</h2>
|
|
<hr>
|
|
<div class="col-lg-8 col-lg-offset-2 centered">
|
|
<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
|
|
</div>
|
|
</div>
|
|
<!-- /row -->
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- PORTFOLIO IMAGE 1 -->
|
|
<div class="col-md-4 ">
|
|
<div class="grid overlay">
|
|
<figure> <img class="img-responsive" src="assets/img/portfolio/folio01.jpg" alt="">
|
|
<figcaption>
|
|
<h5>Together</h5>
|
|
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
|
|
<!-- /figcaption -->
|
|
</figure>
|
|
<!-- /figure -->
|
|
</div>
|
|
<!-- /grid-overlay -->
|
|
</div>
|
|
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h4 class="modal-title">Cake</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p><img class="img-responsive" src="assets/img/portfolio/folio01-preview.jpg" alt=""></p>
|
|
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. </p>
|
|
</div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div>
|
|
<!-- /.modal -->
|
|
|
|
<!-- PORTFOLIO IMAGE 2 -->
|
|
<div class="col-md-4">
|
|
<div class="grid overlay">
|
|
<figure> <img class="img-responsive" src="assets/img/portfolio/folio02.jpg" alt="">
|
|
<figcaption>
|
|
<h5>Mindblow</h5>
|
|
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
|
|
<!-- /figcaption -->
|
|
</figure>
|
|
<!-- /figure -->
|
|
</div>
|
|
<!-- /grid-overlay -->
|
|
</div>
|
|
|
|
<!-- PORTFOLIO IMAGE 3 -->
|
|
<div class="col-md-4">
|
|
<div class="grid overlay">
|
|
<figure> <img class="img-responsive" src="assets/img/portfolio/folio03.jpg" alt="">
|
|
<figcaption>
|
|
<h5>Awesome</h5>
|
|
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
|
|
<!-- /figcaption -->
|
|
</figure>
|
|
<!-- /figure -->
|
|
</div>
|
|
<!-- /grid-overlay -->
|
|
</div>
|
|
</div>
|
|
<!-- /row -->
|
|
|
|
<!-- PORTFOLIO IMAGE 4 -->
|
|
<div class="row">
|
|
<div class="col-md-4 ">
|
|
<div class="grid overlay">
|
|
<figure> <img class="img-responsive" src="assets/img/portfolio/folio04.jpg" alt="">
|
|
<figcaption>
|
|
<h5>Lovely</h5>
|
|
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
|
|
<!-- /figcaption -->
|
|
</figure>
|
|
<!-- /figure -->
|
|
</div>
|
|
<!-- /grid-overlay -->
|
|
</div>
|
|
|
|
<!-- PORTFOLIO IMAGE 5 -->
|
|
<div class="col-md-4">
|
|
<div class="grid overlay">
|
|
<figure> <img class="img-responsive" src="assets/img/portfolio/folio05.jpg" alt="">
|
|
<figcaption>
|
|
<h5>Photos</h5>
|
|
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
|
|
<!-- /figcaption -->
|
|
</figure>
|
|
<!-- /figure -->
|
|
</div>
|
|
<!-- /grid-overlay -->
|
|
</div>
|
|
|
|
<!-- PORTFOLIO IMAGE 6 -->
|
|
<div class="col-md-4">
|
|
<div class="grid overlay">
|
|
<figure> <img class="img-responsive" src="assets/img/portfolio/folio06.jpg" alt="">
|
|
<figcaption>
|
|
<h5>Reception</h5>
|
|
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
|
|
<!-- /figcaption -->
|
|
</figure>
|
|
<!-- /figure -->
|
|
</div>
|
|
<!-- /grid-overlay -->
|
|
</div>
|
|
<!-- /col -->
|
|
</div>
|
|
<!-- /row -->
|
|
</div>
|
|
<!-- /row -->
|
|
</div>
|
|
</div>
|
|
<!-- /container -->
|
|
|
|
<!-- ==== TEAM MEMBERS ==== -->
|
|
<div id="team" name="team">
|
|
<div class="container">
|
|
<div class="row centered">
|
|
<h2 class="centered">TESTIMONIALS</h2>
|
|
<hr>
|
|
<div class="col-lg-8 col-lg-offset-2 centered">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
|
|
<br/>
|
|
</div>
|
|
<div class="col-lg-3 centered"> <img class="img img-circle" src="assets/img/team/team01.jpg" height="120px" width="120px" alt="">
|
|
<h4><strong>Rennyl</strong></h4>
|
|
<p>Consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> </div>
|
|
<div class="col-lg-3 centered"> <img class="img img-circle" src="assets/img/team/team02.jpg" height="120px" width="120px" alt="">
|
|
<h4><b>Kristean</b></h4>
|
|
<p>Consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> </div>
|
|
<div class="col-lg-3 centered"> <img class="img img-circle" src="assets/img/team/team03.jpg" height="120px" width="120px" alt="">
|
|
<h4><b>Angilica</b></h4>
|
|
<p>Consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> </div>
|
|
<div class="col-lg-3 centered"> <img class="img img-circle" src="assets/img/team/team04.jpg" height="120px" width="120px" alt="">
|
|
<h4><b>Shannon</b></h4>
|
|
<p>Consectetuer eu nam. Saepe legendos vulputate eu quo, id mea comprehensam signifer.</p> </div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
</div>
|
|
<!-- container -->
|
|
|
|
<!-- ==== CONTACT ==== -->
|
|
<div id="contact" name="contact">
|
|
<div class="container">
|
|
<div class="row">
|
|
<h2 class="centered">MEETING POINT</h2>
|
|
<hr>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<strong>Ask how to Reach Us!</strong>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
|
|
<form id="contact" method="post" class="form" role="form">
|
|
<div class="row">
|
|
<div class="col-md-12 form-group">
|
|
<input class="form-control" id="name" name="name" placeholder="Name" type="text" required />
|
|
</div>
|
|
<div class="col-md-12 form-group">
|
|
<input class="form-control" id="email" name="email" placeholder="Email" type="email" required />
|
|
</div>
|
|
<div class="col-md-12 form-group">
|
|
<textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
|
|
<button class="btn btn-lg pull-left" type="submit">Send Message</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
<!-- form -->
|
|
</div>
|
|
<div class="col-md-5">
|
|
|
|
|
|
<i class="fa fa-map-marker fa-2x"></i>
|
|
<strong>St. Peters Cathedral</strong>
|
|
<p>321 Awesome Street<br>
|
|
New York, NY 12345</p>
|
|
|
|
<br/>
|
|
<i class="fa fa-envelope-o fa-2x"></i>
|
|
<p>info@Johndow.com</p>
|
|
|
|
<br/>
|
|
<i class="fa fa-phone fa-2x"></i>
|
|
<p> +1 235 123 1234</p>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- row -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- container -->
|
|
|
|
<div id="footerwrap">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8"> <span class="copyright">Copyright © 2016. Design by <a href="http://www.webthemez.com">Webthemez</a></span> </div>
|
|
<div class="col-md-4">
|
|
<ul class="list-inline social-buttons">
|
|
<li><a href="#"><i class="fa fa-twitter"></i></a> </li>
|
|
<li><a href="#"><i class="fa fa-facebook"></i></a> </li>
|
|
<li><a href="#"><i class="fa fa-google-plus"></i></a> </li>
|
|
<li><a href="#"><i class="fa fa-linkedin"></i></a> </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bootstrap core JavaScript
|
|
================================================== -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
|
|
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
|
|
<script type="text/javascript" src="assets/js/smoothscroll.js"></script>
|
|
<script type="text/javascript" src="assets/js/custom-scripts.js"></script>
|
|
</body>
|
|
</html>
|