লগিন ফর্ম এইচটিএমএল অ্যান্ড সিএসএস ( ৩ )

এইচটিএমএল কোড

সিএসএস কোড

*{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

Contact Info

Contact List

Contact Form

লগিন ফর্ম এইচটিএমএল অ্যান্ড সিএসএস ( ৩ )

এইচটিএমএল কোড

সিএসএস কোড

যে ছবিগুলো দরকার হবে

You may like these posts

0 Comments

Contact Info

Contact List

Contact Form