register

<!doctype html>
<!-- This is the Main code to copy and paste into the start of nearly every page, this contains the Title(which needs to be changed per page) but the navigation bars should be perfect. -->
<html>


<head>
<title>Blog|Cats In The Cradle|Project</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>

  <link rel="stylesheet" href="CSS.css" />

  <style>
     html,body{
       height:100%;

     }
  .newspaper {
    -webkit-columns: 100px 3; /* Chrome, Safari, Opera */
    -moz-columns: 100px 3; /* Firefox */
    columns: 100px 3;
}
 </style>
 <script>
                $(document).ready(function() {

                                $('#signup').validate({

                                                rules : {

                                                                username : {
                                                                                required : true,
                                                                                minlength : 3

                                                                },
                                                                email : {
                                                                                email: true,
                                                                                required : true
                                                                },
                                                                password : 'required',
                                                                firstname : 'required',
                                                                lastname : 'required',
																confirm email : 'required'


                                                }

                                });
                });
</script>


</head>

<body>


   <div style="height:160px; "> <!-- first div -->
   <h1>Cats In The Cradle</h1>
   <h2>Create the purrrfect blog</h2>
   <div style="position:relative; bottom:140px; left: 50px">
   <img src="black_cat1.gif" alt ="Cat" width=150px; height=150px/>
  </div>
  </div>
  <!-- first div finish -->


   <div style="height:10px;"> <!-- Navigation Bar -->

     <ul style="position: relative; bottom:10px">
  <li><a class="active" href="home.html">Home</a></li>
  <li><a href="health.html">Health</a></li>
  <li><a href="food.html">Food</a></li>
  <li><a href="lifestyle.html">Lifestyle</a></li>
  <li><a href="subscribe.html">Subscribe</a></li>
  <li><a href="contact.html">Contact</a></li>
  <li><input type="search" name="search" placeholder="Search"></li>
     </ul>
   </div>

                <a href="index.jsp">Home</a>
                <hr>
                <h1 style= "positive:relative; left:10px">Register here</h1>
                <form action="RegisterController" method="post" id="signup">
                                <table id="simple">
                                                <tr>
                                                                <td>Username:</td>
                                                                <td><input type="text" name="username" id="username" required
                                                                                maxlength="15" /></td>
                                                </tr>
                                                <tr>
                                                                <td>Password:</td>
                                                                <td><input type="password" name="password" size="23" required /></td>
                                                </tr>
                                                <tr>
                                                                <td>Email:</td>
                                                                <td><input type="text"
                                                                                name="email" size=30 required /></td>
                                                </tr>
                                                <tr>
																<td>Confirm Email:</td>
																<td><input type="text"
																				name="confirm email" size=30 required/></td>
												</tr>
												<tr>
                                                                <td>First Name:</td>
                                                                <td><input type="text"
                                                                                name="firstname" size="30" required/></td>
                                                </tr>
                                                <tr>
                                                                <td>Last Name:</td>
                                                                <td><input type="text"
                                                                                name="lastname" size="30" required /></td>
                                                </tr>
                                                <tr>
                                                                <td>Send Mail?:</td>
                                                                <td><input type="checkbox" name="cbSendMail" value="true"
                                                                                checked /></td>
                                                <tr>
                                                                <td><input type="submit" value="Submit Details"
                                                                                name="subbutton" /></td>
                                                </tr>
                                </table>
                </form>


   </body>
   </html>