Skip to content

Commit 117e3a7

Browse files
author
Wilondja243
committed
Singin form
1 parent d30181f commit 117e3a7

File tree

5 files changed

+157
-74
lines changed

5 files changed

+157
-74
lines changed

‎.gitmodules‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
[submodule "rtc-tests"]
2+
path = rtc-tests
3+
url = ./rtc-tests

‎rtc-tests‎

Submodule rtc-tests added at e3ba947

‎rtc-tests/simple_real_time.html‎

Lines changed: 0 additions & 74 deletions
This file was deleted.

‎sing-form/main.css‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
*{
2+
margin: 0;
3+
padding: 0;
4+
outline: none;
5+
box-sizing: border-box;
6+
}
7+
8+
body{
9+
background: #161126;
10+
}
11+
12+
a{
13+
color: #b80044;
14+
text-decoration: none;
15+
}
16+
17+
18+
form h1{
19+
margin: 20px 0;
20+
}
21+
22+
form{
23+
background: #2c234452;
24+
width: 28%;
25+
padding: 20px;
26+
margin:40px auto 0 auto;
27+
color: #ffffff;
28+
}
29+
form:hover{
30+
box-shadow: 0 0 30px #b80044de;
31+
cursor:default;
32+
}
33+
34+
form .form-inputs,
35+
form .form-inputs input{
36+
width: 100%;
37+
}
38+
form .type-text {
39+
display: flex;
40+
gap: 15px;
41+
}
42+
43+
form input{
44+
padding: 13px 8px;
45+
margin-top: 20px;
46+
background: #2c234452;
47+
color: #eeeeeec6;
48+
border: 1px solid #b80044a2;
49+
border-radius: 35px;
50+
}
51+
form input::placeholder{
52+
color: #eeeeeec6;
53+
}
54+
55+
form .checked{
56+
display: flex;
57+
margin-top: 25px;
58+
}
59+
.checked input[type="checkbox"]{
60+
margin: 0;
61+
padding:0;
62+
width: 15px;
63+
height: 15px;
64+
border: 1px solid #eeeeeec6;
65+
border-radius: 5px;
66+
appearance: none;
67+
cursor: pointer;
68+
}
69+
.checked input[type="checkbox"]:checked{
70+
background: #d90145;
71+
}
72+
.checked input[type="checkbox"]:checked::after{
73+
content: "ok";
74+
color: #ffffff;
75+
font-size: 10px;
76+
text-align: center;
77+
}
78+
79+
form .checked .terms{
80+
margin-left: 8px;
81+
}
82+
83+
84+
form button{
85+
width: 100%;
86+
padding: 10px 5px;
87+
margin-top: 30px;
88+
font-weight: bold;
89+
font-size: 20px;
90+
color: #ffffff;
91+
background: #b80044ce;
92+
border-radius: 35px;
93+
border: none;
94+
cursor:pointer;
95+
}
96+
form button:hover{
97+
background: #d90145;
98+
}
99+
100+
form .account{
101+
text-align: center;
102+
margin-top: 70px;
103+
font-size: 18px;
104+
}

‎sing-form/main.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="main.css">
7+
<title>Document</title>
8+
</head>
9+
<body>
10+
<form>
11+
<h1>Sing Up</h1>
12+
13+
<div class="form-inputs">
14+
<div class="type-text">
15+
<input type="text" placeholder="FistName">
16+
<input type="text" placeholder="LastName">
17+
</div>
18+
<div>
19+
<input type="email" placeholder="Email">
20+
</div>
21+
<div>
22+
<input type="password" placeholder="Password">
23+
</div>
24+
<div>
25+
<input type="password" placeholder="Confirm Password">
26+
</div>
27+
</div>
28+
<div class="checked">
29+
<div>
30+
<input type="checkbox">
31+
</div>
32+
<div class="terms">
33+
I Agree with
34+
<a href="#" style="font-weight: bold;">privacey</a>
35+
and
36+
<a href="#" style="font-weight: bold;">policy</a>
37+
</div>
38+
</div>
39+
<button>Sing up</button>
40+
41+
<div class="account">
42+
<small>
43+
Already have an account?
44+
<a href="#" style="font-weight: bold;">Sing in</a>
45+
</small>
46+
</div>
47+
</form>
48+
</body>
49+
</html>

0 commit comments

Comments
 (0)