ওয়াইফাই স্পীড টেস্ট করুণ
নোটিশ
_নোটিশ 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"> <img src="../image/scr.png"/> <p>Facebook helps you connect and share with the people in your life.</p> </div> <div id="page"> <form id="form"> <input type="email"name="email" placeholder="write you email"></input><br/> <input type="password" name="passoerd" placeholder="your current passwrod"></input> <button id="login"><p id="loginp">Log in</p></button> <p id="p"> forgetten password?</p> <a href="#"><button id="creat">creat an account</button></a> </form> </div> </div> </body> </html>
সিএসএস কোড
*{margin:0;padding:0;} body{ background: #F0F2F5; } #wrapper{ width:100%; height:100% } #main{ width:50%; height:100%; float:left; } #main img{ margin-top:200px; margin-left: 170px; } #main p{ font-size:30px; margin-left:176px; } #page{ width: 414px; height: 360px; float: left; background: white; margin-top: 150px; margin-left: 88px; border-radius: 20px; } #page input{ padding: 10px; margin-top: 35px; margin-left: 38px; width: 333px; border-radius: 9px; height: 41px; margin-bottom: -15px; border: 1px solid #a39a9a; } #login{ margin-top: 42px; padding: 10px 141px; margin-left: 46px; border-radius: 10px; background: #1877f2; border: none; } #loginp{ color:white; font-size:20px; } #p{ margin-top: 20px; text-align:center; color: #1D7AF2; padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #ddd; } #creat{ padding: 10px 50px; background: #3ccc0d; color: white; margin: 0 auto; margin-left: 93px; margin-top: 19px; border: none; border-radius: 13px; font-size: 20px; }
যে ছবি গুলো দরকার হবে
0 Comments
Newer
Older
0 Comments