All Tech

ساعت دیجیتال - Digital Clock با استفاده از
JavaScript & HTML , CSS
Source code⬇
https://code.sololearn.com/WXqpXit1W3A4/?ref=app

@all_qasim_tech

953 views03:56

All Tech

When you know just html & css 😂😂

@all_qasim_tech

903 views15:41

All Tech

Form source code⬆

<!DOCTYPE html>
<html>
<head>
<title>Login</title>

<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
text-decoration:none ;
outline:none ;
}
body {
background:#fff;
text-align:center ;
}
.form{
width:300px;
height:350px;
padding:20px 10px;
margin:5% auto ;
background:#fff;
box-shadow:3px 3px 5px #adadad,-3px -3px 5px #eee;
overflow:hidden;
border-radius:20px 0 20px 0;
}
.form h1{
padding:15px 0;
text-shadow:2px 2px 3px #ddd;
}
.form input{
padding:12px 15px;
width:88%;
margin:10px 6%;
border:none ;
border:2px solid #adadad;
border-radius:12px 0 12px 0;
}
.form input:focus{
border:2px solid #336677;
transition:1s;
}
.form button{
border:none ;
height:40px;
width:88%;
margin:10px 6%;
background:#336677;
color:#fff;
font-weight:bold ;
border-radius:12px 0 12px 0;
}
.form button:hover{
background:#39f;
transition:0.8s;
}
</style>
</head>
<body>
<form class="form">
<h1>Login Here</h1>
<input type="email" placeholder="Email Address">
<input type="password" placeholder="Password">
<button type="submit">LOGIN</button>
<br>
<br>
<a href="#">Forgot Password?</a>
</form>
</body>
</html>

1.01K views16:38

All Tech

Form with html & css
Source code⬇

1.01K views16:39

All Tech

طراحی خلاقانه فورم لاگن با HTML & CSS
Source code💻⬇

@qasim_tech

1.02K viewsedited 16:00

All Tech

FORM_NEW.zip

661.6 KB

Source code⬆

1.09K views01:02