˛éż´/±ŕĽ ´úÂë
ÄÚČÝ
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from logicathemes.com/yes/index-animated.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 20 Feb 2015 01:16:42 GMT --> <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="keywords" content=""> <!-- Title ================================================== --> <title>Wedding Theme</title> <!-- Google Fonts ================================================== --> <link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'> <!-- CSS ================================================== --> <link rel="stylesheet" href="css/grid.css" media="all"> <link rel="stylesheet" href="css/magnific-popup.css" media="all"> <link rel="stylesheet" href="css/font-awesome.min.css" media="all"> <link rel="stylesheet" href="css/animate.min.css" media="all"> <link rel="stylesheet" href="css/flaticon.css" media="all"> <link rel="stylesheet" href="css/style.css" media="all"> <link id="colors" rel="stylesheet" href="css/colors/default.css" media="all"> <link rel="stylesheet" href="css/left-panel.css" media="all"> <!-- Favicons ================================================== --> <link rel="shortcut icon" href="images/elements/favicon.ico"> <link rel="apple-touch-icon" href="images/elements/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/elements/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="images/elements/apple-touch-icon-114x114.png" /> <link rel="apple-touch-icon" sizes="144x144" href="images/elements/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="180x180" href="images/elements/apple-touch-icon-180x180.png" /> <!-- Load Main jQuery Files ================================================== --> <script src="js/jquery.min.js"></script> <script src="js/modernizr.js"></script> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <link rel="stylesheet" type="text/css" href="css/ie8.css" /> <![endif]--> <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie.css" /> <![endif]--> </head> <body> <!-- Left Bar --> <div id="style-selector"> <div id="style-inner"> <div class="box-title"> Color Style </div> <div class="input-box"> <ul class="input-colors"> <li><a class="cbox demo1" href="#" data-colors="default.css"></a></li> <li><a class="cbox demo2" href="#" data-colors="light_turquoise.css"></a></li> <li><a class="cbox demo3" href="#" data-colors="dark_red.css"></a></li> <li><a class="cbox demo4" href="#" data-colors="dark_purple.css"></a></li> </ul> </div> <div class="box-title"> Pattern Background </div> <div class="input-box no-border"> <ul class="cpattern"> <li title="Pattern 1" ><a class="pattern1" href="#" data-pattern="BG-brickwall"></a></li> <li title="Pattern 2" ><a class="pattern2" href="#" data-pattern="BG-crisp-paper-ruffles"></a></li> <li title="Pattern 3" ><a class="pattern3" href="#" data-pattern="BG-damask"></a></li> <li title="Pattern 4" ><a class="pattern4" href="#" data-pattern="BG-debut-light"></a></li> <li title="Pattern 5" ><a class="pattern5" href="#" data-pattern="BG-flowers"></a></li> <li title="Pattern 6" ><a class="pattern6" href="#" data-pattern="BG-greyfloral"></a></li> <li title="Pattern 7" ><a class="pattern7" href="#" data-pattern="BG-halftone"></a></li> <li title="Pattern 8" ><a class="pattern8" href="#" data-pattern="BG-mnml"></a></li> <li title="Pattern 9" ><a class="pattern9" href="#" data-pattern="BG-symphony"></a></li> <li title="Pattern 10" ><a class="pattern10" href="#" data-pattern="BG-shattered"></a></li> <li title="Pattern 11" ><a class="pattern11" href="#" data-pattern="BG-subtlenet"></a></li> <li title="Pattern 12" ><a class="pattern12" href="#" data-pattern="BG-subtle-white-feathers"></a></li> </ul> </div> </div> <div id="panel-opener"><i class="fa fa-cog fa-spin"></i></div> </div> <!-- Left Bar Ends --> <div class="loaderOverlay"><i class="fa fa-heart animate-spin"></i></div> <!-- Hero Section --> <div id="logo">Nick <span>&</span> Ruby</div> <section id="top" class="hero" data-type="parallax"> <header id="main-menu"> <div class="container"> <div class="row"> <div id="menu-logo" >N <span>&</span> R</div> <nav id="navigation" class="column twelve"> <ul> <li class="submenu"><a href="#logo">Home</a> <ul> <li><a href="index-animated.html">Animated Home Page</a></li> <li><a href="index-slideshow.html">Header - Slideshow</a></li> <li><a href="index-video.html">Header - Video</a></li> <li><a href="index-dotted.html">Menu - Dotted</a></li> <li><a href="index-menuHidden.html">Menu - Hidden</a></li> <li><a href="index-mvisible.html">Menu - Bottom</a></li> <li><a href="single-post.html">Single Post Page</a></li> <li><a href="event.html">Event Page</a></li> <li><a href="page.html">Elements Page</a></li> <li><a href="baby.html">Baby Diary</a></li> </ul> </li> <li><a href="#couple">Story</a></li> <li><a href="#loveline">Loveline</a></li> <li><a href="#wedding-events">Events</a></li> <li><a href="#important-people">People</a></li> <li><a href="#wedding-gallery">Gallery</a></li> <li><a href="#gift-registry">Gifts</a></li> <li><a href="#guestbook">GuestBook</a></li> <li><a href="#contact">RSVP</a></li> </ul> </nav> <a href="#" id="menu-toggle-wrapper"> <div id="menu-toggle"></div> </a> </div> <!-- close .ha-header-perspective --> </div> <!-- close grid container --> </header> <div class="overlay-dark"></div> <div class="container"> <div class="hero-inner"> <h1>We’re getting married.</h1> <div class="info"> <div id="countdown"> 462 <span>days</span> 18 <span>hours</span> 46 <span>mins</span> 34 <span>secs</span></div> <span class="date">on August 19th 2015, Los Angeles, CA</span> </div> <a href="#couple" class="mouse scrollTo"><i class="fa fa-long-arrow-down"></i></a> </div> </div> </section> <!-- #Hero Section Ends --> <section id="home-content" class="top-menu"> <!-- RSVP Now --> <section id="invitation" class="pattern"> <span>You’re invited to our Wedding!</span> <a id="to-rsvp" href="#contact" class="button scrollTo">RSVP NOW</a> </section> <!-- #RSVP Now --> <!-- Couple Images --> <section id="couple"> <div class="overlay-dark"></div> <div class="hero-heart"></div> <div class="images"> <div class="column six girl"> <span class="fname">Ruby</span> <span class="lname">Williams</span> </div> <div class="column six boy"> <span class="fname">Nick</span> <span class="lname">Lewis</span> </div> </div> </section> <!-- #Couple Images Ends --> <!-- Story Section --> <section id="story" class="pattern"> <div class="container timeline"> <span class="arrow-up"></span> <span class="arrow-down"></span> <div class="row"> <div class="column six right"> <h2 class="vibe">Bride’s story</h2> <div class="story"> <p>Vestibulum cras ullamcorper a ullamcorper scelerisque iaculis per hac proin duis vestibulum ullamcorper tempor ultricies. Eu non sociosqu magna adipiscing ad consectetur a parturient sem a euismod tempus phasellus ornare a dapibus sit ullamcorper justo praesent sem tempor imperdiet vestibulum a condimentum in magna.</p> <p> Condimentum sit parturient varius at facilisi tempus dignissim sodales a faucibus curae suspendisse suspendisse a odio a. Elit sodales vestibulum nec varius scelerisque commodo parturient.</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> <div class="column six left"> <h2 class="vibe">Groom’s story</h2> <div class="story"> <p>Vestibulum cras ullamcorper a ullamcorper scelerisque iaculis per hac proin duis vestibulum ullamcorper tempor ultricies. Eu non sociosqu magna adipiscing ad consectetur a parturient sem a euismod tempus phasellus ornare a dapibus sit ullamcorper justo praesent sem tempor imperdiet vestibulum a condimentum in magna.</p> <p>Condimentum sit parturient varius at facilisi tempus dignissim sodales a faucibus curae suspendisse suspendisse a odio a. Elit sodales vestibulum nec varius scelerisque commodo parturient.</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> </div> <div class="row"> <div class="twelve"> <div class="box corner quote wow zoomIn animated"> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> “We’ve met one summer night in the club. The music was to loud so we really didn’t speak that much. One great thing led to another and the rest is history” </div> </div> </div> </div> </section> <!-- #Story Section Ends --> <!-- Loveline Section --> <section id="loveline"> <header class="section-header"> <h3 class="section-title">OUR LOVELINE</h3> <p class="section-tagline">Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> </header> <div class="container timeline"> <span class="arrow-up"></span> <span class="arrow-down"></span> <div class="row"> <div class="timeline-year start"><span>2013</span></div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">March 25</span> <h2>The day we met</h2> <div class="box-content"> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="column six heart left movetop"> <div class="box pattern wow fadeInRight animated"> <span class="date">April 5</span> <h2>First dinner together</h2> <div class="box-content"> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha, This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha,This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">April 12</span> <h2>Our first holiday</h2> <div class="box-content"> <div class="gallery"> <img src="images/album/post1.jpg" alt=""> <img src="images/album/post2.jpg" alt=""> <img src="images/album/post3.jpg" alt=""> <img src="images/album/post4.jpg" alt=""> </div> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="column six heart left"> <div class="box pattern wow fadeInRight animated"> <span class="date">May 11</span> <h2>The Proposal</h2> <div class="box-content"> <img src="images/album/WeddCouple8.jpg" alt=""> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">June 17</span> <h2>Here comes the baby</h2> <div class="box-content"> <iframe src="http://player.vimeo.com/video/71737050" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="clearfix"></div> <div class="timeline-year"><span>2014</span></div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">January 1</span> <h2>New Year's Eve in NY</h2> <div class="box-content"> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="column six heart left movetop"> <div class="box pattern wow fadeInRight animated"> <span class="date">January 18</span> <h2>First Holiday</h2> <div class="box-content"> <p>This is some dummy text, while bufi is dumy. Or it might be billy ,but someone is while evnayon is affected by his sutpidiyty whoha</p> <a href="single-post.html" class="more">Read More</a> </div> </div> </div> <div class="clearfix"></div> <div class="timeline-button"><a href="#" class="button">Load more</a></div> </div> </div> </section> <!-- #Loveline Section Ends --> <!-- Parallax Section --> <section class="parallax" data-type="parallax"> <div class="overlay"></div> <div class="container"> <h2 class="quote">“We’ve met one summer night in the club. The music was to loud so we really didn’t speak that much. One great thing led to another and the rest is history”</h2> </div> </section> <!-- #Parallax Section Ends --> <!-- Wedding Events Section --> <section id="wedding-events" class="pattern"> <header class="section-header"> <h3 class="section-title">Wedding Events</h3> <p class="section-tagline">Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> </header> <div class="container timeline"> <span class="arrow-up"></span> <span class="arrow-down"></span> <div class="row"> <div class="column six heart right"> <div class="box center corner wow fadeInLeft animated"> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> <h2>Bachelorette Party</h2> <div class="details"> <span class="waddress">Club Insomnia</span> <span class="waddress">60 Switch Street, New York NY</span> <span class="wdate">Thursday, 16 August 2014</span> <span class="wtime">8:00 PM - 5:00 AM</span> </div> <a href="event.html" class="button">Read More</a> </div> </div> <div class="column six heart left movetop"> <div class="box center corner wow fadeInRight animated"> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> <h2>Bachelor Party</h2> <div class="details"> <span class="waddress">Club Insomnia</span> <span class="waddress">60 Switch Street, New York NY</span> <span class="wdate">Thursday, 16 August 2014</span> <span class="wtime">8:00 PM - 5:00 AM</span> </div> <a href="event.html" class="button">Read More</a> </div> </div> <div class="column six heart right"> <div class="box center corner wow fadeInLeft animated"> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> <h2>Wedding Ceremony</h2> <div class="details"> <span class="waddress">Club Insomnia</span> <span class="waddress">60 Switch Street, New York NY</span> <span class="wdate">Thursday, 16 August 2014</span> <span class="wtime">8:00 PM - 5:00 AM</span> </div> <a href="event.html" class="button">Read More</a> </div> </div> <div class="column six heart left"> <div class="box center corner wow fadeInRight animated"> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> <h2>Wedding Party</h2> <div class="details"> <span class="waddress">Club Insomnia</span> <span class="waddress">60 Switch Street, New York NY</span> <span class="wdate">Thursday, 16 August 2014</span> <span class="wtime">8:00 PM - 5:00 AM</span> </div> <a href="event.html" class="button">Read More</a> </div> </div> <div class="clearfix"></div> </div> </div> </section> <!-- #Wedding Events Section Ends --> <!-- #Map Section --> <section id="map-section"> <div class="container"> <div id="map-pins"> <ul> <li class="wedding">Wedding</li> <li class="weddingParty">Wedding Party</li> <li class="bachelor">Bachelor</li> <li class="bachelorette">Bachelorette</li> <li class="hotels">Hotels</li> <li class="airport">Airport</li> <li class="attractions">Attractions</li> <li class="restoraunts">Restoraunts</li> <li class="shopping">Shopping</li> <li class="special">Special</li> </ul> </div> </div> <div id="map"></div> </section> <!-- #Map Section Ends --> <!-- Important People Section --> <section id="important-people"> <header class="section-header"> <h3 class="section-title">Important People</h3> <p class="section-tagline">Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> </header> <div class="container timeline"> <span class="arrow-up"></span> <span class="arrow-down"></span> <div class="row"> <div class="column six right"> <h2 class="vibe">Bridesmaids</h2> <ul class="tabs people-image"> <li><a href="#person1" class="active"><img src="images/important-people/bridesmade1.jpg" alt="" /></a></li> <li><a href="#person2"><img src="images/important-people/bridesmade2.jpg" alt="" /></a></li> <li><a href="#person3"><img src="images/important-people/bridesmade3.jpg" alt="" /></a></li> </ul> <div class="tab-content-wrap"> <div id="person1" class="tab-content"> <h2>Amy Lo</h2> <div class="story"> <p>Vestibulum cras ullamcorper a ullamcorper scelerisque iaculis per hac proin duis vestibulum ullamcorper tempor ultricies. Eu non sociosqu magna adipiscing ad consectetur a parturient justo praesent sem tempor imperdiet vestibulum a condimentum in magna.</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> <div id="person2" class="tab-content"> <h2>Angela Smith</h2> <div class="story"> <p>Vestibulum cras ullamcorper a parturient sem a euismod tempus phasellus ornare a dapibus sit ullamcorper justo praesent sem tempor imperdiet vestibulum a condimentum in magna.</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> <div id="person3" class="tab-content"> <h2>Mary Johnson</h2> <div class="story"> <p>Vestibulum cras ullamcorper a ullamcorper scelerisque iaculis per hac proin duis vestibulum ullamcorper tempor ultricies. Eu non sociosqu magna adipiscing ad consectetur a parturient sem .</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> </div> </div> <div class="column six left"> <h2 class="vibe">Groomsman</h2> <ul class="tabs people-image"> <li><a href="#person4" class="active"><img src="images/important-people/groomsman1.jpg" alt="" /></a></li> <li><a href="#person5"><img src="images/important-people/groomsman2.jpg" alt="" /></a></li> <li><a href="#person6"><img src="images/important-people/groomsman3.jpg" alt="" /></a></li> </ul> <div class="tab-content-wrap"> <div id="person4" class="tab-content"> <h2>Chandler Knuckless</h2> <div class="story"> <p>Vestibulum cras ullamcorper a ullamcorper scelerisque iaculis per hac proin duis vestibulum ullamcorper tempor ultricies. Eu non sociosqu magna adipiscing ad consectetur a parturient justo praesent sem tempor imperdiet vestibulum a condimentum in magna.</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> <div id="person5" class="tab-content"> <h2>Mark Baywater</h2> <div class="story"> <p>Vestibulum cras ullamcorper a parturient sem a euismod tempus phasellus ornare a dapibus sit ullamcorper justo praesent sem tempor imperdiet vestibulum a condimentum in magna.</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> <div id="person6" class="tab-content"> <h2>Lee Mcfly</h2> <div class="story"> <p>Vestibulum cras ullamcorper a ullamcorper scelerisque iaculis per hac proin duis vestibulum ullamcorper tempor ultricies. Eu non sociosqu magna adipiscing ad consectetur a parturient sem .</p> </div> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a> </li> <li><a href="#"><i class="fa fa-twitter"></i></a> </li> <li><a href="#"><i class="fa fa-linkedin"></i></a> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <!-- #Important People Section Ends --> <!-- Small Gallery Section --> <section id="wedding-gallery" class="pattern"> <header class="section-header"> <h3 class="section-title">Photo Gallery</h3> </header> <div class="container"> <div class="row"> <ul id="gallery-filter" class="wow fadeInLeft"> <li class="active"><a href="#" data-filter="*">All</a> </li> <li><a href="#" data-filter=".wedding">Wedding Day</a> </li> <li><a href="#" data-filter=".paris">Trip to Paris</a> </li> <li><a href="#" data-filter=".photography">Summer in Greece</a> </li> </ul> </div> </div> <div id="gallery-wrapper"> <div class="block wedding"> <div class="image-holder"> <img src="images/album/WeddCouple1.jpg" alt="image"> </div> <a href="images/album/WeddCouple1.jpg" class="video-hover"> <div class="portfolio-info"> <h3 class="portfolio-title"> This is some title <span class="cat">Wedding</span> </h3> </div> </a> </div> <div class="block photography"> <div class="image-holder"> <img src="images/album/WeddCouple2.jpg" alt="image"> </div> <a href="images/album/WeddCouple2.jpg" class="portfolio-hover"> <div class="portfolio-info"> <h3 class="portfolio-title"> This is some title <span class="cat">Wedding</span> </h3> </div> </a> </div> <div class="block photography"> <div class="image-holder"> <img src="images/album/WeddCouple3.jpg" alt="image"> </div> <a href="images/album/WeddCouple3.jpg" class="portfolio-hover"> <div class="portfolio-info"> <h3 class="portfolio-title">This is some title</h3> </div> </a> </div> <div class="block photography"> <div class="image-holder"> <img src="images/album/WeddCouple4.jpg" alt="image"> </div> <a href="images/album/WeddCouple4.jpg" class="portfolio-hover"> <div class="portfolio-info"> <h3 class="portfolio-title">This is some title</h3> </div> </a> </div> <div class="block wedding"> <div class="image-holder"> <img src="images/album/WeddCouple5.jpg" alt="image"> </div> <a href="images/album/WeddCouple5.jpg" class="video-hover"> <div class="portfolio-info"> <h3 class="portfolio-title"> This is some title <span class="cat">Design</span> </h3> </div> </a> </div> <div class="block paris"> <div class="image-holder"> <img src="images/album/WeddCouple6.jpg" alt="image"> </div> <a href="images/album/WeddCouple6.jpg" class="portfolio-hover"> <div class="portfolio-info"> <h3 class="portfolio-title"> This is some title <span class="cat">Design</span> </h3> </div> </a> </div> <div class="block paris"> <div class="image-holder"> <img src="images/album/WeddCouple7.jpg" alt="image"> </div> <a href="images/album/WeddCouple7.jpg" class="portfolio-hover"> <div class="portfolio-info"> <h3 class="portfolio-title">This is some title</h3> </div> </a> </div> <div class="block photography"> <div class="image-holder"> <img src="images/album/WeddCouple8.jpg" alt="image"> </div> <a href="images/album/WeddCouple8.jpg" class="portfolio-hover"> <div class="portfolio-info"> <h3 class="portfolio-title">This is some title</h3> </div> </a> </div> </div> </section> <!-- #Small Gallery Section Ends --> <!-- Our Tweets --> <section id="twitter"> <header class="section-header"> <h3 class="section-title">Our Tweets</h3> <p class="section-tagline">Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> </header> <div class="container timeline"> <span class="arrow-up"></span> <span class="arrow-down"></span> <div class="row"> <div class="column six right"> <h2 class="vibe">Ruby</h2> <span>@rubynick</span> <div id="twitter_one" class="tweets"> <a href="#" class="follow">→ Follow Ruby on Twitter</a> </div> </div> <div class="column six left"> <h2 class="vibe">Nick</h2> <span>@rubynick</span> <div id="twitter_two" class="tweets"> <a href="#" class="follow">→ Follow Nick on Twitter</a> </div> </div> </div> </div> </section> <!-- #Our Tweets Ends --> <!-- Gift Registry Section --> <section id="gift-registry" class="pattern"> <header class="section-header"> <h3 class="section-title">Gift Registry</h3> <p class="section-tagline">Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> </header> <div class="container"> <ul class="small-box corner"> <li> <a class="product" href="#"><img src="images/gifts/registry-amazon.png" alt=""></a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </li> <li> <a class="product" href="#"><img src="images/gifts/registry-crate.png" alt=""></a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </li> <li> <a class="product" href="#"><img src="images/gifts/registry-macys.png" alt=""></a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </li> <li> <a class="product" href="#"><img src="images/gifts/registry-tiffany.png" alt=""></a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </li> </ul> <ul class="small-box corner"> <li> <div class="money"> <span class="amount">$100</span> <a href="#" class="button donate">DONATE</a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </div> </li> <li> <div class="money"> <span class="amount">$200</span> <a href="#" class="button donate">DONATE</a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </div> </li> <li> <div class="money"> <span class="amount">$400</span> <a href="#" class="button donate">DONATE</a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </div> </li> <li> <div class="money"> <span class="amount">$1000</span> <a href="#" class="button donate">DONATE</a> <div class="corners-topleft"></div> <div class="corners-bottomleft"></div> <div class="corners-topright"></div> <div class="corners-bottomright"></div> </div> </li> </ul> </div> </section> <!-- #Gift Registry Section Ends --> <!-- Guestbook Section --> <section id="guestbook"> <header class="section-header"> <h3 class="section-title">Guestbook</h3> <p class="section-tagline">Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> </header> <div class="container timeline"> <span class="arrow-up"></span> <span class="arrow-down"></span> <div class="row"> <div class="timeline-year start"><span>2014</span></div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">24 July</span> <div class="guest"> <p>Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> <span class="name">John Doe</span> </div> </div> </div> <div class="column six heart left movetop"> <div class="box pattern wow fadeInRight animated"> <span class="date">24 July</span> <div class="guest"> <p>Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> <span class="name">John Doe</span> </div> </div> </div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">24 July</span> <div class="guest"> <p>Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.Aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat</p> <span class="name">John Doe</span> </div> </div> </div> <div class="column six heart left"> <div class="box pattern wow fadeInRight animated"> <span class="date">24 July</span> <div class="guest"> <p>Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat</p> <span class="name">John Doe</span> </div> </div> </div> <div class="column six heart right"> <div class="box pattern wow fadeInLeft animated"> <span class="date">24 July</span> <div class="guest"> <p>Quisque aliquet erat condimentum sit aptent varius convallis quam a scelerisque nulla accumsan suspendisse scelerisque aliquet erat aliquet porta erat.</p> <span class="name">John Doe</span> </div> </div> </div> <div class="clearfix"></div> <div class="timeline-button"><a href="#" class="button">Load more</a></div> </div> </div> <div class="form color"> <header class="section-header"> <h3>Write Something</h3> </header> <div class="container smaller"> <div class="row"> <form action="http://logicathemes.com/yes/action.php"> <div class="column six"> <label for="name">Name</label> <input type="text" id="my_name" name="name"> </div> <div class="column six"> <label for="email">Email</label> <input type="text" id="my_email" name="email"> </div> <div class="column twelve"> <label for="comment">Comment</label> <textarea id="comment" name="comment" cols="30" rows="10"></textarea> </div> <div class="clearfix"></div> <input type="submit" class="color" value="Send your message →"> <div class="clearfix"></div> <div class="notification"></div> </form> </div> </div> </div> </section> <!-- #Guestbook Section Ends --> <!-- Instagram Section --> <section id="instagram-section" class="pattern"> <header class="section-header"> <h3 class="section-title">Instagram</h3> <p class="section-tagline">Copy the hashtag below and share your experience from our Wedding :)</p> </header> <span class="hash">#rubyandnickwedding</span> <div class="container"> <div class="instagram-images"> </div> </div> <div class="load-more"> <a href="#" class="button">Load more</a> </div> </section> <!-- #Instagram Section Ends --> <!-- Contact Section --> <section id="contact" class="bgcolor"> <header class="section-header"> <h3 class="section-title">SIGN YOUR RSVP</h3> <p class="section-tagline">Please RSVP before 20 December 2015.</p> </header> <div class="form"> <div class="container smaller"> <div class="row"> <form action="http://logicathemes.com/yes/action.php" method="POST" autocomplete="off" class="actionform"> <div class="notification"></div> <div class="column six"> <label for="name">Name</label> <input type="text" id="name" name="name"> </div> <div class="column six"> <label for="email">Email</label> <input type="text" id="email" name="email"> </div> <div class="column six"> <label for="persons">Number of guests</label> <select name="persons" id="persons"> <option value="One" disabled selected="selected"> How many persons?</option> <option value="One">One</option> <option value="Two">Two</option> <option value="Three">Three</option> <option value="Four">Four</option> <option value="Five">Five</option> <option value="Six">Six</option> </select> </div> <div class="column six auto-safe"> <label for="autovalue">Security question</label> <input type="text" id="autovalue" name="autovalue"> <i class="fa fa-refresh auto-refresh" title="Reload security question"></i> </div> <input type="hidden" name="submit"> <div class="clearfix"></div> <input type="submit" value="I am attending →"> <div class="clearfix"></div> </form> </div> </div> </div> </section> <!-- #Contact Section --> <!-- Footer Section --> <footer> <div class="container"> <div class="row"> <div class="column four copyright">Theme made by <a href="#">logicathemes.com</a></div> <div class="column four logo">N<span>&</span>R</div> <div class="column four info">Photos by <a href="#">John Doe</a></div> </div> </div> </footer> <!-- / Footer Section Ends --> </section> <!-- JavaScript Files - These ones are in footer ================================================== --> <script src="js/device.min.js"></script> <script src="js/imagesloaded.pkgd.js"></script> <script src="js/SmoothScroll.js"></script> <script src="js/isotope.js"></script> <script src="js/jquery.isotope.sloppy-masonry.min.js"></script> <script src="js/jquery.parallax.min.js"></script> <script src="js/jquery.scrollTo.js"></script> <script src="js/waypoints.min.js"></script> <script src="js/jquery.mb.YTPlayer.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/retina.min.js"></script> <script src="js/jquery.soc-share.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASm3CwaK9qtcZEWYa-iQwHaGi3gcosAJc&sensor=false"></script> <script src="js/custom.js"></script> <script src="js/panel.js"></script> <!-- Remove - for demo only --> <script> var markers = [ ['Name of Place, Paris', 48.8666436, 2.3199989, 'hotel','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8588589, 2.3470599, 'restaurant','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8656488, 2.3709794, 'airport','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8777566, 2.3369444, 'attraction','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8589917, 2.3106827, 'bachelor','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8785204, 2.3201107, 'bachelorette','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8845034, 2.3599466, 'shopping','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8894376, 2.3495625, 'special','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8888826, 2.3477870, 'wedding','Insert Some Demo Text Here'], ['Name of Place, Paris', 48.8922916, 2.3407284, 'weddingParty','Insert Some Demo Text Here'] ]; </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-55755934-2', 'auto'); ga('send', 'pageview'); </script> </body> <!-- Mirrored from logicathemes.com/yes/index-animated.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 20 Feb 2015 01:16:42 GMT --> </html>