Tuesday 16 August 2016

front page using with html and css

body{
margin:0px 0px 0px 0px;
}
.v
 {       
                background-color:#F09;
height:100%;
width:99.6%;
border:#903 thin solid;
 }
.govt{
float:right;
background-color:red;
width:70%;
height:auto;
text-align:center
}
.logo {
border:#333 thin solid;
height:150px;
width:99.5%;
}
.menu{
float:right;
width:100%;
height:auto;
border:#999 thin solid;
background-color:#06F;
}
.menu ul{
list-style:none;
}
.menu ul li{
display:inline-block;
padding:5px;
border:#06F thin solid;

}
.menu ul li a{
text-decoration:none;
color:#000;
margin:37px;
}

 </style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div class="v">

<div class="header">
<div class="logo">
<img src="elqtqimxpzaiyrchjutb.jpg" width="100%" height="150px"/>
</div>
<div class="govt">
<p>  GOVT.  JOB   INFORMATION   PORTAL </p>
</div>

<div class="menu">
 <ul>
 <li style="background-color:red"><a href="search page.php">HOME</a></li>
 <li style="background-color:red"><a href="about.php">ABOUT US</a></li>
 <li style="background-color:orange"><a href="">CONTACT US</a></li>
 <li style="background-color:green"><a href="">SUBSCRIBE</a></li>
 <li style="background-color:red"><a href="online.php">ONLINE REGISTER</a></li>
 <li style="background-color:yellow"><a href="">VYAPAM</a></li>
 <li style="background-color:red" ><a href="">MPONLINE</a></li>
 </ul>
</div>


<div align="center">
   <P><b><h1 style="color:#FF0">USER DETAILS!!!!!!!!</h1></b></P>
   </div>
   <div style="background-color:#FF0">
   <marquee><b><i>@@@@USER REGISTRATION PAGE @@@!!!!</i></b></marquee>
   </div>
  <pre><form action="user log.php" method="get">
        <tr><td>User Full Name::</td><td><input type="text" name="a1"/></td></tr>
         <tr><td>Father's Name::</td><td><input type="text" name="n1" /></td></tr>
         <tr><td>Mother's Name::</td><td><input type="text" name="n1" /></td></tr>
                
                <tr><td>Gender::</td><td><input type="radio" name="gen" value="M" />M<input type="radio" name="gen" value="F" />F</td></tr>       
            
             <tr><td>Mobile no::</td><td><input type="mobile number" name="m1" /></td></tr>
     <tr><td>Permanent address::</td><td><input type="text" name="add1" /></td></tr>    
       <tr><td>Current address::</td><td><input type="text" name="add2" /></td></tr>
              <tr><td>Pin code::</td><td><input type="only number" name="pin" /></td></tr>
          
             
              <tr><td colspan="9" ><input type="Submit" name="s2" value="submit" /></td></tr> 
              </form>
              </pre>
           </div>
           </div>
          
</body>
</html>

No comments:

Post a Comment