HomeAssignments Web Design - Technical Design - HTML and CSS Task 2 byIDEAL-TECH May 05, 2021 0 Comments HTML CSS TASK 2 CODE <!DOCTYPE html> <html> <head> <title> Lecture_13_Assignment_(LOGIN FORM)_By_Faisal-Javaid_Using HTML & CSS </title> <link rel="stylesheet" type="text/css" href="lec13signupform.css"> </head> </body> <br><br><br> <h2>LOGIN FORM</h2> <div id="div1" class="shadow"> <img src="https://i.ibb.co/k2vsWz2/elogo.png"> <form> <div id="formdiv"> <p> Please fill in the fields<p> <input type="text" value="Email Address:"> <br> <input type="text" value="Password Here:"> <br> <input type="submit" value="SUBMIT"><br> </div> </form> </div> </body> </html> CSS TASK 2 CODE body {background-color: #90ee8d; width: 669px; height: 487px;} h2{font-family: arial ; color:#008101; text-align: center; font-size: 28px;margin-bottom: -300px; margin-left: 270px;text-decoration-line: underline; } #div1{width: 50%; height: 50%; background-color: #3e704d; margin: 325px;border-radius: 0px 100px; box-shadow: 10px 10px #7d8182; } #formdiv{background-color:#99aa76; margin-top: -65px; margin-left:272px; width: 256px; height: 145px; border-radius: 100px 0px;} form{padding: 2px; margin-left: -190px} p{font-family: arial ; color:red; text-align: center; font-family: cursive;line-height:22px; font-size: 14px; text-decoration-line: underline; margin-left: 25px;} img{border-radius: 0px 50px; width: 150px; height:130px; margin-left: -7px; margin-top: 10px;} input { width: 60%; border-radius: 0px 15px; margin-left: -25px; box-shadow: 3px 3px #c1ff01; line-height: 16px; color: green; } input[type="submit"] { width: 35%; color: #fa0b28; text-decoration-line: underline; border-radius: 15px 0px; margin-left: 70px; margin-top: 15px; box-shadow: 3px 3px #dd2316; background-color: pink; } Tags Assignments CSS Html Tasks Share
Post a Comment