<!-- start page -->
<div id="page">
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li id="search">
				<form  method="post" action="<?=base_url();?><?=index_page();?>/welcome/login/">
					<div>
					  <p>
			            <strong>
			         
				      <font size="+2">Email/Username:</font></strong>
					  
					
					    <input type="text" name="email" id="s" size="15"/>
					    <strong>
					      
				        <font size="+2">Password:  </font></strong>  
					    <input type="password" name="password" id="s" size="15" />
					    <br />
				      </p>
					  <p>
					    <input type="submit" value="Login" />
				      </p>
					  <p><a href="">forget password? </a>
					  </p>
					</div>
			  </form>
		  </li>
		</ul>
	</div>
	<!-- end sidebar -->
	<!-- start content -->
	<div id="content">
		<div class="post">
			<div class="title">
				<h2><a href="#">Welcome to GroupLingo ! </a></h2>
				<p>&nbsp;</p>
			</div>
			<div class="entry">
			<form method="post" action="<?=base_url();?><?=index_page();?>/welcome/signup/" />
			  <table width="45%" border="0" align="right">
			             <tr>
                  <td>&nbsp;</td>
                  <td><h2>Sign Up</h2></td>
                </tr> 
				   <tr>
                  <td>&nbsp;</td>
                  <td>It's free and anyone can join</td>
                </tr>
                <tr>
                  <td width="50%"><strong><font size="+2">Username:</font></strong></td>
                  <td width="50%"><input name="username" type="text" id="username" value="" maxlength="15" /> </td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><span id="msgbox_user" style="display:none"></span> </td>
                </tr>
                <tr>
                  <td><strong><font size="+2">Email:</font></strong></td>
                  <td><input type="text" name="email" id="email"/></td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><span id="msgbox_email" style="display:none"></span> </td>
                </tr>
                <tr>
                  <td><strong><font size="+2">New Password:</font></strong></td>
                  <td><input type="password" name="password" id="email22"/></td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td><input name="submit" type="submit" value="Signup" />
                  <input name="submit" type="reset" id="submit" value="Reset" /></td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
              </table>
			  </form>
			  <p>&nbsp;</p>
		      <p>&nbsp;</p>
		      <p>&nbsp;</p>
		      <p>&nbsp;</p>
		  </div>
			<p class="links">&nbsp;</p>
		</div>
  </div>
	<!-- end content -->
	<br style="clear: both;" />
</div>
<!-- end page -->