<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1" />
<meta name="author" content="FamousThemes" />
<meta name="description" content="Get in the spotlight" />
<meta name="keywords" content="premium css templates, premium wordpress themes, famous themes, themeforest" />
<title>Marriage | Wedding Html CSS Template</title>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<link rel="stylesheet" href="prettyphoto/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<!-- jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- Twitter Feed -->
<script src="js/jquery.tweet.js" charset="utf-8"></script>
<!-- Flickr Feed -->
<script src="js/jflickrfeed.min.js"></script>
<!-- FlexSlider -->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<!-- PrettyPhoto -->
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/custom.quicksand.js"></script>
<!-- DropDownMenu -->
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" charset="utf-8">
var $ = jQuery.noConflict();
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade"
});
$(function() {
$('.show_menu').click(function(){
$('.menu').fadeIn();
$('.show_menu').fadeOut();
$('.hide_menu').fadeIn();
});
$('.hide_menu').click(function(){
$('.menu').fadeOut();
$('.show_menu').fadeIn();
$('.hide_menu').fadeOut();
});
});
});
jQuery(function($){
$(".tweet").tweet({
join_text: "auto",
username: "famousthemes",
count: 1,
auto_join_text_default: "we said,",
auto_join_text_ed: "we",
auto_join_text_ing: "we were",
auto_join_text_reply: "we replied",
auto_join_text_url: "we were checking out",
loading_text: "loading tweets..."
});
$('#basicuse').jflickrfeed({
limit: 6,
qstrings: {
id: '31408169@N04'
},
itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>'
});
});
</script>
</head>
<body>
<div id="shadow_bg">
<div id="main_container">
<a class="show_menu" href="#">menu</a>
<a class="hide_menu" href="#">close menu</a>
<div class="menu">
<ul id="main_menu">
<li><a href="index-2.html">Home</a></li>
<li><a href="page.html">Our wedding</a></li>
<li><a href="fullwidth.html">Drop down</a>
<ul>
<li><a href="fullwidth.html">full width</a></li>
<li><a href="gallery.html">gallery layout</a></li>
<li><a href="blog.html">blog layout</a></li>
<li><a href="contact.html">contact form</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="gallery.html">Photo Album</a></li>
<li><a class="selected" href="rsvp.html">RSVP</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="center_container">
<div id="header">
<div class="title"><a href="index-2.html">Michael & Sarah</a></div>
<div class="description"><span class="swirl_left"><span class="swirl_right">25 june 2012</span></span></div>
</div><!-- End of Header-->
<div class="pages_title">
<h2>Repondez s'il vous plait <span>RSVP</span></h2>
</div>
<div class="content">
<div class="left23">
<div class="form_content">
<form id="form1" method="post" action="#">
<h3 class="form_subtitle">Select Event</h3>
<div class="form_rsvp">
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="checkbox" class="form_checkbox" /></div> <span class="checkbox_value">Wedding Ceremony</span> <span class="date_value"> (at 13.08.2011)</span>
</div>
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="checkbox" class="form_checkbox" /></div> <span class="checkbox_value">Bridal Shower</span> <span class="date_value"> (at 12.08.2011)</span>
</div>
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="checkbox" class="form_checkbox" /></div> <span class="checkbox_value">Bachelor Party</span> <span class="date_value"> (at 12.08.2011)</span>
</div>
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="checkbox" class="form_checkbox" /></div> <span class="checkbox_value">Sunday Brunch</span> <span class="date_value"> (at 15.08.2011)</span>
</div>
</div>
<h3 class="form_subtitle">Will you be attending at the event selected</h3>
<div class="form_rsvp">
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="radio" class="form_radio" name="attending" /></div> <span class="checkbox_value">Yes, I (we) will be attending.</span>
</div>
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="radio" class="form_radio" name="attending" /></div> <span class="checkbox_value">No, I (we) will not be attending.</span>
</div>
<div class="form_row_rsvp">
<div class="checkbox_container"><input type="radio" class="form_radio" name="attending" /></div> <span class="checkbox_value">Not Sure</span>
</div>
</div>
<h3 class="form_subtitle">Please select a meal choice</h3>
<div class="form">
<div class="form_row">
<label>Main</label>
<div class="select_container">
<select class="form_select">
<option>Chicken</option>
<option>Beef</option>
<option>Fish</option>
<option>Vegetarian</option>
</select>
</div>
</div>
<div class="form_row">
<label>Desert</label>
<div class="select_container">
<select class="form_select">
<option>Chocolate Cake</option>
<option>Cup Cookies</option>
<option>Pumpkin Cheesecake</option>
<option>Raspberry Cheesecake</option>
</select>
</div>
</div>
<div class="form_row">
<label>menu notes:</label>
<textarea class="form_textarea" name="comment"></textarea>
</div>
</div>
<h3 class="form_subtitle">Guest Details</h3>
<div class="form">
<div class="form_row">
<label>nr of guests:</label>