ok
Mini Shell
<!DOCTYPE html>
<html lang="zxx">
<!-- Mirrored from raghda1.gitlab.io/memories/index-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 13 Feb 2023 12:34:55 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!-- /Added by HTTrack -->
<head>
<title>Wedding</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--favicon-->
<link rel="shortcut icon" href="assets/img/theme/icon/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/img/theme/icon/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="single/font-awesome.min.css">
<link href="assets/css/vendors/styleswitcher.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/vendors/owl-carousel/owl.carousel.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/vendors/owl-carousel/owl.theme.default.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/vendors/styleswitcher.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/styles.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/vendors/flexslider.min.css" rel="stylesheet" type="text/css">
<link id="theme" href="#" rel="stylesheet" type="text/css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>#map-canvas {
width: 100%;
height: 515px;
}
</style>
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div id="status">
<div class="dot"><i class="fa fa-2x fa-heart"></i></div>
<div class="dot"><i class="fa fa-2x fa-heart"></i></div>
</div>
</div>
<!--end Preloader --> <a id="menu-toggle" href="#" class="btn btn-primary btn-lg toggle menu-toggle"><i class="fa fa-bars"></i></a>
<nav id="sidebar-wrapper" class="sidebar-nav-wrapper mCustomScrollbar" data-mcs-theme="dark">
<a id="menu-close" href="#" class="btn btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
<ul class="sidebar-nav">
<li class="sidebar-brand"><a href="#" class="logo">k<i class="fa fa-heart"></i>A</a></li>
<li class="dropdown">
<a href="#" class="" data-toggle="collapse" data-target="#sub-menu" role="button" aria-expanded="false">Home <span class="caret"></span></a>
<ul class="collapse collapse-menu" role="menu" id="sub-menu">
<li><a href="index-single.html">Home single page</a></li>
<li><a href="index-agency.html">Home Agency</a></li>
<li><a href="index-slider.html">Home Slider</a></li>
<li><a href="index-video.html">Home video</a></li>
<li><a href="index-vertical-nav.html">vertical navigation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="" data-toggle="collapse" data-target="#sub-menu-2" role="button" aria-expanded="false">Blog <span class="caret"></span></a>
<ul class="collapse collapse-menu" role="menu" id="sub-menu-2">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-sidebar.html">Blog with sidebar</a></li>
<li><a href="single-post.html">Single post</a></li>
<li><a href="single-post-soundcloud.html">Soundcloud post</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="" data-toggle="collapse" data-target="#sub-menu-3" role="button" aria-expanded="false">Gallery <span class="caret"></span></a>
<ul class="collapse collapse-menu" role="menu" id="sub-menu-3">
<li><a href="gallery.html">Gallery</a></li>
<li><a href="gallery-slider.html">Gallery with slider</a></li>
<li><a href="gallery-masonary.html">Gallery masonary layout</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="" data-toggle="collapse" data-target="#sub-menu-4" role="button" aria-expanded="false">Headers <span class="caret"></span></a>
<ul class="collapse collapse-menu" role="menu" id="sub-menu-4">
<li><a href="index-single-butterfly.html">Butterfly Header</a></li>
<li><a href="index-single-lights.html">Lights Header</a></li>
</ul>
</li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="story-timeline.html">Story timeline</a></li>
<li><a href="people.html">People</a></li>
<li><a href="team-member.html">Person</a></li>
<li><a href="rsvp.html">Rsvp</a></li>
<li><a href="404.html">404</a></li>
<li><a href="elem.html">Bootstrap components</a></li>
</ul>
</nav>
<header class="header-bg container-fluid">
<div id="large-header" class="large-header">
<div class="petals-scene">
<ul id="petals-scene" class="scene">
<li class="layer" data-depth="0.40"><img src="assets/img/theme/petals/petal-1.png" alt="petal img 1"></li>
<li class="layer" data-depth="0.20"><img src="assets/img/theme/petals/petal-2.png" alt="petal img 2"></li>
<li class="layer" data-depth="0.50"><img src="assets/img/theme/petals/petal-3.png" alt="petal img 3"></li>
<li class="layer" data-depth="1.00"><img src="assets/img/theme/petals/petal-4.png" alt="petal img 4"></li>
<li class="layer" data-depth="0.80"><img src="assets/img/theme/petals/petal-5.png" alt="petal img 5"></li>
<li class="layer" data-depth="1.00"><img src="assets/img/theme/petals/petal-6.png" alt="petal img 6"></li>
<li class="layer" data-depth="0.70"><img src="assets/img/theme/petals/petal-7.png" alt="petal img 7"></li>
<li class="layer" data-depth="0.90"><img src="assets/img/theme/petals/petal-8.png" alt="petal img 8"></li>
</ul>
</div>
<div class="wrapper-main-title">
<h2 class="main-title">Save the Date</h2>
<h1 class="main-title c-main">Kate & Adam</h1>
<h2 class="wed-date">Jun 6,2020</h2>
</div>
</div>
</header>
<section id="couple" class="wrapper--couple">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="couple-title">Our Bride & Groom</h2>
</div>
</div>
<div class="row intro">
<div class="col-md-8 col-md-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi, cupiditate blanditiis earum ipsum facere dolores amet aliquam repudiandae vero doloribus hic ex consequatur nobis laborum quibusdam nihil eaque error ab reiciendis libero corrupti voluptates corporis ad iusto eum optio expedita laudantium doloremque sequi fugit. Dolorem hic alias enim fugit rerum.</p>
</div>
</div>
<div class="row">
<div class="col-md-5 col-md-offset-1 col-sm-6 col-sm-offset-0">
<div class="couple">
<div class="couple-img-container"><img src="assets/img/groom.jpg" alt="" class="img-responsive"></div>
<div class="couple__info">
<div class="couple__info__text">
<h2 class="couple-name">john Doe</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem?</p>
</div>
<div class="couple__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a></div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-6">
<div class="couple">
<div class="couple-img-container"><img src="assets/img/bride.jpg" alt="" class="img-responsive"></div>
<div class="couple__info">
<div class="couple__info__text">
<h2 class="couple-name">jane Doe</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, quidem?</p>
</div>
<div class="couple__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a></div>
</div>
</div>
</div>
</div>
<!-- row-->
</div>
<!--container-->
</section>
<div class="wrapper--counter">
<div id="countdown" class="countdown"></div>
</div>
<section id="story" class="wrapper--story">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="section-title">Our Story</h2>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="story">
<img src="assets/img/slide-1.jpg" alt="timeline-img-1" class="story-img">
<h3 class="story-title">How we met</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.</p>
</div>
</div>
</div>
<!--row-->
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="story--inverse">
<img src="assets/img/slide-1.jpg" alt="timeline-img-1" class="story-img">
<h3 class="story-title">How we met</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.</p>
</div>
</div>
</div>
<!--row-->
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="story">
<img src="assets/img/slide-1.jpg" alt="timeline-img-1" class="story-img">
<h3 class="story-title">How we met</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.</p>
</div>
</div>
</div>
<!--row--><!-- <div class="row">
<div class="col-md-3 col-md-push-8">
<img src="assets/img/slide-2.jpg" alt="timeline-img-1" class="story-img img-circle"/>
</div>
<div class="col-md-7 col-md-offset-1 col-md-pull-3">
<h3 class="story-title">How we met</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.</p>
</div>
</div>row-->
</div>
<!--container-->
</section>
<!--start bridesmaids and groomsmen code-->
<div class="divider--people">
<div class="divider-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="couple-title-inverse">Our Bridesmaids & Groomsmen</h2>
</div>
</div>
<div class="row intro">
<div class="col-md-8 col-md-offset-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem hic alias enim fugit rerum.</p>
</div>
</div>
</div>
</div>
<section id="people" class="wrapper-member">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="member">
<div class="member-img-container"><img src="assets/img/team/1.jpg" class="img-responsive" alt="person img"></div>
<div class="member-info">
<div class="member-info-container">
<h4 class="member-name">kate Parker</h4>
<p class="member-desc">Bridsmaid</p>
<div class="member__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a> <a href="team-member.html" class="social-btn"><i class="fa fa-link" aria-hidden="true"></i></a></div>
</div>
<!--member-info-social-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="member">
<div class="member-img-container"><img src="assets/img/team/5.jpg" class="img-responsive" alt="person img"></div>
<div class="member-info">
<div class="member-info-container">
<h4 class="member-name">Larry Smith</h4>
<p class="member-desc">Groomsman</p>
<div class="member__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a> <a href="team-member.html" class="social-btn"><i class="fa fa-link" aria-hidden="true"></i></a></div>
</div>
<!--member-info-social-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="member">
<div class="member-img-container"><img src="assets/img/team/4.jpg" class="img-responsive" alt="person img"></div>
<div class="member-info">
<div class="member-info-container">
<h4 class="member-name">joana Pertersen</h4>
<p class="member-desc">Bridsmaid</p>
<div class="member__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a> <a href="team-member.html" class="social-btn"><i class="fa fa-link" aria-hidden="true"></i></a></div>
</div>
<!--member-info-social-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="member">
<div class="member-img-container"><img src="assets/img/team/3.jpg" class="img-responsive" alt="person img"></div>
<div class="member-info">
<div class="member-info-container">
<h4 class="member-name">Tom Parker</h4>
<p class="member-desc">Groomsman</p>
<div class="member__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a> <a href="team-member.html" class="social-btn"><i class="fa fa-link" aria-hidden="true"></i></a></div>
</div>
<!--member-info-social-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="member">
<div class="member-img-container"><img src="assets/img/team/2.jpg" class="img-responsive" alt="person img"></div>
<div class="member-info">
<div class="member-info-container">
<h4 class="member-name">Jenny Doe</h4>
<p class="member-desc">Bridesmaid</p>
<div class="member__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a> <a href="team-member.html" class="social-btn"><i class="fa fa-link" aria-hidden="true"></i></a></div>
</div>
<!--member-info-social-->
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="member">
<div class="member-img-container"><img src="assets/img/team/6.jpg" class="img-responsive" alt="person img"></div>
<div class="member-info">
<div class="member-info-container">
<h4 class="member-name">Diana Pertersen</h4>
<p class="member-desc">Bridesmaid</p>
<div class="member__info__social"><a href="#" class="social-btn"><i class="fa fa-twitter"></i></a> <a href="#" class="social-btn"><i class="fa fa-facebook"></i></a> <a href="#" class="social-btn"><i class="fa fa-google-plus"></i></a> <a href="team-member.html" class="social-btn"><i class="fa fa-link" aria-hidden="true"></i></a></div>
</div>
<!--member-info-social-->
</div>
</div>
</div>
</div>
</div>
</section>
<!--end bridesmaids and groomsmen code-->
<div class="wrapper--wish">
<div class="container">
<div class="row">
<div id="owl-wish" class="col-md-12 owl-carousel">
<div>
<div class="wish-img-container"><img class="img-circle wish-img" src="assets/img/team/1.jpg" alt="person-img"></div>
<p class="wish-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, voluptatum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, voluptatum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, voluptatum</p>
</div>
<div>
<div class="wish-img-container"><img class="img-circle wish-img" src="assets/img/team/2.jpg" alt="person-img"></div>
<p class="wish-text">consectetur adipisicing elit. Sed, voluptatum, dicta repellendus harum labore inventore aliquam quidem sequi est dolorem eum quod quos illum eos rem minus nisi! Ipsam, sit, soluta.</p>
</div>
</div>
</div>
</div>
</div>
<section id="blog" class="wrapper-blog">
<div class="container">
<header class="row">
<div class="col-md-12">
<h2 class="section-title">Our journal</h2>
</div>
</header>
<div class="row">
<article class="col-md-8 col-md-offset-2">
<div class="post-2-container">
<a href="single-post.html">
<h3 class="post-2__title">The first Post</h3>
</a>
</div>
</article>
<article class="col-md-8 col-md-offset-2">
<div class="post-2-container">
<a href="single-post.html">
<h3 class="post-2__title">Traveling around the world</h3>
</a>
</div>
</article>
<article class="col-md-8 col-md-offset-2">
<div class="post-2-container">
<a href="single-post.html">
<h3 class="post-2__title">The first Post</h3>
</a>
</div>
</article>
</div>
<!--row-->
<div class="row">
<div class="col-md-12"><a class="btn-brush centered" href="blog.html">More Posts</a></div>
</div>
</div>
<!--container-->
</section>
<div id="photostack-1" class="photostack images-parent">
<div>
<figure>
<a href="assets/img/gallery-1.jpg" class="photostack-img"><img src="assets/img/gallery-1.jpg" alt="img-1"></a>
<figcaption>
<p class="photostack-title">Serenity Beach</p>
</figcaption>
</figure>
<figure>
<a href="http://goo.gl/fhwlSP" class="photostack-img"><img src="assets/img/gallery-2.jpg" alt="img-2"></a>
<figcaption>
<p class="photostack-title">Happy Days</p>
</figcaption>
</figure>
<figure>
<a href="http://goo.gl/Jmvr4u" class="photostack-img"><img src="assets/img/gallery-3.jpg" alt="img-3"></a>
<figcaption>
<p class="photostack-title">Beautywood</p>
</figcaption>
</figure>
<figure>
<a href="http://goo.gl/49lN3k" class="photostack-img"><img src="assets/img/gallery-4.jpg" alt="img-4"></a>
<figcaption>
<p class="photostack-title">Heaven of time</p>
</figcaption>
</figure>
<figure>
<a href="http://goo.gl/NJ1Dhf" class="photostack-img"><img src="assets/img/gallery-5.jpg" alt="img-5"></a>
<figcaption>
<p class="photostack-title">Speed Racer</p>
</figcaption>
</figure>
<figure>
<a href="http://goo.gl/Ms7VDl" class="photostack-img"><img src="assets/img/gallery-6.jpg" alt="img-6"></a>
<figcaption>
<p class="photostack-title">Forever this</p>
</figcaption>
</figure>
<figure>
<a href="#" class="photostack-img"><img src="assets/img/gallery-7.jpg" alt="img-7"></a>
<figcaption>
<p class="photostack-title">Lovely Green</p>
</figcaption>
</figure>
<figure>
<a href="#" class="photostack-img"><img src="assets/img/gallery-8.jpg" alt="img-8"></a>
<figcaption>
<p class="photostack-title">Wonderful</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-9.jpg" alt="img-9"></a>
<figcaption>
<p class="photostack-title">Love Addict</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-10.jpg" alt="img-10"></a>
<figcaption>
<p class="photostack-title">Friendship</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-11.jpg" alt="img-11"></a>
<figcaption>
<p class="photostack-title">White Nights</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-12.jpg" alt="img-12"></a>
<figcaption>
<p class="photostack-title">Serendipity</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-13.jpg" alt="img-13"></a>
<figcaption>
<p class="photostack-title">Pure Soul</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/post.jpg" alt="img-14"></a>
<figcaption>
<p class="photostack-title">Winds of Peace</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-3.jpg" alt="img15"></a>
<figcaption>
<p class="photostack-title">Shades of blue</p>
</figcaption>
</figure>
<figure data-dummy>
<a href="#" class="photostack-img"><img src="assets/img/gallery-3.jpg" alt="img16"></a>
<figcaption>
<p class="photostack-title">Lightness</p>
</figcaption>
</figure>
</div>
</div>
<section id="rsvp" class="wrapper--events">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="couple-title">Events & Rsvp</h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="media">
<div class="media-left"><a href="#"><span class="event-icon flaticon-ring-with-a-big-diamond"></span></a></div>
<div class="media-body">
<h4 class="media-heading event-title">The ceremony</h4>
<p class="event-date">1:00 pm</p>
<p>Lorem ipsum dolor sit amet, amet felis tincidunt porttitor, quis natoque varius proin molestie nulla</p>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Launch demo modal</button><!--end modal button--><!--modal body-->
<div class="portfolio-modal modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="modal-body">
<div id="location" class="location">
<div class="map">
<div id="map-canvas"></div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, ab, error odio impedit nihil repellat eos a iusto et repellendus.</p>
<button type="button" class="btn" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end modal body-->
</div>
</div>
<div class="media">
<div class="media-left"><a href="#"><span class="event-icon flaticon-wedding-cake-with-heart"></span></a></div>
<div class="media-body">
<h4 class="media-heading event-title">Dinner</h4>
<p>Lorem ipsum dolor sit amet, amet felis tincidunt porttitor, quis natoque varius proin molestie nulla</p>
</div>
</div>
<div class="media">
<div class="media-left"><a href="#"><span class="event-icon flaticon-bunch-of-flowers"></span></a></div>
<div class="media-body">
<h4 class="media-heading event-title">After Party</h4>
<p>Lorem ipsum dolor sit amet, amet felis tincidunt porttitor, quis natoque varius proin molestie nulla</p>
</div>
</div>
<div class="media">
<div class="media-left"><a href="#"><span class="event-icon flaticon-pictures-with-hearts"></span></a></div>
<div class="media-body">
<h4 class="media-heading event-title">Photo session</h4>
<p>Lorem ipsum dolor sit amet, amet felis tincidunt porttitor, quis natoque varius proin molestie nulla</p>
</div>
</div>
</div>
<div class="col-md-6 wrapper--form">
<form id="rsvpform" name="rsvp-form" action="https://raghda1.gitlab.io/memories/php/rsvp.php" method="post" novalidate="novalidate">
<div class="form-group"><label for="rsvpname" class="control-label">Full Name</label><input name="guestname" type="text" class="form-control input-lg" id="rsvpname"></div>
<div class="form-group"><label for="rsvpemail" class="control-label">Email</label><input name="guestemail" type="email" id="rsvpemail" class="form-control input-lg"></div>
<div class="form-group"><label class="radio-inline"><input type="radio" name="guestcoming" id="coming" value="coming"> I'd be happy to attend</label><label class="radio-inline"><input type="radio" name="guestcoming" id="notcoming" value="notcoming" checked="checked"> Sorry ,I won't be able to attend</label></div>
<fieldset id="wedding_events">
<div class="form-group">
<div class="checkbox"><label><input type="checkbox" name="events" value="wedding ceramony" data-validation="checkbox_group"> wedding ceramony</label></div>
<div class="checkbox"><label><input type="checkbox" name="events" value="reception"> Reception</label></div>
<div class="checkbox"><label><input type="checkbox" name="events" value="after wedding"> After wedding party</label></div>
</div>
</fieldset>
<div class="form-group">
<label for="no-of-guests" class="control-label">Number of people attending</label>
<select class="form-control input-lg" id="no-of-guests" name="guestno">
<option value="1">Just me</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<p class="help-block with-errors"></p>
</div>
<div class="form-group"><label for="rsvpmessage" class="control-label">Message</label><textarea class="form-control" name="guestmessage" id="rsvpmessage"></textarea></div>
<button type="submit" name="submit" class="btn btn-submit btn-primary">submit</button>
</form>
</div>
</div>
</div>
</section>
<section id="accomd" class="wrapper--accomd">
<div class="wrapper--accomd-overlay"></div>
<div class="container">
<div class="row">
<h2 class="couple-title-inverse">Accommodation</h2>
</div>
<div class="col-md-4 col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
<div class="accomd-container">
<img class="img-responsive" src="assets/img/accomd-1.jpg" alt="accomd img 1">
<div class="accomd-desc">
<h4 class="accomd-title">wedding servides</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, sapiente!</p>
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
<div class="col-md-4 col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
<div class="accomd-container">
<img class="img-responsive" src="assets/img/accomd-2.jpg" alt="accomd img 1">
<div class="accomd-desc">
<h4 class="accomd-title">wedding servides</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, sapiente!</p>
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
<div class="col-md-4 col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 col-xs-12 col-xs-offset-0">
<div class="accomd-container">
<img class="img-responsive" src="assets/img/accomd-3.jpg" alt="accomd img 1">
<div class="accomd-desc">
<h4 class="accomd-title">wedding servides</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, sapiente!</p>
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
</div>
<!--end container-->
</section>
<!--start gifts section-->
<aside id="gift" class="wrapper--registery">
<div class="container">
<header class="row">
<div class="col-md-12">
<h2 class="section-title">Gift Registery</h2>
</div>
</header>
<div class="row">
<div id="owl-gift" class="wrapper images-parent owl-carousel">
<div class="gift-img-container"><img src="assets/img/logo-1.png" alt=" "></div>
<div class="gift-img-container"><img src="assets/img/logo-2.png" alt=" "></div>
<div class="gift-img-container"><img src="assets/img/logo-3.png" alt=" "></div>
<div class="gift-img-container"><img src="assets/img/logo-4.png" alt=" "></div>
<div class="gift-img-container"><img src="assets/img/logo-5.png" alt=" "></div>
<div class="gift-img-container"><img src="assets/img/logo-6.png" alt=" "></div>
</div>
<!--end carousel code-->
</div>
</div>
</aside>
<!--end gifts section--> <button type="button" class="btn btn-default btn-sound"><i class="fa fa-music" aria-hidden="true"></i></button>
<div class="iframe-wrapper"><iframe height="300" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/316539623&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe></div>
<footer class="footer">
<p>Thank YOU</p>
<span class="footer-heart"><i class="fa fa-heart"></i></span>
<h2 class="footer-names">Kate & Adam</h2>
</footer>
<div id="style-switcher">
<div id="toggle-switcher"><i class="fa fa-cog"></i></div>
<h5>Change Theme</h5>
<ul>
<li id="color-0"><a role="button" href="javascript:void(0)" data-rel="" class="styleswitch">Default</a></li>
<li id="color-1"><a role="button" href="javascript:void(0)" data-rel="styles-colorful.min.css" class="styleswitch">Colorful</a></li>
<li id="color-2"><a role="button" href="javascript:void(0)" data-rel="styles-watercolor.min.css" class="styleswitch">watercolor</a></li>
<li id="color-3"><a role="button" href="javascript:void(0)" data-rel="styles-ink-black.min.css" class="styleswitch">Blak ink</a></li>
<li id="color-4"><a role="button" href="javascript:void(0)" data-rel="styles-ink-gold.min.css" class="styleswitch">Golden ink</a></li>
<li id="color-5"><a role="button" href="javascript:void(0)" data-rel="styles-crayons.min.css" class="styleswitch">Crayons</a></li>
<li id="color-6"><a role="button" href="javascript:void(0)" data-rel="styles-marker.min.css" class="styleswitch">Marker</a></li>
</ul>
</div>
<script src="assets/js/plugins.js" type="text/javascript"></script><script src="assets/js/main.js" type="text/javascript"></script><script>(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '../../www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-96765234-1', 'auto');
ga('send', 'pageview');
</script><script src="assets/js/rsvp.js" type="text/javascript"></script>
</body>
<!-- Mirrored from raghda1.gitlab.io/memories/index-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 13 Feb 2023 12:35:05 GMT -->
</html>
Zerion Mini Shell 1.0