Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
528 lines (392 sloc) 22.5 KB
<!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v4.3.2, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.3.2, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="assets/images/logo4.png" type="image/x-icon">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="header11 cid-qwTCuJooM6 mbr-fullscreen mbr-parallax-background" id="header11-1" data-rv-view="1127">
<!-- Block parameters controls (Blue "Gear" panel) -->
<!-- End block parameters -->
<div class="container align-left">
<div class="media-container-column mbr-white col-md-12">
<h3 class="mbr-section-subtitle py-3 mbr-fonts-style display-2"><span style="font-style: normal;">Wedding Template</span></h3>
<h1 class="mbr-section-title py-3 mbr-fonts-style display-1">ALICE &amp; TOM</h1>
<p class="mbr-text py-3 mbr-fonts-style display-5">We're getting married</p>
<div class="mbr-section-btn py-4"><a class="btn btn-md btn-white-outline display-4" href="https://mobirise.com">DOWNLOAD TEMPLATE</a>
<a class="btn btn-md btn-white-outline display-4" href="https://mobirise.com">VIEW DEMO</a></div>
</div>
</div>
<div class="mbr-arrow hidden-sm-down" aria-hidden="true">
<a href="#next">
<i class="mbri-down mbr-iconfont"></i>
</a>
</div>
</section>
<section class="engine"><a href="https://mobirise.co/a">free website builder</a></section><section class="header1 cid-qwTXGaUGDn" id="header1-b" data-rv-view="1130">
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-1">You're invited</h1>
<p class="mbr-text align-center pb-3 mbr-fonts-style display-7">
Full width intro with adjustable height, background image and a color overlay. Click any text to edit or style it.
</p>
<div class="mbr-section-btn align-center"><a class="btn btn-md btn-black-outline display-4" href="index.html#form1-j">
CONTACT US</a></div>
</div>
</div>
</div>
</section>
<section class="header3 cid-qwTDXa80kH mbr-parallax-background" id="header3-8" data-rv-view="1133">
<div class="mbr-overlay" style="opacity: 0.8; background-color: rgb(239, 239, 239);">
</div>
<div class="container">
<div class="media-container-row">
<div class="mbr-figure" style="width: 100%;">
<img src="assets/images/camila-cordeiro-242255-4896x3264.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="media-content">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-1">
About the bride</h1>
<div class="mbr-section-text mbr-white pb-3 ">
<p class="mbr-text mbr-fonts-style display-7">
Nam interdum lectus felis, non gravida risus laoreet sit amet. Nulla iaculis nulla risus, ac interdum nisi dapibus eget. Duis in enim eget nunc rhoncus malesuada. Suspendisse lectus turpis, posuere vitae sapien vel, fermentum consectetur urna.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="header3 cid-qwTDWLSdZ0 mbr-parallax-background" id="header3-7" data-rv-view="1136">
<div class="mbr-overlay" style="opacity: 0.8; background-color: rgb(255, 255, 255);">
</div>
<div class="container">
<div class="media-container-row">
<div class="mbr-figure" style="width: 100%;">
<img src="assets/images/brooke-cagle-241288-5274x3516.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="media-content">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-1">
About the groom</h1>
<div class="mbr-section-text mbr-white pb-3 ">
<p class="mbr-text mbr-fonts-style display-7">
Aliquam ultrices magna sed ipsum consequat, eget bibendum risus dapibus. Mauris elit lectus, maximus at tempus a, efficitur at mauris. Cras quis rutrum diam. Phasellus hendrerit massa mi, vel rutrum nisi elementum ac.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="timeline1 cid-qwTIrrJuXL" id="timeline1-a" data-rv-view="1139">
<div class="container align-center">
<h2 class="mbr-section-title pb-3 mbr-fonts-style display-1">
Our story</h2>
<h3 class="mbr-section-subtitle pb-5 mbr-fonts-style display-2">
Lorem ipsum dolor sit amet, consectetur adipisicing elit
</h3>
<div class="container timelines-container" mbri-timelines="">
<div class="row timeline-element reverse separline">
<div class="timeline-date-panel col-xs-12 col-md-6 align-left">
<div class="time-line-date-content">
<p class="mbr-timeline-date mbr-fonts-style display-5">
1 january 2018
</p>
</div>
</div>
<span class="iconBackground"></span>
<div class="col-xs-12 col-md-6 align-right">
<div class="timeline-text-content">
<h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">First meet</h4>
<p class="mbr-timeline-text mbr-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus auctor, porttitor ligula vitae, convallis leo. In eget massa elit.
</p>
</div>
</div>
</div>
<div class="row timeline-element separline">
<div class="timeline-date-panel col-xs-12 col-md-6 align-right">
<div class="time-line-date-content">
<p class="mbr-timeline-date mbr-fonts-style display-5">
2 february 2019
</p>
</div>
</div>
<span class="iconBackground"></span>
<div class="col-xs-12 col-md-6 align-left ">
<div class="timeline-text-content">
<h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">First date</h4>
<p class="mbr-timeline-text mbr-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus auctor, porttitor ligula vitae, convallis leo. In eget massa elit.
</p>
</div>
</div>
</div>
<div class="row timeline-element reverse separline">
<div class="timeline-date-panel col-xs-12 col-md-6 align-left">
<div class="time-line-date-content">
<p class="mbr-timeline-date mbr-fonts-style display-5">
3 march 2020
</p>
</div>
</div>
<span class="iconBackground"></span>
<div class="col-xs-12 col-md-6 align-right">
<div class="timeline-text-content">
<h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">
Proposal</h4>
<p class="mbr-timeline-text mbr-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus auctor, porttitor ligula vitae, convallis leo. In eget massa elit.
</p>
</div>
</div>
</div>
<div class="row timeline-element ">
<div class="timeline-date-panel col-xs-12 col-md-6 align-right">
<div class="time-line-date-content">
<p class="mbr-timeline-date mbr-fonts-style display-5">
4 april 2021
</p>
</div>
</div>
<span class="iconBackground"></span>
<div class="col-xs-12 col-md-6 align-left ">
<div class="timeline-text-content">
<h4 class="mbr-timeline-title pb-3 mbr-fonts-style display-5">
Engagement</h4>
<p class="mbr-timeline-text mbr-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor, luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus auctor, porttitor ligula vitae, convallis leo. In eget massa elit.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="header1 cid-qwU0Se3wgU mbr-parallax-background" id="header1-c" data-rv-view="1142">
<div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(70, 80, 82);">
</div>
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-1">
Now we're going to celebrate our wedding!</h1>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-7">Free Bootstrap Wedding Template</h3>
</div>
</div>
</div>
</section>
<section class="countdown2 cid-qwTFJw1Ewk" id="countdown2-9" data-rv-view="1145">
<div class="container">
<h2 class="mbr-section-title pb-3 align-center mbr-fonts-style display-1">
Soon!</h2>
</div>
<div class="container pt-5 mt-2">
<div class=" countdown-cont align-center p-4">
<div class="countdown align-center py-2" data-due-date="2018/01/01">
</div>
<div class="daysCountdown" title="Days"></div>
<div class="hoursCountdown" title="Hours"></div>
<div class="minutesCountdown" title="Minutes"></div>
<div class="secondsCountdown" title="Seconds"></div>
<div class="event-date align-left mbr-white">
<h5 class="mbr-fonts-style display-7">2018/01/01 - Our Wedding Party</h5>
</div>
</div>
</div>
</section>
<section class="header4 cid-qwU2rkc3ai" id="header4-d" data-rv-view="1148">
<div class="container">
<div class="row justify-content-md-center">
<div class="media-content col-md-10">
<h1 class="mbr-section-title align-center mbr-white pb-3 mbr-bold mbr-fonts-style display-1">
Party Place</h1>
<div class="mbr-text align-center mbr-white pb-3">
<p class="mbr-text mbr-fonts-style display-7">
Etiam elementum interdum tortor a lacinia. Nullam cursus id mauris id elementum. Vivamus quis nisl quis lectus varius dignissim ut sed dui. Morbi volutpat semper sem sit amet mattis.
</p>
</div>
</div>
<div class="mbr-figure pt-5" style="width: 60%;">
<img src="assets/images/sam-wheeler-2304-3264x2448.jpg" alt="Mobirise" title="" media-simple="true">
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-qwU46Y9p0h" id="content4-f" data-rv-view="1151">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-1">
Getting there &amp; Accommodation</h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-7">Curabitur libero dui, elementum nec tellus a, molestie molestie massa.</h3>
</div>
</div>
</div>
</section>
<section class="map2 cid-qwU2MxIIPb" id="map2-e" data-rv-view="1153">
<div class="container">
<div class="media-container-row">
<div class="col-md-8">
<div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0Dx_boXQiwvdz8sJHoYeZNVTdoWONYkU&amp;q=place_id:ChIJn6wOs6lZwokRLKy1iqRcoKw" allowfullscreen=""></iframe></div>
</div>
</div>
</div></section>
<section class="clients cid-qwU6wRFbjk" id="clients-i" data-rv-view="1155">
<div class="container mb-5">
<div class="media-container-row">
<div class="col-12 align-center">
<h2 class="mbr-section-title pb-3 mbr-fonts-style display-1">Gift Registration</h2>
<h3 class="mbr-section-subtitle mbr-light mbr-fonts-style display-7">Quisque mollis rhoncus justo ut tincidunt.&nbsp;</h3>
</div>
</div>
</div>
<div class="container">
<div class="carousel slide" data-ride="carousel" role="listbox">
<div class="carousel-inner" data-visible="5">
<div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/1.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/2.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/3.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/4.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/5.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div></div>
<div class="carousel-controls">
<a data-app-prevent-settings="" class="carousel-control carousel-control-prev" role="button" data-slide="prev">
<span aria-hidden="true" class="mbri-left mbr-iconfont"></span>
<span class="sr-only">Previous</span>
</a>
<a data-app-prevent-settings="" class="carousel-control carousel-control-next" role="button" data-slide="next">
<span aria-hidden="true" class="mbri-right mbr-iconfont"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<section class="mbr-section form1 cid-qwU8is89Fl" id="form1-j" data-rv-view="1169">
<div class="container">
<div class="row justify-content-center">
<div class="title col-12 col-lg-8">
<h2 class="mbr-section-title align-center pb-3 mbr-fonts-style display-1">
Contact us!</h2>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="media-container-column col-lg-8" data-form-type="formoid">
<div data-form-alert="" hidden="">
Thanks for filling out the form!
</div>
<form class="mbr-form" action="https://mobirise.com/" method="post" data-form-title="Mobirise Form"><input type="hidden" data-form-email="true" value="Ib39DSjXc4/O2CZUXc4wpe3gVuGLgMbUFdEjEOc7vQi2RaFzRJsYkV93xAyLx3SHFCjZIixGMfT9Xn57Oq+TfLwEfkyjgiMnBGR3+tsMpawj6+TWMASOlg3KsN2zdIkX">
<div class="row row-sm-offset">
<div class="col-md-4 multi-horizontal" data-for="name">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="name-form1-j">Name</label>
<input type="text" class="form-control" name="name" data-form-field="Name" required="" id="name-form1-j">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="email">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="email-form1-j">Email</label>
<input type="email" class="form-control" name="email" data-form-field="Email" required="" id="email-form1-j">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="phone">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="phone-form1-j">Phone</label>
<input type="tel" class="form-control" name="phone" data-form-field="Phone" id="phone-form1-j">
</div>
</div>
</div>
<div class="form-group" data-for="message">
<label class="form-control-label mbr-fonts-style display-7" for="message-form1-j">Message</label>
<textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" id="message-form1-j"></textarea>
</div>
<span class="input-group-btn"><button href="" type="submit" class="btn btn-form btn-black-outline display-4">SEND FORM</button></span>
</form>
</div>
</div>
</div>
</section>
<section class="header1 cid-qwU4wNrBmt mbr-parallax-background" id="header1-h" data-rv-view="1172">
<div class="mbr-overlay" style="opacity: 0.2; background-color: rgb(0, 0, 0);">
</div>
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-1">until death do us part</h1>
</div>
</div>
</div>
</section>
<section once="" class="cid-qwUcdm4XA3" id="footer6-k" data-rv-view="1175">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© Copyright 2017 <a href="https://mobirise.com/bootstrap-template/" class="text-black">Free Bootstrap Templates</a> - All Rights Reserved
</p>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/jarallax/jarallax.min.js"></script>
<script src="assets/countdown/jquery.countdown.min.js"></script>
<script src="assets/bootstrap-carousel-swipe/bootstrap-carousel-swipe.js"></script>
<script src="assets/smooth-scroll/smooth-scroll.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
</body>
</html>