HTML CODE
<!DOCTYPE html>
<html>
<html>
<body>
<h2> How is it? </h2>
<div class="dcoder">
<h1> Login<br></h1>
<br><input type="text" placeholder="Email"id="txt"><br>
<br><input type="text" placeholder="Password" id="txt"><br><br>
<input type="submit"value="LogIn" id="btn"><br><br>
<a href="#" id="link"> Create an Account</a>
</div
<img src="">
</body>
</html>
<h2> How is it? </h2>
<div class="dcoder">
<h1> Login<br></h1>
<br><input type="text" placeholder="Email"id="txt"><br>
<br><input type="text" placeholder="Password" id="txt"><br><br>
<input type="submit"value="LogIn" id="btn"><br><br>
<a href="#" id="link"> Create an Account</a>
</div
<img src="">
</body>
</html>
*{
margin:0;
padding:0;
}
body{
background:white;
background-repeat:no-repeat;
background-size:cover;
height:100vh;
}
h1{
color:#6666bb;
text-align:center;
}
.dcoder{
color: black;
background-color:white;
padding:10px;
text-align:center;
margin-top:200px;
width:300px;
height:230px;
margin-left:40px;
border-left:5px solid #6666bb;
border-right: 5px solid #6666bb;
border-radius:0px 90px 0px 90px;
}
#btn{
background-color: #6666bb;
color: white;
padding:5px;
width:80px;
border:none;
border-radius:0px 20px 0px 20px;
}
#txt{
padding:5px;
border:none;
border-bottom:2px solid #6666bb;
border-left:2px solid blue;
}
#link{
text-decoration:none;
color:#6666bb;
padding:5px;
}
margin:0;
padding:0;
}
body{
background:white;
background-repeat:no-repeat;
background-size:cover;
height:100vh;
}
h1{
color:#6666bb;
text-align:center;
}
.dcoder{
color: black;
background-color:white;
padding:10px;
text-align:center;
margin-top:200px;
width:300px;
height:230px;
margin-left:40px;
border-left:5px solid #6666bb;
border-right: 5px solid #6666bb;
border-radius:0px 90px 0px 90px;
}
#btn{
background-color: #6666bb;
color: white;
padding:5px;
width:80px;
border:none;
border-radius:0px 20px 0px 20px;
}
#txt{
padding:5px;
border:none;
border-bottom:2px solid #6666bb;
border-left:2px solid blue;
}
#link{
text-decoration:none;
color:#6666bb;
padding:5px;
}
If you have any questions please ask me anything regarding web development in comment section. I will answer your questions as soon as possible. Thanks 😊
0 Comments