You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
413 lines
16 KiB
413 lines
16 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
|
<meta name="description" content="Wedding Slide - Responsive Wedding Invite Template " /> |
|
<meta name="keywords" content="jquery, Responsive Vcard, Template, Vcard, Clean Slide" /> |
|
<title>Evan And Stephanie are getting married!</title> |
|
|
|
<!-- Loading Google Web fonts --> |
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css' /> |
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css' /> |
|
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> |
|
<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'> |
|
<!-- CSS Files --> |
|
<link href="css/reset.css" rel="stylesheet" type="text/css" /> |
|
<link href="css/style.css" rel="stylesheet" type="text/css" id="color" /> |
|
<!-- <link href="css/responsive.css" rel="stylesheet" type="text/css" /> --> |
|
<link href="css/typography.css" rel="stylesheet" type="text/css" id="customFont"/> |
|
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" /> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<!--Preloader- --> |
|
<div id="preloader"> |
|
<div id="spinner_container"> |
|
<img id="spinner" src="images/loading.gif" alt="" /> |
|
</div> |
|
</div> |
|
<!-- //Preloader --> |
|
|
|
<!-- wrapper --> |
|
<div id="wrapper"> |
|
<div class="clr" id="top-head"> |
|
<!--// Navigation //--> |
|
<div class="menu_nav"> |
|
<div id="nav-wrap"> |
|
<ul class="arrowunderline" id="nav"> |
|
<li class="home" id="selected">Home</li> |
|
<li class="wedding">Wedding</li> |
|
<!-- <li class="portfolio">Wedding Album </li> --> |
|
<li class="gift">Gifts</li> |
|
<li class="contact">Contact / RSVP</li> |
|
</ul> |
|
</div> |
|
</div> |
|
<!--// Navigation End //--> |
|
<div class="border_pat"></div> |
|
</div> |
|
<div class="green_bg"> |
|
<div class="container1"> |
|
<div class="logo_sec"> |
|
<div class="clr"><small>We're Getting Married - Sunday, 10th August 2014</small></div> |
|
<div class="clr"> |
|
<div class="groom"><a href="#home" title="Jeff Jacob">Evan</a></div> |
|
<div class="middle_heart"><img src="images/heart.png" width="138" height="118" alt="" /></div> |
|
<div class="bride"><span><a href="#home" title="Nikcy Joe">Stephanie</a></span></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="container"> |
|
<div id="content"> |
|
<div class="card-pattern"> |
|
<!-- Home --> |
|
<div id="home"> |
|
<div class="card_content"> |
|
<div class="card_left"> |
|
<div class="clr"><img src="images/card_image1.png" alt="" /></div> |
|
<div class="card_heading">About Evan Gredell</div> |
|
<div class="clr"> |
|
<p>Evan Gredell grew up in Pleasanton, California and is the funniest guy I know.</p> |
|
</div> |
|
</div> |
|
<div class="card_middle"><div class="card_circle"><a href="#">+</a></div></div> |
|
<div class="card_right"> |
|
<div class="clr"><img src="images/card_image2.png" alt=""/></div> |
|
<div class="card_heading">About Stephanie Chung</div> |
|
<div class="clr"> |
|
<p>Stephanie Chung grew up in the Bay Area with her mother and her older brother. She played classical piano since she was 4 year old and took lessons for a year learning playing jazz. She's been a web developer for 8 years and is currently working at LinkedIn.</p> |
|
</div> |
|
</div> |
|
<div class="clr"></div> |
|
<div class="dot_line"> |
|
<div class="left_dots"> </div> |
|
<div class="heart"> </div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="venue"> |
|
<div id="date">10. August 2014</div> |
|
<div id="time">Ceremony: <span>04.00</span> PM - <span>4.30</span> PM</div> |
|
<div id="time">Reception: <span>05.00</span> PM - <span>12.00</span> AM</div> |
|
<div class="location">Ceremony at the Presidio Chapel and Reception at The Intercontinental Mark Hopkins</div> |
|
</div> |
|
</div> |
|
<div class="clr"></div> |
|
</div> |
|
<!-- //Home --> |
|
|
|
<!-- Wedding --> |
|
<div id="wedding"> |
|
<div class="card_content"> |
|
<div class="heading_dots"> |
|
<div class="left_dots"> </div> |
|
<div class="heading">wedding</div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="clr"> |
|
<h6>The ceremony will be held at the Preidio Chapel and reception will be at The Intercontinental Mark Hopkins in |
|
<span>San Francisco, California on August 10, 2014.</span></h6> |
|
</div> |
|
<div class="clr hline"> </div> |
|
<div class="clr"> |
|
<ul> |
|
<li> |
|
<span class="head">Ceremony Location</span><br /> |
|
Presidio Chapel<br /> |
|
130 Fisher Loop San Francisco, CA 94129<br /> |
|
San Francisco, CA<br /><br /> |
|
|
|
<span class="head">Reception Location</span><br /> |
|
The Intercontinental Mark Hopkins<br /> |
|
999 California St<br /> |
|
San Francisco, CA<br /><br /> |
|
|
|
<span class="head">Transportation</span><br /> |
|
There will be shuttle buses running between InterContinental Mark Hopkins to Presidio Chapel. Guests are encouraged to use these shuttles for easier transportation. There are parking garages and valet parking available at the InterContinental Mark Hopkins. |
|
</li> |
|
<li> |
|
<span class="head">The Wedding Party</span><br /><br /> |
|
<span class="green_txt">Maid of Honor:</span><br /> |
|
Laura Tat<br /><br /> |
|
<span class="green_txt">Bridesmaids:</span><br /> |
|
Rachel Yiu, Jessica Miller, Merisenda Bills<br /><br /> |
|
<span class="green_txt">Best Man:</span><br /> |
|
Lucas Gredell<br /><br /> |
|
<span class="green_txt">Groomsmen:</span><br /> |
|
Jerry Ortega, Andrew D'entremont, Jose Lopez<br /><br /> |
|
</li> |
|
<li> |
|
<span class="head">Hotel Accommodations</span><br /><br /> |
|
The Intercontinental Mark Hopkins<br /> |
|
999 California St<br /> |
|
San Francisco, CA<br /> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
|
|
<div class="card_content"> |
|
<div class="heading_dots"> |
|
<div class="left_dots"> </div> |
|
<div class="heading" style="font-size: 28px">Rehearsal</div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="clr"> |
|
<h6>All invited guests are welcome to join us for the rehearsal dinner at Hong Kong Flowers and Lounge on August 9, 2014 at 6:30.<br>51 Millbrae Ave., Millbrae, CA 94030</h6> |
|
</div> |
|
<div class="clr hline"> </div> |
|
|
|
</div> |
|
<div class="clr"></div> |
|
</div> |
|
<!-- //Wedding --> |
|
|
|
<!-- Gift --> |
|
<div id="gift"> |
|
<div class="card_content"> |
|
<div class="heading_dots"> |
|
<div class="left_dots"> </div> |
|
<div class="heading">Gifts Registry</div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="clr hline"> </div> |
|
<div class="gift-top"> |
|
<div class="register">We Are Registered At…</div> |
|
<div class="clr"> |
|
<div class="gift_logos"> |
|
<ul> |
|
<li><a href="http://www1.macys.com/registry/wedding/guest/?registryId=6208811l">Macy's</a></li> |
|
<li><a href="http://www.potterybarn.com/registry/3531410/registry-list.html">Pottery Barn</a></li> |
|
<li><a href="https://www.bloomingdales.com/registry/wedding/guest/?registryId=6034293">Bloomingdale's</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="dot_line"> |
|
<div class="left_dots"> </div> |
|
<div class="heart"> </div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="clr"></div> |
|
</div> |
|
</div> |
|
</div> |
|
<!-- //Gift --> |
|
|
|
<!-- Portfolio --> |
|
<div id="portfolio"> |
|
<div class="card_content"> |
|
<div class="heading_dots"> |
|
<div class="left_dots"> </div> |
|
<div class="heading">Wedding Album</div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="clr"> |
|
<h6>These sites are a sample of the client work undertaken by us. |
|
<span>Click a site to learn more about its development.</span></h6> |
|
</div> |
|
<div class="clr hline"> </div> |
|
<div class="clr"> |
|
<ul id="portfolio-filter"> |
|
<li><a href="#" class="current" data-filter="*">View All</a></li> |
|
<li><a href="#" data-filter=".Bridesmaids">Bridesmaids</a></li> |
|
<li><a href="#" data-filter=".Ceremony">Ceremony</a></li> |
|
<li><a href="#" data-filter=".Getting">Getting Married</a></li> |
|
<li><a href="#" data-filter=".Honeymoon">Honeymoon</a></li> |
|
</ul> |
|
<ul id="portfolio-list"> |
|
<li class="Bridesmaids Getting"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img1.jpg" alt=" " /> |
|
<h5>Blessings Of Marriage</h5> |
|
</a> |
|
</li> |
|
<li class="Honeymoon Ceremony"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img2.jpg" alt=" "/> |
|
<h5>Consectetur adipiscing elit ipsum</h5> |
|
</a> |
|
</li> |
|
<li class="Bridesmaids Ceremony"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img3.jpg" alt=" "/> |
|
<h5>Consectetur adipiscing elit </h5> |
|
</a> |
|
</li> |
|
<li class="photography Ceremony"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img4.jpg" alt=" "/> |
|
<h5>Adipiscing elit ipsum nisl</h5> |
|
</a> |
|
</li> |
|
<li class="Bridesmaids Getting"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img5.jpg" alt=" "/> |
|
<h5>Sectetur adipiscing elit ipsum </h5> |
|
</a> |
|
</li> |
|
<li class="Honeymoon Ceremony"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img6.jpg" alt=" "/> |
|
<h5>Ctetur adipiscing elit ipsum</h5> |
|
</a> |
|
</li> |
|
<li class="Honeymoon Ceremony"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img7.jpg" alt=" "/> |
|
<h5>Nsectetur adipiscing elit ipsum</h5> |
|
</a> |
|
</li> |
|
<li class="Bridesmaids Getting"> |
|
<a href="images/assets/big/big.jpg" title="Project description" class="viewDetail lightbox "> |
|
<img src="images/assets/small/portfolio_img8.jpg" alt=" "/> |
|
<h5>Ectetur adipiscing elit ipsum nisl </h5> |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="clr"></div> |
|
</div> |
|
<!-- //Portfolio --> |
|
|
|
<!-- contact --> |
|
<div id="contact"> |
|
<div class="card_content"> |
|
<div class="heading_dots"> |
|
<div class="left_dots"> </div> |
|
<div class="heading">Contact / RSVP</div> |
|
<div class="right_dots"> </div> |
|
<div class="clr"></div> |
|
</div> |
|
<div class="clr"> |
|
<h6>If you have any questions or just want to get in touch with us, |
|
<span>feel free to get in touch.</span></h6> |
|
</div> |
|
<div class="clr hline"> </div> |
|
<div class="clr" > |
|
<img src="images/map.png"> |
|
</div> |
|
<div class="left"> |
|
<div class="clr"> |
|
<div id="respond"> |
|
<h2>Tell us something</h2> |
|
<!-- <div class="pad-top5">If you received an invitation (and hey, why else would you be here?), |
|
we’d like to plan in advance.</div> --> |
|
<div id="post_message" class="post_message"></div> |
|
<div class="boxBody"> |
|
<div class="desc"> |
|
<form id="form" action="#" method="post"> |
|
<div> |
|
<label>Name (required)</label> |
|
<input name="name" type="text" class="required" /> |
|
</div> |
|
<div> |
|
<label>E-mail (required)</label> |
|
<input name="email" type="text" class="required email" /> |
|
</div> |
|
<div> |
|
<label>Phone (required)</label> |
|
<input name="phone" type="text" class="required phone" /> |
|
</div> |
|
<!-- <div class="clr"> |
|
<div class="form_left"> |
|
<div class="clr"><label>Attending</label></div> |
|
<div class="clr"> |
|
<select name="attending"> |
|
<option selected="selected">Yes</option> |
|
<option>No</option> |
|
</select> |
|
</div> |
|
</div> |
|
<div class="form_right"> |
|
<div class="clr"><label>Number of guests</label></div> |
|
<div class="guests"><input name="guests" type="text" class="guests" /></div> |
|
</div> |
|
<div class="clr"></div> |
|
</div> --> |
|
<div class="textarea"> |
|
<label>Message (required)</label> |
|
<textarea name="message" rows="6" cols="60" class="required"></textarea> |
|
</div> |
|
<div><input id="submitBtn" value="Submit" name="submit" type="submit" class="submitBtn" /></div> |
|
</form> |
|
</div><!--END desc show--> |
|
<!--END desc--> |
|
</div> |
|
<div class="clr"></div> |
|
</div> |
|
</div> |
|
</div> |
|
<!--//left end //--> |
|
<div class="right"> |
|
<div class="clr"> |
|
<h2>Wedding Location</h2> |
|
<div class="clr"> |
|
<div class="clr"> |
|
<div class="input-box1">Name</div> |
|
<span>Presidio Chapel</span> |
|
</div> |
|
<div class="clr"> |
|
<div class="input-box1">Address</div> |
|
<span>130 Fisher Loop San Francisco, CA</span> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="clr"> |
|
<h2>Reception Location</h2> |
|
<div class="clr"> |
|
<div class="clr"> |
|
<div class="input-box1">Name</div> |
|
<span>Intercontinental Mark Hopkins</span> |
|
</div> |
|
<div class="clr"> |
|
<div class="input-box1">Address</div> |
|
<span>999 California St, San Francisco, CA</span> |
|
</div> |
|
</div> |
|
</div> |
|
</div><!--//clr end //--> |
|
<div class="clr"></div> |
|
</div> |
|
</div> |
|
<!-- contact end --> |
|
<div class="clr"></div> |
|
</div><!--card pattern end --> |
|
<div class="clr "></div> |
|
</div> |
|
<div class="bottom-shade"></div> |
|
</div> |
|
</div> |
|
<!-- JS |
|
================================================== --> |
|
|
|
<!-- include jQuery library --> |
|
<script type="text/javascript" src="js/jquery-1.7.min.js"></script> |
|
|
|
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> |
|
|
|
<!--form validation these scripts must for this kind of validation--> |
|
<script src="js/jquery.validate.js" type="text/javascript"></script> |
|
|
|
<!-- Portfolio and Hover Image adipoli Script --> |
|
<script type="text/javascript" src="js/jquery.isotope.min.js"></script> |
|
<script type="text/javascript" src="js/jquery.adipoli.min.js"></script> |
|
|
|
|
|
<!-- include custom js --> |
|
<script type="text/javascript" src="js/custom.js"></script> |
|
|
|
|
|
|
|
<!--Container / wrapper end --> |
|
</body> |
|
</html>
|
|
|