ওয়াইফাই স্পীড টেস্ট করুণ
নোটিশ
নোটিশ 2020
নোটিশ ২০২১
বই ডাউনলোড
ওয়াইফাই স্পীড টেস্ট করুণ
নোটিশ
নোটিশ 2020
নোটিশ ২০২১
বই ডাউনলোড
লগিন ফর্ম এইচটিএমএল অ্যান্ড সিএসএস ( ৩ )
GET all FREE
February 10, 2021
এইচটিএমএল কোড
<!DOCKTYPE html> <html> <head> <title>registration form</title> <link rel="stylesheet" href="../css/my goal.css"/> </head> <body> <div id="wrapper"> <div id="main_wrap"> <img src="../image/teamwork.png"/> </div> <div id="wrap"> <h2>log in member</h2> <form id="form"> <input type="email" name="emial" placeholder="your email address"/> <input type="password" name="password" placeholder="your current password" minlength="8" maxlength="30"/> <button href="#">log in</button><br/> <div id="main"> <p class="pass">forget</p><p id="pass">username</P>/<p id="pass">password</p> </div> <div id="creat"> <p ><a href="#">creat an account</a> <a href="#"><img id="done" src="../image/done.gif"/></a></p> </div> </form> </div> </div> </body> </html>
সিএসএস কোড
*{margin:0;padding:0;} body{ background: rgb(232,57,78); background: linear-gradient(90deg, rgba(232,57,78,1) 12%, rgba(193,93,68,1) 83%); background: linear-gradient(90deg, rgba(232,57,78,1) 12%, rgba(193,93,68,1) 83%); } #wrapper{ width:960px; height:500px; background:#fff; margin:13% auto; border-radius:20px; box-shadow: 2px 2px 31px 12px #742815; } #main_wrap{ float: left; /* background: #ddd; */ /* border-radius: 30px; */ margin-top: 115px; margin-left: 40px; width: 200px; } #main_wrap img{ width: 280px; } #wrap{ float: left; margin-left: 131px; padding: 94px; margin-top: 46px; width: 400px; } #wrap h2{ text-align:center; } #form input{ padding: 10px; width: 337px; margin-top: 27px; border: 1px solid green; border-radius: 29px; margin-left: 33px; background: #ddd; font-family: cursive; } #form button{ /* margin: 4px; */ padding: 6px 49px; margin-left: 138px; margin-top: 21px; background: #36d036; color: white; font-size: 20px; font-family: inherit; border: 1px solid #ddd; border-radius: 10px; } #form button:focus{ background:#dd3b33; } #form p{ display:inline; } .pass{ margin-right:10px; } #main{ text-align:center; margin-top:10px; } #pass{ color:green; font-weight:bold; } #creat{ color:green; text-align:center; margin-top:10px; font-weight:bold; } #creat a{ text-decoration:none; color:green; } #done{ width:20px; }
যে ছবিগুলো দরকার হবে
0 Comments
Newer
Older
0 Comments