Big Talk Project

<!DOCtype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BigTalk</title>
<style type="text/css">
input{
background-color:red;
display:block;
margin-right:auto;
margin-left:auto;
}
h1{
background-color:white;
text-align:center;
padding:23px;
box-shadow:4px 5px 6px 7px green;
}
#login{
animation: fade 2s 1s yellow;
text-align:center;
color:white;
}
#signup{
color:white;
text-align:center;
}
body{
font-family:Josefin Sans,sans-serif;
background-color:black;
box-shadow: -6px 7px 85px #008751;
font-family:courier;
}
fieldset {
box-shadow: 2px 3px 4px white;
background-color: ;
width:%;
}
legend {
color:white;
box-shadow: 2px 3px 4px 6px white;
width:25%;
}
a{
text-decoration:none;
}
p{
color:white;
}
.green{
background-color:#008751;
width:20px;
height:20px;
}
table{
float:left;
}
#down{
    background-color:rgba(0, 0, 0, 0);
    color:white;
    border: none;
    outline:none;
    height:30px;
    transition:height 1s;
    -webkit-transition:height 1s;
}
#down:focus {
    height:50px;
    font-size:16px;
}
img{
display:block;
float:center;
margin-left:auto;
margin-right:auto;

}
select{
background-color:red;
display:block;
margin-left:auto;
margin-right:auto;
}


</style>
<script>
var r = confirm("Are you sure you want to Visit this page?");

if (r == true) {

    x = "Page visited!";

} else {

    x = "Page cancelled!";

}
</script>
</head>
<body onload="alert('you are welcome to Uncle BigBay Project...have fun')">
<div><h1>BIG TALK<table><tr><td class="green"></td> <td class="white"></td> <td class="green"></td> </tr></table></h1><br /><br />
<img src="./101.png" alt="logo" width="100" height="132"/>
<fieldset>
<legend>Logon to Big Talk</legend>
<div id="login"><form>
Username:
<input type="text" value="" name="username" size="50" required="required"><br /><br />
Password:
<input type="password" name="password" value="" size="50" required="required"><br /><br />
<a href=""><input type="button"  value="Login" onclick="alert('Thanks for login on')"></a>
<a href=""><input type="button" value="Reset Password" onclick="alert('NO DataBase yet...Check Back Later')"></a>
</form>
</fieldset>
<br /><br />
</div>
<form id="signup">
<fieldset>
<legend>SignUp</legend><br /><br />
Full Name:<input type="text" value="" size="50" maxlength="" required="required"><br /><br />
Username: <input type="text" name="username" value="" size="50" maxlength="10" required="required"><br /> <br />
Password:<input type="password" name="password" size="50" maxlength="50" required="required"><br /><br />
Telephone: <input type="tel" name="number" size="50" maxlength="15" option="option"><br /><br />
Birth Info:<input type="" name="number" value=" How Old are you?" maxlength="2" size="50"><br /><br />
Interested In:
<input type="checkbox" name="sport">Sport:
<input type="checkbox" name="music">Music:
<input type="checkbox" name="Men">Men:
<input type="checkbox" name="women">Women:
<input type="checkbox" name="Education">Education:<br /><br />
<p>Gender:
<select id="gender" name="gender">
<option selected="selected">Don't Wanna Say</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
Religion
<select id="religion" name="religion">
<option selected="selected">CHOOSE</option>
<option value="christian">Christian</option>
<option value="muslim">Muslim</option>
</select>

Country:
<select id="nation" name="nation">
<option selected="selected">Nigeria</option>
<option value="Others">Others</option>
</select>
</p>
<a href="#"><input type="button" value="Join"></a>
</fieldset>
</form>
<footer id="down"> <p><strong>Powered</strong> by Walk-In Tech</p><p>Created by: <a href="www.facebook.com/unclebay">Uncle BigBay</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Contact information: <a href="mailto:walkin2@gmail.com"> E-mail Us</a>.</p> </footer>
</div>
</body>
</html>