NAV WITH REGISTER FORM (header,nav,body,footer)

on

FOR THIS TYPE OF CODES COPY & SAVE . ANY QUESTION CONTACT US ON -palashryc@gmail.com

"

<!DOCTYPE html>
<html>
<head>
<style type="text/css">


.header {

width: auto;
height: 100px;
background-color: #125285;
color: red;
margin-top: -1.5%;
}
#h1{
padding-left:10px;
}
#h2{
padding-left:10px;
}
.container{
width: auto;
height: 800px;
}
.nav {
width: 25%;
height: 600px;
background-color: #369258;
float: left;
}
.main {
width: 75%;
height: 600px;
background-color: #987456;
float: right;
}
.footer {

   width: auto;

  background-color: red;
   color: white;
   text-align: center;
   margin-bottom: 13%;
}


</style>

<title>Psmp blogs</title>
</head>

<body>

<div class="header">
    <h1 id="h1">psmpblogs</h1>
    <h2 id="h2">All About Codes</h2>
</div>
<div class="continer">
<div class="nav" align="center">
<a href="#"> Register</a><br><br>
<a href="#"> Login</a><br><br>
<a href="#"> About</a><br><br>
<a href="#"> Contact Us</a><br><br>



</div>
<div class="main" align="center">


 Name
 <br>
 <input type="text" name="First" placeholder="First" autofocus>
 <input type="text" name="Last" placeholder="Last" autofocus>
 <br>
 Choose your username
 <br>
 <input type="text" name="uname" placeholder="@gmail.com" autofocus>
 <br>
 Create a password
 <br>
 <input type="password" name="pass" autofocus>
 <br>
 Confirm your password
 <br>
 <input type="password" name="pass" autofocus>
 <br>
 Birthday
 <br>
 <input  type="text" maxlength="2" value="">


  <select  id="BirthMonth" name="BirthMonth" >
  <option value="">Month</option>
  <option  value="01" >
  January</option>
  <option  value="02" >
  February</option>
  <option  value="03" >
  March</option>
  <option  value="04" >
  April</option>
  <option  value="05" >
  May</option>
  <option  value="06" >
  June</option>
  <option  value="07" >
  July</option>
  <option  value="08" >
  August</option>
  <option  value="09" >
  September</option>
  <option  value="10" >
  October</option>
  <option  value="11" >
  November</option>
  <option  value="12" >
  December</option>
  </select>
 

  <input  type="text" maxlength="4" value="">

<br><br>

Gender
  <select  id="Gender" name="Gender" >
  <option value="">I am...</option>
  <option  value="FEMALE" >
  Female</option>
  <option  value="MALE" >
  Male</option>
  <option  value="OTHER" >
  Other</option>
  <option  value="DECLINE" >
  Rather not say</option>
  </select>

  <br><br>

  Mobile phone
  <br><br>
  <input  type="text" name="phno" maxlength="13" placeholder="+91" autofocus>
  <br><br>

  Your current email address
  <br><br>
  <input type="text" name="current email id" autofocus>
  <br><br>

  Location
  <br><br>
  <input type="text" name="location" placeholder="your Location" autofocus>
 <br><br>
 <button type="submit" form="nameform" value="Submit">Submit</button>



</div>
</div>

<div class="footer">
  <p>Footer</p>
</div>
</body>
</html>

"

Comments

Post a Comment