-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
68 lines (43 loc) · 4.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href = "style.css" type="text/css" rel="stylesheet">
<title>Login Form</title>
</head>
<body>
<div class="loginbox">
<div class="logo">
<img src="logo.svg">
</div>
<div class="title">
Google Cloud Platform
</div>
<form class="form">
<div class="username">
<input type="text" class="input" name="username" placeholder="username">
<svg class="usericon" viewBox="0 0 480.063 480.063" >
<path d="m402.032 424.806v47.257c0 4.418-3.582 8-8 8s-8-3.582-8-8v-47.257c0-36.795-29.775-66.572-66.573-66.571-17.411 0-33.208-8.87-42.259-23.728-2.298-3.773-1.103-8.696 2.671-10.994 3.773-2.299 8.695-1.103 10.994 2.671 6.122 10.051 16.811 16.051 28.594 16.051 45.637-.002 82.573 36.93 82.573 82.571zm-139.606-80.193c.941 4.317-1.796 8.579-6.113 9.52-21.054 4.587-42.467-.005-59.516-11.642-16.878 18.087-39.176 15.744-36.191 15.744-36.795-.001-66.573 29.773-66.573 66.571v47.257c0 4.418-3.582 8-8 8s-8-3.582-8-8v-47.257c0-45.636 36.929-82.571 82.571-82.571 18.462 0 33.429-14.875 33.429-33.342v-2.107c-34.919-16.697-59.429-51.784-60.923-92.643-14.37-3.455-25.077-16.317-25.077-31.62v-41.473c-.437-20.3 2.577-71.143 39.648-106.877 45.775-44.126 119.183-41.323 173.161-15.338 5.261 2.535 6.06 9.643 1.691 13.324 27.345 6.67 50.925 23.48 66.074 47.538.782 1.239 2.214 3.184 1.84 6.287-.232 1.931-.807 3.565-2.295 5.075-9.75 9.888-15.119 22.991-15.119 36.896v54.57c0 4.418-3.582 8-8 8s-8-3.582-8-8v-54.57c0-16.037 5.479-31.259 15.542-43.487-15.338-21.936-39.268-36.044-66.332-38.942l-14.061-1.506c-8.222-.88-9.835-12.207-2.194-15.352l6.395-2.633c-83.286-29.035-172.351 3.226-172.351 114.928v41.56c0 6.348 3.656 11.865 9 14.636v-51.863c0-30.878 25.122-56 56-56h102c30.878 0 56 25.12 56 55.997v65.503c0 69.574-67.988 122.42-137.17 102.053-.45 5.708-1.871 11.216-4.186 16.336 13.458 9.242 30.453 12.97 47.23 9.314 4.317-.94 8.579 1.797 9.52 6.114zm-22.394-43.425c50.178 0 91-40.822 91-91v-64.895c0-22.054-17.944-39.997-40-39.997h-102c-22.056 0-40 17.944-40 40v64.892c0 50.178 40.822 91 91 91zm81 137.875h-24c-4.418 0-8 3.582-8 8s3.582 8 8 8h24c4.418 0 8-3.582 8-8s-3.582-8-8-8z"/>
</svg>
</div>
<div class="password">
<input type = "password" class="input2" name="password" placeholder="password">
<svg class="pass"viewBox="0 0 64 64" >
<path d="M26,46V38a3,3,0,0,0-6,0v8a5,5,0,0,0,1.81,8.84A5.37,5.37,0,0,0,23,55a5,5,0,0,0,3-9Zm-1.14,6.33a3,3,0,1,1-3.36-4.93,1,1,0,0,0,.5-.87V38a1,1,0,0,1,2,0v8.55a1,1,0,0,0,.5.87,3,3,0,0,1,.36,4.93Z"/>
<path d="M61.22,38l-3.31-.73a12.63,12.63,0,0,1-8-5.8,1,1,0,0,0-1.72,0A12.55,12.55,0,0,1,43,36.23V32a5,5,0,0,0-3-4.58V18A17,17,0,0,0,6,18v9.42A5,5,0,0,0,3,32v3H2a1,1,0,0,0-1,1V54a1,1,0,0,0,1,1H3v3a5,5,0,0,0,5,5H38a5,5,0,0,0,5-5v-.13a29.08,29.08,0,0,0,4.6,4.33l.8.6a1,1,0,0,0,1.2,0l.8-.6A29.15,29.15,0,0,0,62,39,1,1,0,0,0,61.22,38ZM8,18a15,15,0,0,1,30,0v9H34V18a11,11,0,0,0-22,0v9H8Zm24,9H14V18a9,9,0,0,1,18,0ZM13,37v4H3V37ZM3,53V49H13v4Zm10-6H3V43H13ZM41,58a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V55h9a1,1,0,0,0,1-1V36a1,1,0,0,0-1-1H5V32a3,3,0,0,1,3-3H38a3,3,0,0,1,3,3v5c-.3.09-.6.18-.91.25L36.78,38A1,1,0,0,0,36,39a29.14,29.14,0,0,0,5,16.24Zm8.2,2.6-.2.15-.2-.15A27.15,27.15,0,0,1,38,39.8l2.51-.56A14.63,14.63,0,0,0,49,33.79a14.63,14.63,0,0,0,8.48,5.45L60,39.8A27.15,27.15,0,0,1,49.2,60.6Z"/>
<path d="M54.89,40.45l-1.78-.9-.68,1.35A7.09,7.09,0,1,0,54,42.16ZM54,47a5.05,5.05,0,1,1-2.47-4.29l-2.7,5.4-2-2.71-1.6,1.2,3,4a1,1,0,0,0,.8.4h.09a1,1,0,0,0,.8-.55l3.17-6.34A4.92,4.92,0,0,1,54,47Z"/>
</svg>
</div>
</form>
<div class="buttonposs">
<button class="button">Log In</button>
</div>
<div class="link">
<a href="#">Forgot Password? </a> or <a href="#">Sign Up</a>
</div>
<div class="creator">
<p> Design By © Zaeem Al Farabi</p>
</div>
</div>
</body>
</html>