Assignment2
<!DOCTYPE html>
<html>
<head>
<title>Registration</title>
<style type="text/css">
.container{
width: 400px;
height: 400px;
border: 1px solid;
margin: auto;
}
header{
text-align: center;
background-color: #226396;
color: #FFFFFF;
font-size: 23px;
font-weight: bold;
padding: 4px;
font-family: system-ui;
}
.row1{
display: inline-block;width: 100%;
}
.row{
padding: 8px;
}
.r1coliv{
width: 45%;
float: left;
padding: 10px;
}
.lbl1{
}
.txtbox1{
width: 100%;
padding: 6px;
box-sizing: border-box;
border: 2px solid #d3d3d3;
border-radius: 5px;
}
.selcc{
width: 100%;
box-sizing: border-box;
padding: 6px;
border-radius: 5px;
}
.btn{
width: 100%;
background-color: #226396;
padding: 8px;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #094c9c;
border-radius: 10px;
}
.lastrow{
padding: 8px;
}
</style>
</head>
<body>
<fieldset>
<legend>Registration</legend>
<div class="container">
<header>
<label>Registration</label>
</header>
<!-- start row 1 -->
<div class="row1">
<div class="r1coliv">
<label class="lbl1">First Name</label>
<input type="textbox" class="txtbox1">
</div>
<div class="r1coliv">
<label class="lbl1">Last Name</label>
<input type="textbox" class="txtbox1">
</div>
</div>
<!-- end row 1 -->
<div class="row">
<label>Email Address</label>
<input type="textbox" class="txtbox1">
</div>
<div class="row">
<label> Phone</label>
<input type="textbox" class="txtbox1">
</div>
<div class="row1">
<div class="r1coliv">
<label class="lbl1">City</label>
<select class="selcc">
<option>City</option>
<option>Pune</option>
<option>Nanded</option>
</select>
</div>
<div class="r1coliv">
<label class="lbl1">Country</label>
<select class="selcc">
<option>Country</option>
<option>India</option>
<option>USA</option>
</select>
</div>
</div>
<div class="lastrow">
<input type="button" value="Get Started" class="btn">
</div>
</div>
</fieldset>
</body>
</html>