OnePage bootstrap website template we are team of talanted designers
html code
<!DOCTYPE html>
<link rel="stylesheet"href="mukesh.css">
<style>
.icon{
margin-left:70px;
}
.title{
background-color:red;
font-size: 30px;
padding:5px 5px 5px 50px;
margin:10px;
}
#onepage{
color:#fff;
text-decoration: underline;
font-weight: 600;
}
#onepage:hover{
background-color:#989aff;
color:#fff;
}
#btn{
margin-left:50px;
color:#fff;
text-decoration: underline;
font-weight: 600;
color:#2a2c81;
}
#btn:hover{
background-color:#989aff;
}
#text,#text1{
color:#2d3679;
display:flex;
justify-content:center;
align-items: center;
font-size:50px;
margin-top:20px;
}
#text2{
display:flex;
justify-content: center;
align-items: center;
}
#Started{
background-color: rgb(110, 113, 255);
margin-left:550px;
color:#fff;
border-radius:3px;
margin-top:10px;
outline: none;
border: none;
padding:6px 10px 6px 10px;
}
#Started:hover{
background-color:blue;
}
#card{
background-color:darkmagenta;
margin-left:100px;
}
.select{
border:none;
outline:none;
background-color:red;
font-size: 25px;
font-weight: 600;
color:#2a2c81;
text-decoration: underline;
}
/*login form*/
#loginhere{
background-color:red;
color:#fff;
font-weight: 700;
font-size: 30px;
margin:1px 205px 1px 270px;
}
.loginhere1{
margin:0px 100px 0px 100px;
}
input{
outline:none;
background-color: rgb(167, 195, 219);
margin-left:10px;
border:none;
}
#star{
color:red;
}
#name{
font-size: large;
font-weight: 600;
font-family: sans-serif;
}
#login{
margin:5px 0px 12px 30px;
}
#login2{
margin:5px 0px 12px 90px;
}
#login6{
margin:12px 0px 12px 50px;
}
#gender{
margin-left:19px;
margin-right:12px;
}
#submit{
margin-top:12px;
}
</style>
<body>
<fieldset>
<div class="title">
<label id="onepage">OnePage</label>
<label class="icon">
<label id="btn"><a href="#">Home</a></label>
<label id="btn"><a href="#">About</a></label>
<label id="btn"><a href="#">
<select class="select">
<option value="#">Services</option>
<option value="#">Money</option>
<option value="#">Loan</option>
<option value="#">Withdrow</option>
<option value="#">Histrry</option>
<option value="#">Contact Us</option>
</select></a></label>
<label id="btn"><a href="#">Dele Cardo</a></label>
<label id="btn"><a href="#">Divera Don</a></label>
</label></label>
</div>
<label id="text">Onepage BootStrap</label>
<label id="text1"> Website Template</label><br>
<label id="text2">We are team of talanted designers</label>
<button id="Started">Get Started</button>
</fieldset>
<!------------------------------------------------------------------------------------------------------------>
<fieldset>
<!----------only fill name----------------------------------------------------------------------->
<div align="center">
<fieldset id="loginhere">Registration...</fieldset>
<fieldset class="loginhere1">
<form action="/">
<button id="login"><label id="name">User Id:</label><label id="star">*</label>
<input type="txt"placeholder="Enter Valid ID!"required></button>
<button id="login1"><label id="name">First Name:</label><label id="star">*</label>
<input type="txt"placeholder="Enter First Name!"required></button><br>
<button id="login2"><label id="name">Last Name:</label><label id="star">*</label>
<input id="lastname"type="txt"placeholder="Enter Last Name!"required></button>
<button id="login3"><label id="name">Father's Name:</label><label id="star">*</label>
<input type="txt"placeholder="Enter Father's Name!"required></button><br>
<button id="login4"><label id="name">Mother's:</label><label id="star">*</label>
<input type="txt"placeholder="Enter Mother's Name!"required></button>
<button id="login5"><label id="name">Email:</label><label id="star">*</label>
<input type="email"placeholder="Enter Valid Email!"required></button><br>
<button id="login6"><label id="name">Password:</label><label id="star">*</label>
<input type="password"placeholder="Enter Valid Password"required></button>
<button id="login7"><label id="name">Phone No:</label><label id="star">*</label>
<input type="number"placeholder="9598****48"required></button><br>
<!--------------------------END-------------------------------------------------------------------------------------->
<button><label id="name">language:</label>
<select>
<option>HINDI</option>
<option>ENGLISH</option>
<option>GUJRATI</option>
<option>MARATHI</option>
</select></button>
<button id="gender">Male<input type="checkbox"name="gender"value="checkbox"></button>
<button id="gender">Female<input type="checkbox"name="gender"value="checkbox"></button>
<button id="city">City:<select>
<option>Mirzapur</option>
<option>Varansi</option>
<option>Ghazipur</option>
<option>Mau</option>
<option>Nandganz</option>
</select></button>
<br>
<p id="demo"><input type="checkbox">Please read the terms and condition and submit the form</p>
<button id="submit"type="button"onClick="document.getElementById('demo').innerHTML='successfully Sumited Form'">
Submit</button>
</fieldset>
</fieldset></div></form>
</body>
</html>
Download code html and css Click Here