-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (36 loc) · 1.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lifestyle</title>
<link href="style.css" rel="stylesheet">
</head>
<div class="allbody">
<body style="background-color: lightyellow;">
<script>
console.log("hello world");
</script>
<!--forms-->
<div class="forms">
<div style="margin-top: 30%;" class="title"></div>
<form style="margin-right: 40%; margin-top: 20%; margin-bottom: -40%;">
<input style="width: 80%; border: 1px solid lightgray; border-radius: 4px; font-size: 15px; padding: 10px 5px; margin-bottom: 10px; background-color: #fafafa; border: 1px solid #b2b2b2;" type="text" placeholder="phone number, username or email">
<input style="width: 80%; border: 1px solid lightgray; border-radius: 4px; font-size: 15px; padding: 10px 5px; margin-bottom: 10px; background-color: #fafafa; border: 1px solid #b2b2b2;" type="password" placeholder="password">
<input style="width: 80%; display: block; margin: 0 auto 35px; margin-top: 5px; margin-bottom: 15px; width: 82%; background-color: #B20FFB; color: white; font-size: 20px; font-weight: bold; display: block; margin-right: 48%;" type="submit" value="log in">
<div class="or">
<p style="margin-left: 40%;" >or</p>
<div>
<h3 style="margin-left: 30%;"><a href="#">forgot password?</a></h3>
</div>
<div>
<h2 style="margin-left: 20%; margin-bottom: 10%;" >don't have an account?</h2>
<h3 style="margin-left: 35%; margin-top: -9%;"><a href="#">sing up</a></h3>
</div>
</form>
</div>
<h2 style="margin-left: -80%; margin-top: 20%;"><b>see each other lifestyle, and connect with friends</b></h2>
<h1 style="margin-left: -80%; margin-top: -15%; color: #B20FFB;" ><i><b><big>lifestyle</big></b></i></h1>
<h1 style="margin-left: 15%; margin-top: -25%; color: #b20ffb;"><b><i>lifestyle</i></b><h1></h1>
</body>
</div>
</html>