<< >>
Skip Navigation Links.
Charity.html
Christmas.css
Gifts.html
Index.html
Map.html
Rsvp.html
Thankyou.asp
Templates/index.dwt
rsvp.html 
<!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">

<!-- #BeginTemplate "templates/index.dwt" -->

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>RSVP for Christmas Party</title>
<!-- #EndEditable -->
<meta name="author" content="Cheryl D Wise, http://by-expression.com" />
<link href="christmas.css" rel="stylesheet" type="text/css" />
<!-- #BeginEditable "headsection" -->
<!-- page level styles or scripts go here -->
<style type="text/css">
/* since this is the only page using forms I put the form
and label styles in the head section. You could move them 
to the external stylesheet if you prefer. */
fieldset {
 margin-left: 1em;
}

label {
   width: 6em;
   float: left;
   text-align: right;
   padding-right: .5em;
}
.buttons {
   margin: .5em 8em;
   font-weight: bold;
}
.buttons input {
   background-color: #993300;
   color: #f9dfd8;
   font-size: .75em;
   font-weight: bold;
   background-image: url('images/christmas-btn.jpg');
   height: 30px;
}
form {
   margin: 1em auto;
   border: thin solid #C21A38;
   width: 24em;
   padding-top: 1em;
}
/* Since I do not want this background image to show up on 
every web page I added the background for the content in this head section, you can delete the style to remove the cookie background or edit the content to change the image. */
#content {
   background: url('images/cookies.jpg') no-repeat top right;
}
</style>
<!-- #EndEditable -->
</head>

<body>
<div id="container">

<img alt="Merry Christmas" height="125" src="images/christmas-masthead.jpg" 
width="750" />
<div id="menu"> <a href="index.html">home</a> <a href="map.html">map</a> 
   <a href="gifts.html">gift</a><a href="charity.html">
   charity</a>
   <a href="rsvp.html">rsvp</a></div>
<div id="content"> 
   <!-- #BeginEditable "content" -->
	  <h1>RSVP</h1>
	  <p class="tagline">For Our Annual Party</p>
	  <form action="thankyou.asp" method="post" name="rsvpform">
		 <p><label id="lblattend" attend="" for="attend">I will <input 
		 checked="checked" name="attend" type="radio" value="will" /></label>
		 <label>I will not <input name="attend" type="radio" value="willnot" /></label> be attending.</p>
		 <label id="lblvname" for="vname">Name:</label> 
		 <input id="vname" name="vname" type="text" size="35" /> <br />
		 <label id="lblemail" for="email">Email:</label>
		 <input id="email" name="email" type="text" size="35" /><br />
		 <label id="lblparty" for="party">No in Party:</label> 
		  <input name="party" type="text" size="4" />
		  <br />
		  <label id="lblbringing" for="bringing">Bringing:</label><select id="bringing" name="bringing">
		  <option>an appetizer</option>
		  <option>an entree</option>
		  <option>a side dish</option>
		  <option>a dessert</option>
		  </select> 
		  <div class="buttons">
			<input name="submit" type="submit" value="RSVP" /> <input type="reset" value="Reset" />
	  </div>
	  </form> 

   <!-- #EndEditable -->
   
   </div>
<div id="footer"> 
   <p>© 2007 <a href="http://by-expression.com/">by-eypression.com</a> 
</p>
</div>
</div>
</body>

<!-- #EndTemplate -->

</html>