Skip to content

Commit af45ed6

Browse files
MDJAminMDJAmin
committed
feat: CC & Favicon
1 parent 9ce1947 commit af45ed6

File tree

3 files changed

+99
-58
lines changed

3 files changed

+99
-58
lines changed

‎css/style.css‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
color: #1a1f36;
55
box-sizing: border-box;
66
word-wrap: break-word;
7-
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
8-
Helvetica Neue, Ubuntu, sans-serif;
7+
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu,
8+
sans-serif;
99
}
1010

1111
body {
@@ -100,8 +100,7 @@ h1 {
100100
max-width: 448px;
101101
background: white;
102102
border-radius: 4px;
103-
box-shadow: rgba(60, 66, 87, 0.12) 0px 7px 14px 0px,
104-
rgba(0, 0, 0, 0.12) 0px 3px 6px 0px;
103+
box-shadow: rgba(60, 66, 87, 0.12) 0px 7px 14px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px;
105104
}
106105
span {
107106
display: block;

‎favicon.png‎

50.8 KB
Loading

‎index.html‎

Lines changed: 96 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,105 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link rel="stylesheet" href="css/style.css">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width, initial-scale=1.0"
8+
/>
9+
<link
10+
rel="stylesheet"
11+
href="css/style.css"
12+
/>
13+
<link
14+
rel="shortcut icon"
15+
href="favicon.png"
16+
type="image/x-icon"
17+
/>
818
<title>Login Form</title>
9-
</head>
19+
</head>
1020

11-
<body>
21+
<body>
1222
<div class="login-root">
13-
<div class="box-root flex-flex flex-direction--column" style="min-height: 100vh;flex-grow: 1;">
14-
<div class="box-root padding-top--24 flex-flex flex-direction--column" style="flex-grow: 1; z-index: 9;">
15-
<div class="box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center">
16-
<h1>Login Form</h1>
17-
</div>
18-
<div class="formbg-outer">
19-
<div class="formbg">
20-
<div class="formbg-inner padding-horizontal--48">
21-
<span class="padding-bottom--15">Sign in to your account</span>
22-
<form id="stripe-login">
23-
<div class="field padding-bottom--24">
24-
<label for="email">Email</label>
25-
<input type="email" name="email">
26-
</div>
27-
<div class="field padding-bottom--24">
28-
<div class="grid--50-50">
29-
<label for="password">Password</label>
30-
<div class="reset-pass">
31-
<a href="#">Forgot your password?</a>
32-
</div>
33-
</div>
34-
<input type="password" name="password">
35-
</div>
36-
<div class="field field-checkbox padding-bottom--24 flex-flex align-center">
37-
<label for="checkbox">
38-
<input type="checkbox" name="checkbox"> Stay signed in for a week
39-
</label>
40-
</div>
41-
<div class="field padding-bottom--24">
42-
<input type="submit" name="submit" value="Continue">
43-
</div>
44-
<div class="field">
45-
<a class="ssolink" href="#">Use single sign-on (Google) instead</a>
46-
</div>
47-
</form>
48-
</div>
49-
</div>
50-
<div class="footer-link padding-top--24">
51-
<span>Don't have an account? <a href="">Sign up</a></span>
52-
<div class="listing padding-top--24 padding-bottom--24 flex-flex center-center">
53-
<span><a href="#">Contact</a></span>
54-
<span><a href="#">Privacy & terms</a></span>
55-
</div>
23+
<div
24+
class="box-root flex-flex flex-direction--column"
25+
style="min-height: 100vh; flex-grow: 1"
26+
>
27+
<div
28+
class="box-root padding-top--24 flex-flex flex-direction--column"
29+
style="flex-grow: 1; z-index: 9"
30+
>
31+
<div
32+
class="box-root padding-top--48 padding-bottom--24 flex-flex flex-justifyContent--center"
33+
>
34+
<h1>Login Form</h1>
35+
</div>
36+
<div class="formbg-outer">
37+
<div class="formbg">
38+
<div class="formbg-inner padding-horizontal--48">
39+
<span class="padding-bottom--15">Sign in to your account</span>
40+
<form id="stripe-login">
41+
<div class="field padding-bottom--24">
42+
<label for="email">Email</label>
43+
<input
44+
type="email"
45+
name="email"
46+
/>
47+
</div>
48+
<div class="field padding-bottom--24">
49+
<div class="grid--50-50">
50+
<label for="password">Password</label>
51+
<div class="reset-pass">
52+
<a href="#">Forgot your password?</a>
53+
</div>
5654
</div>
57-
</div>
55+
<input
56+
type="password"
57+
name="password"
58+
/>
59+
</div>
60+
<div class="field field-checkbox padding-bottom--24 flex-flex align-center">
61+
<label for="checkbox">
62+
<input
63+
type="checkbox"
64+
name="checkbox"
65+
/>
66+
Stay signed in for a week
67+
</label>
68+
</div>
69+
<div class="field padding-bottom--24">
70+
<input
71+
type="submit"
72+
name="submit"
73+
value="Continue"
74+
/>
75+
</div>
76+
<div class="field">
77+
<a
78+
class="ssolink"
79+
href="#"
80+
>Use single sign-on (Google) instead</a
81+
>
82+
</div>
83+
</form>
84+
</div>
5885
</div>
86+
<div class="footer-link padding-top--24">
87+
<span>Don't have an account? <a href="">Sign up</a></span>
88+
<div class="listing padding-top--24 padding-bottom--24 flex-flex center-center">
89+
<span><a href="#">Contact</a></span>
90+
<span
91+
><a
92+
target="_blank"
93+
href="https://github.com/MDJAmin"
94+
>MDJAmin</a
95+
></span
96+
>
97+
<span><a href="#">Privacy & terms</a></span>
98+
</div>
99+
</div>
100+
</div>
59101
</div>
102+
</div>
60103
</div>
61-
</body>
62-
63-
</html>
104+
</body>
105+
</html>

0 commit comments

Comments
 (0)