File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/hotelbhumi.com/index1.html
Back
<!DOCTYPE html> <html lang="en"> <head> <title>Hotel Bhumi</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="images/retina/fevicon.png" type="image/png" sizes="32x32"> <!-- CSS --> <!-- bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <!-- font awesome --> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <!-- pageloader --> <link href="css/pageloader.css" rel="stylesheet" type="text/css"/> <!-- Animate --> <link href="css/animate.min.css" rel="stylesheet" type="text/css"/> <!-- lightcase --> <link href="css/lightcase.css" rel="stylesheet" type="text/css"/> <!-- cs select --> <link href="css/cs-select.css" rel="stylesheet" type="text/css"/> <!-- elastic select --> <link href="css/cs-skin-elastic.css" rel="stylesheet" type="text/css"/> <!-- main --> <link href="css/style.css" rel="stylesheet" type="text/css"/> <!-- Responsive --> <link href="css/responsive.css" rel="stylesheet" type="text/css"/> </head> <body data-spy="scroll"> <div id="pageloader"> <div id="loadercontent"></div> </div> <!-- ========== Header ========== --> <header class="main-header"> <nav id="Wedding_menu" class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"> <img src="images/retina/logo.png" class="logo" alt="logo"/> </a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li><a href="#Banner"><figure><img src="images/retina/menu-icon/home.png" alt="Home"/></figure><span>Home</span></a></li> <li><a href="#Bridegroom"><figure><img src="images/retina/menu-icon/couple.png" alt="Home"/></figure><span>The Couple</span></a></li> <li><a href="#Story"><figure><img src="images/retina/menu-icon/love.png" alt="Home"/></figure><span>Love Story</span></a></li> <li><a href="#Events"><figure><img src="images/retina/menu-icon/event.png" alt="Home"/></figure><span>Events</span></a></li> <li><a href="#Gallery"><figure><img src="images/retina/menu-icon/gallery.png" alt="Home"/></figure><span>Gallery</span></a></li> <li><a href="#Blessus"><figure><img src="images/retina/menu-icon/bless.png" alt="Home"/></figure><span>Bless Us</span></a></li> <li><a href="#RSVP"><figure><img src="images/retina/menu-icon/rsvp.png" alt="Home"/></figure><span>RSVP</span></a></li> <li><a href="#Blog"><figure><img src="images/retina/menu-icon/blog.png" alt="Home"/></figure><span>Blog</span></a></li> </ul> </div> </div> </nav> </header> <!-- ========== /Header ========== --> <!-- ========== Banner ========== --> <section id="Banner" class="animate-box"> <div class="main-banner"> <div class="banner-content"> <div class="names animated" data-animate="fadeInUp" data-delay="1s"><div class="name-boy">Steve</div><div><i class="fa fa-heart"></i></div><div class="name-girl">Sarah</div></div> <h4 class="invite animated" data-animate="fadeInUp" data-delay="1.1s">Invite you to their</h4> <img width="420" src="images/retina/banner-img.png" class="banner-text animated" data-animate="fadeInUp" data-delay="1s" alt="banner image"> <h4 class="invite animated" data-animate="fadeInUp" data-delay="1.3s">To be held on</h4> <div class="names animated" data-animate="fadeInUp" data-delay="1.4s"><div class="name-boy">October 31, 2016</div></div> </div> </div> </section> <!-- ========== /Banner ========== --> <!-- ========== Timer ========== --> <section id="timer"> <div class="container"> <h3 class="hidden">Countdown</h3> <div class="row"> <div class="col-sm-12"> <div class="timer"> <div class="layer-bg"> <div class="row"> <div class="col-sm-3 col-md-2 hidden-xs no-padding-right"> <div class="timer-icon"> <img src="images/retina/general/bride-icon.png" alt="icon"/> </div> </div> <div class="col-sm-9 col-md-10"> <div class="centered text-center" id="myCounter"></div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ========== /Timer ========== --> <!-- ========== Bridegroom ========== --> <section id="Bridegroom" class="bridegroom section-padding animate-box"> <div class="container"> <h3 class="section-title">The <span>Couple</span></h3> <p class="section-tagline"> when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p> <div class="row"> <div class="couple-hex"> <div class="col-md-3 col-md-push-3 col-md-offset-0 col-sm-4 col-sm-offset-2"> <div class="hexagon animated" data-animate="zoomIn" data-delay="0.5s"><div class="hexagon-in1"><div class="hexagon-in2 groom"></div></div></div> </div> <div class="col-md-3 col-md-pull-3 col-sm-4 text-center"> <div class="hexagon animated" data-animate="zoomIn" data-delay="1s"> <div class="hexagon-in1"> <div class="hexagon-in2"> <div class="about-content"> <h2>Steve</h2> <h4>The <span>Groom</span></h4> <div class="hex-social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-4 col-md-offset-0 col-sm-offset-2"> <div class="hexagon animated" data-animate="zoomIn" data-delay="0.5s"><div class="hexagon-in1"><div class="hexagon-in2 bride"></div></div></div> </div> <div class="col-md-3 col-sm-4"> <div class="hexagon animated" data-animate="zoomIn" data-delay="1s"> <div class="hexagon-in1"> <div class="hexagon-in2"> <div class="about-content"> <h2>Sarah</h2> <h4>The <span>Bride</span></h4> <div class="hex-social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-4 hexa-gap"> <div class="hexagon animated" data-animate="zoomIn" data-delay="1.5s"> <div class="hexagon-in1"> <div class="hexagon-in2"> <div class="about-content"> <h3 class="hex-title">About <span>Steve</span></h3> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="hexagon animated" data-animate="zoomIn" data-delay="1.5s"> <div class="hexagon-in1"> <div class="hexagon-in2 hex-quote"> <div class="about-content"> <h4>Love is when the other person's happiness is more important than your own.</h4> </div> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="hexagon animated" data-animate="zoomIn" data-delay="1.5s"> <div class="hexagon-in1"> <div class="hexagon-in2"> <div class="about-content"> <h3 class="hex-title">About <span>Sarah</span></h3> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ========== /Bridegroom ========== --> <!-- ========== Parallax Section ========== --> <section> <div class="parallax-section"> <h2>To love someone deeply <span>gives you strength</span>. Being loved by someone deeply <span>gives you courage.</span></h2> </div> </section> <!-- ========== /Parallax Section ========== --> <!-- ========== Love Story ========== --> <section id="Story" class="section-padding animate-box"> <div class="container"> <h3 class="section-title">Love <span>Story</span></h3> <div class="story-section"> <div class="story-line hidden-xs"> <img src="images/retina/story/heart.png" class="start" alt="Start" /> <img src="images/retina/story/heart.png" class="end" alt="End" /> </div> <div class="row"> <div class="col-md-5 met col-sm-5 col-sm-offset-1 col-md-offset-1 col-xs-12"> <div class="story-content left animated" data-animate="fadeInLeft" > <span class="story-date pull-right">25th March 2016</span> <h3><span>how</span> we met</h3> <img src="images/retina/story/story-1.jpg" alt="How we met" class="img-responsive" /> <p class="text-right">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p> </div> </div> <div class="propose col-md-5 col-sm-5 col-xs-12"> <div class="story-content right animated" data-animate="fadeInRight" data-delay="1s"> <span class="story-date">30th April 2016</span> <h3 class="pull-right">Love <span>Proposal</span></h3> <img src="images/retina/story/story-2.jpg" alt="Love Proposal" class="img-responsive" /> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p> </div> </div> <div class="engage col-md-5 col-sm-5 col-sm-offset-1 col-md-offset-1 col-xs-12"> <div class="story-content left animated" data-animate="fadeInLeft" data-delay="1.5s" > <span class="story-date pull-right">20th Dec 2016</span> <h3>We Got <span>Engaged</span></h3> <img src="images/retina/story/story-3.jpg" alt="We Got Engaged" class="img-responsive" /> <p class="text-right">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p> </div> </div> </div> </div> </div> </section> <!-- ========== /Love Story ========== --> <!-- ========== Event Section ========== --> <section id="Events" class="section-padding animate-box"> <div class="container"> <h3 class="section-title light">Wedding <span>Events</span></h3> <p class="section-tagline light"> when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="event-container style-2 animated" data-animate="fadeInUp" > <div class="event-image"> <img src="images/retina/events/event-1.jpg" class="img-responsive" alt="event1" /> </div> <div class="event-desc"> <h2 class="event-name">Ring Ceremony</h2> <div class="event-detail"> <span class="on-at">on</span> <span class="content">20th December 2016</span> <span class="on-at">at</span> <span class="content">8:00 PM</span> <span class="content">29, Your Street , City<br> State, India, 394110</span> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="event-container style-2 animated" data-animate="fadeInUp" data-delay="0.5s"> <div class="event-image"> <img src="images/retina/events/event-2.jpg" class="img-responsive" alt="event1" /> </div> <div class="event-desc"> <h2 class="event-name">Wedding Ceremony</h2> <div class="event-detail"> <span class="on-at">on</span> <span class="content">20th December 2016</span> <span class="on-at">at</span> <span class="content">8:00 PM</span> <span class="content">29, Your Street , City<br> State, India, 394110</span> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-md-offset-0 col-sm-offset-3"> <div class="event-container style-2 animated" data-animate="fadeInUp" data-delay="0.8s"> <div class="event-image"> <img src="images/retina/events/event-3.jpg" class="img-responsive" alt="event1" /> </div> <div class="event-desc"> <h2 class="event-name">Party</h2> <div class="event-detail"> <span class="on-at">on</span> <span class="content">20th December 2016</span> <span class="on-at">at</span> <span class="content">8:00 PM</span> <span class="content">29, Your Street , City<br> State, India, 394110</span> </div> </div> </div> </div> </div> </div> </section> <!-- ========== /Event Section ========== --> <!-- ========== Gallery Section ========== --> <section id="Gallery" class="section-padding animate-box"> <div class="container"> <h3 class="section-title">Wedding <span>Gallery</span></h3> <div class="isotopeFilters"> <ul class="list-inline filter"> <li class="active"><a href="#" data-filter="*">All </a></li> <li><a href="javascript:void(0);" data-filter=".engagement">Engagement</a></li> <li><a href="javascript:void(0);" data-filter=".wedding">Wedding</a></li> <li><a href="javascript:void(0);" data-filter=".party">Party</a></li> <li><a href="javascript:void(0);" data-filter=".dj">DJ Night</a></li> </ul> </div> <div class="row"> <div class="isotopeContainer"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector engagement dj"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-1.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-1.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector wedding dj"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-2.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-2.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector engagement dj"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-3.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-3.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector wedding party"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-4.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-4.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector engagement party"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-5.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-5.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector wedding party"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-6.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-6.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector engagement dj"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-7.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-7.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector wedding party"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-8.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-8.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 isotopeSelector engagement dj party"> <figure> <div class="gallery-container"> <img class="img-responsive" src="images/retina/gallery/gallery-9.jpg" alt="sample image"> <div class="gallery-hover"> <h5>Wedding Party</h5> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <a href="images/retina/gallery/gallery-9.jpg" class="btn-gallery btn-search" data-rel="lightcase:myCollection:slideshow"> <i class="fa fa-search" aria-hidden="true"></i> </a> <a href="javascript:void(0);" class="btn-gallery btn-share"> <i class="fa fa-share-alt" aria-hidden="true"></i> </a> </div> </div> </figure> </div> </div> </div> </div> </section> <!-- ========== /Gallery Section ========== --> <!-- ========== Bless us Section ========== --> <section id="Blessus" class="section-padding blessus animate-box"> <div class="container"> <div class="row"> <h3 class="section-title light"><span>Bless</span> Us</h3> <div class="col-md-8 col-md-offset-2"> <div class="blessus-wrap"> <button class="btn btn-flip"><i class="fa fa-lg fa-pencil-square-o" aria-hidden="true"></i></button> <div class="bless-flipcard"> <div class="bless-carousel"> <div class="row"> <div class="col-md-12"> <div id="wish" class="wish carousel slide" data-ride="carousel"> <!--Wrapper for slides--> <div class="carousel-inner" role="listbox"> <div class="item active"> <blockquote class="blockquote"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <footer>Mayank</footer> </blockquote> </div> <div class="item"> <blockquote class="blockquote"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <footer>Mayank</footer> </blockquote> </div> <div class="item"> <blockquote class="blockquote"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p> <footer>Mayank</footer> </blockquote> </div> </div> <div class="clearfix"></div> <!--Indicators--> <ol class="carousel-indicators"> <li data-target="#wish" data-slide-to="0" class=""></li> <li data-target="#wish" data-slide-to="1" class="active"></li> <li data-target="#wish" data-slide-to="2" class=""></li> </ol> </div> </div> </div> </div> <div class="bless-form"> <div class="row"> <div class="col-md-12"> <form id="bless_form"> <div class="row"> <div class="col-sm-6 form-group"> <input type="text" class="form-control" id="bless_name" name="name" placeholder="Name" value="" /> </div> <div class="col-sm-6 form-group"> <input type="email" class="form-control" id="bless_email" name="email" placeholder="Email" value="" /> </div> <div class="col-sm-12 form-group"> <textarea class="form-control" rows="4" id="bless_message" name="message" placeholder="Message"></textarea> </div> <div class="col-sm-8"> <button type="submit" id="bless_submit" name="submit" class="btn btn-bless">Send</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ========== /Bless us Section ========== --> <!-- ========== Maids Section ========== --> <section class="section-padding maids animate-box"> <div class="container"> <h3 class="section-title">The <span>Groomsmen</span></h3> <p class="section-tagline">I cannot even imagine where I would be today were it not for that handful of friends who have given me a heart full of joy. Let's face it, friends make life a lot more fun.</p> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="friend animated" data-animate="fadeInUp"> <figure> <img src="images/retina/friends/gm-1.jpg" alt="Groom Friend" class="img-responsive" /> </figure> <div class="name"> <h2>Marsel<small>California</small></h2> <div class="social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="friend animated" data-animate="fadeInUp" data-delay="0.5s"> <figure> <img src="images/retina/friends/gm-2.jpg" alt="Groom Friend" class="img-responsive" /> </figure> <div class="name"> <h2>Jack<small>California</small></h2> <div class="social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-md-offset-0 col-sm-offset-3"> <div class="friend animated" data-animate="fadeInUp" data-delay="0.8s"> <figure> <img src="images/retina/friends/gm-3.jpg" alt="Groom Friend" class="img-responsive" /> </figure> <div class="name"> <h2>Denial<small>California</small></h2> <div class="social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <h3 class="section-title m-top-30">The <span>Bridemaid</span></h3> <p class="section-tagline">I cannot even imagine where I would be today were it not for that handful of friends who have given me a heart full of joy. Let's face it, friends make life a lot more fun.</p> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="friend animated" data-animate="fadeInUp" data-delay="1.1s"> <figure> <img src="images/retina/friends/bm-1.jpg" alt="Bride Friend" class="img-responsive" /> </figure> <div class="name"> <h2>Savannah<small>California</small></h2> <div class="social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 "> <div class="friend animated" data-animate="fadeInUp" data-delay="1.4s"> <figure> <img src="images/retina/friends/bm-2.jpg" alt="Bride Friend" class="img-responsive" /> </figure> <div class="name"> <h2>Mackenzie<small>California</small></h2> <div class="social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-md-offset-0 col-sm-offset-3"> <div class="friend animated" data-animate="fadeInUp" data-delay="1.7s"> <figure> <img src="images/retina/friends/bm-3.jpg" alt="Bride Friend" class="img-responsive" /> </figure> <div class="name"> <h2>Isabella<small>California</small></h2> <div class="social"> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="javascript:void(0)" class="frnd-social"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> </div> </section> <!-- ========== /Maids Section ========== --> <!-- ========== Gift Section ========== --> <section class="section-padding"> <div class="container"> <h3 class="section-title"><span>Wedding</span> Gifts</h3> <p class="section-tagline">I cannot even imagine where I would be today were it not for that handful of friends who have given me a heart full of joy. Let's face it, friends make life a lot more fun.</p> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="gift-container"> <div class="gift-img"> <img src="images/retina/gift/gift1.jpg" alt="gift" class="img-responsive" /> </div> <div class="gift-desc"> <div class="gift-table"> <div class="gift-content"> <i class="fa fa-gift fa-3x" aria-hidden="true"></i> <h2>Wedding Gifts</h2> <button class="btn">View More</button> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="gift-container"> <div class="gift-img"> <img src="images/retina/gift/gift2.jpg" alt="gift" class="img-responsive" /> </div> <div class="gift-desc"> <div class="gift-table"> <div class="gift-content"> <i class="fa fa-glass fa-3x" aria-hidden="true"></i> <h2>Wedding Cards</h2> <button class="btn">View More</button> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-md-offset-0 col-sm-offset-3"> <div class="gift-container"> <div class="gift-img"> <img src="images/retina/gift/gift3.jpg" alt="gift" class="img-responsive" /> </div> <div class="gift-desc"> <div class="gift-table"> <div class="gift-content"> <i class="fa fa-plane fa-3x" aria-hidden="true"></i> <h2>Honeymoon Package</h2> <button class="btn">View More</button> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ========== /Gift Section ========== --> <!-- ========== Map Section ========== --> <section> <h1 class="hidden">Map</h1> <div class="container-fluid"> <div class="row map-area"> <div class="col-sm-8 no-padding"> <div id='gmap_canvas'></div> </div> <div class="col-sm-4"> <h3 class="title">Ceremony Location</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <div class="map-address"> <h5 class="title"><i class="fa fa-map-marker" aria-hidden="true"></i> Vicolo della Torre <small>(Ring Ceremony)</small></h5> <p>Vicolo della Torre,<br>16 00153 Roma <br>Italy</p> </div> <div class="map-address"> <h5 class="title"><i class="fa fa-map-marker" aria-hidden="true"></i> Zona VIII Tor Sapienza <small>(Party)</small></h5> <p>Vicolo della Torre,<br>16 00153 Roma <br> Italy</p> </div> </div> </div> </div> </section> <!-- ========== /Map Section ========== --> <!-- ========== RSVP Section ========== --> <section id="RSVP" class="section-padding rsvp animate-box"> <div class="container"> <h3 class="section-title">Are You <span>Attending</span></h3> <p class="section-tagline"> Please RSVP Before November 20th </p> <div class="row"> <div class="col-md-8 col-sm-10 col-sm-offset-1 col-md-offset-2"> <form id="rsvp_form" class="animated" data-animate="zoomIn" data-delay="0.2s"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" id="rsvp_name" name="name" class="form-control" placeholder="Your Name"/> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" id="rsvp_email" name="email" class="form-control" placeholder="Your Email"/> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" id="rsvp_number" name="number" class="form-control" placeholder="Number of Guests"/> </div> </div> <div class="col-md-6"> <div class="form-group"> <select class="cs-select cs-skin-elastic form-control" id="rsvp_func" name="func"> <option value="-1" disabled="">I am Attending</option> <option value="Ring Ceremony">Ring Ceremony</option> <option value="Wedding Ceremony">Wedding Ceremony</option> <option value="Party">Party</option> </select> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group"> <textarea class="form-control" id="rsvp_message" name="message" placeholder="Notes" rows="5"></textarea> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="form-group"> <button type="submit" id="rsvp_submit" name="submit" class="btn col-md-12">I am Attending</button> </div> </div> </div> </form> </div> </div> </div> </section> <!-- ========== /RSVP Section ========== --> <!-- ========== Hotel Accomodations Section ========== --> <section> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="hotel-bg"> <i class="fa fa-building fa-4x" aria-hidden="true"></i> <h1 class="title">Hotel Accomodation</h1> <h2 class="tag-line"> Book A Hotel With Special Rates </h2> </div> </div> <div class="col-md-8"> <ul class="hotel-ul"> <li> <div class="hotel-container"> <img src="images/retina/hotel/hotel1.jpg" class="img-responsive" alt="hotel" /> <div class="hotel-desc"> <h3>Royal Garden Hotel</h3> <p>2 Wallenberg Place, <br>Westminster Borough, <br>London, W1H 7TN, United Kingdom</p> <button class="btn">Book Now</button> </div> </div> </li> <li> <div class="hotel-container"> <img src="images/retina/hotel/hotel2.jpg" class="img-responsive" alt="hotel" /> <div class="hotel-desc"> <h3>The Mandaville Hotel</h3> <p>2 Wallenberg Place, <br>Westminster Borough, <br>London, W1H 7TN, United Kingdom</p> <button class="btn">Book Now</button> </div> </div> </li> <li> <div class="hotel-container"> <img src="images/retina/hotel/hotel3.jpg" class="img-responsive" alt="hotel" /> <div class="hotel-desc"> <h3>The Montcalm Marble Arch</h3> <p>2 Wallenberg Place, <br>Westminster Borough, <br>London, W1H 7TN, United Kingdom</p> <button class="btn">Book Now</button> </div> </div> </li> </ul> <!--<div class="row"> <div class="col-md-6"> <img src="images/retina/hotel/hotel1.jpg" class="img-responsive" alt="hotel" /> </div> <div class="col-md-6"> <img src="images/retina/hotel/hotel2.jpg" class="img-responsive" alt="hotel" /> </div> <div class="col-md-12"> <img src="images/retina/hotel/hotel3.jpg" class="img-responsive" alt="hotel" /> </div> </div>--> </div> </div> </div> </section> <!-- ========== /Hotel Accomodations Section ========== --> <!-- ========== Blog Section ========== --> <section id="Blog" class="section-padding blog animate-box"> <div class="container"> <h3 class="section-title"><span>B</span>log</h3> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="blog-container animated" data-animate="fadeInUp"> <div class="blog-img"> <img src="images/retina/blog/blog-1.jpg" alt="img" class="img-responsive"/> </div> <div class="blog-desc"> <h5 class="title">Blog Heading</h5> <span class="by">by<span>Jonson</span></span> <div class="blog-date"> <span class="date">16</span> <span class="month">Apr</span> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <a href="blog.html" class="btn btn-more">Read More</a> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="blog-container animated" data-animate="fadeInUp" data-delay="0.2s"> <div class="blog-img"> <img src="images/retina/blog/blog-2.jpg" alt="img" class="img-responsive"/> </div> <div class="blog-desc"> <h5 class="title">Blog Heading</h5> <span class="by">by<span>Jonson</span></span> <div class="blog-date"> <span class="date">25</span> <span class="month">Mar</span> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <a href="blog.html" class="btn btn-more">Read More</a> </div> </div> </div> <div class="col-md-4 col-sm-6 col-sm-offset-3 col-md-offset-0"> <div class="blog-container animated" data-animate="fadeInUp" data-delay="0.4s"> <div class="blog-img"> <img src="images/retina/blog/blog-3.jpg" alt="img" class="img-responsive"/> </div> <div class="blog-desc"> <h5 class="title">Blog Heading</h5> <span class="by">by<span>Jonson</span></span> <div class="blog-date"> <span class="date">31</span> <span class="month">dec</span> </div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <a href="blog.html" class="btn btn-more hvr-bounce-to-right">Read More</a> </div> </div> </div> </div> </div> </section> <!-- ========== /Blog Section ========== --> <!-- ========== Footer Section ========== --> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer-names"> <h4><span>Thank you</span> for Visiting our Website.</h4> <h2 class="footer-name groom">Steve</h2> <img src="images/retina/general/heart-icon.png" class="footer-heart" alt="footer Heart" /> <h2 class="footer-name bride">Sarah</h2> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div id="instafeed"></div> </div> </div> </div> <div class="footer-copyright"> <span>© 2016 ALL RIGHTS RESERVED</span> </div> </footer> <!-- ========== /Footer Section ========== --> <!-- ========== Form success messages ========== --> <div class="successMessage modal fade" id="blessSuccessMessage" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal">×</button> <p>Thank You for your blessings. <i class='fa fa-lg fa-smile-o'></i></p> </div> </div> </div> </div> <div class="successMessage modal fade" id="rsvpSuccessMessage" role="dialog"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal">×</button> <p>Thank You for RSVP. <i class='fa fa-lg fa-smile-o'></i></p> </div> </div> </div> </div> <!-- ========== /Form success messages ========== --> <!-- ========== Auto Play Music ========== --> <audio id="myAudio" src="music/music.mp3" loop preload="auto"></audio> <a id="togglePlay" class="play"></a> <input type="hidden" id="isPlaying" name="isPlaying" value="false"> <!-- ========== /Auto Play Music ========== --> <a class="gototop" href="#top"><i class="fa fa-angle-up" aria-hidden="true"></i></a> <!-- js --> <!-- Jquery 2.1.4 --> <script src="js/jquery.js" type="text/javascript"></script> <!-- Jquery Ui --> <script src="js/jquery-ui.min.js" type="text/javascript"></script> <!-- Bootstrap --> <script src="js/bootstrap.min.js" type="text/javascript"></script> <!-- LiveLoader --> <script src="js/liveloader.js" type="text/javascript"></script> <!-- lightcase --> <script src="js/lightcase.js" type="text/javascript"></script> <!-- Scroll To Animate --> <script src="js/scroll-animate.js" type="text/javascript"></script> <!-- isotope --> <script src="js/isotope.min.js" type="text/javascript"></script> <!-- instafeed --> <script src="js/instafeed.js" type="text/javascript"></script> <!-- timer --> <script src="js/jquery.mb-comingsoon.min.js" type="text/javascript"></script> <!-- validation --> <script src="js/jquery.validate.js" type="text/javascript"></script> <!--Bless form js--> <script src="js/bless-form.js" type="text/javascript"></script> <!--RSVP form js--> <script src="js/rsvp-form.js" type="text/javascript"></script> <!--Select js--> <script src="js/classie.js" type="text/javascript"></script> <script src="js/selectFx.js" type="text/javascript"></script> <!-- Script --> <script src="js/script.js" type="text/javascript"></script> <!-- Map --> <script src="js/map.js" type="text/javascript"></script> <!-- Gmap --> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings