-
Notifications
You must be signed in to change notification settings - Fork 0
/
landingPage.html
93 lines (87 loc) · 3.13 KB
/
landingPage.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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css">
<title>Document</title>
</head>
<body>
<!-- top contents -->
<div class="wrapper-top">
<div class="top">
<h3>
Sasta
</h3>
<ul>
<li><a href="">link 1</a></li>
<li><a href="">link 1</a></li>
<li><a href="">link 1</a></li>
</ul>
</div>
<div class="main-cont">
<div class="wrap-cont">
<h1>This website is <br>awsome</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime perspiciatis perferendis nobis. Velit, impedit? Nostrum vitae, animi fuga corrupti nesciunt maxime itaque ex odit accusamus illum voluptates nam esse reiciendis?</p>
<button>sign up</button>
</div>
<!-- <div class="main-img"> -->
<img id="im" src="/images/main.avif">
<!-- </div> -->
</div>
</div>
</div>
<div class="wrapper-mid">
<h1>Some random information</h1>
<div class="wrap-boxes">
<div class="boxes">
<div>
<img src="/images/img1.avif">
</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio, similique!</p>
</div>
<div class="boxes">
<div>
<img src="/images/img2.avif">
</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio, similique!</p>
</div>
<div class="boxes">
<div>
<img src="images/img3.avif">
</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio, similique!</p>
</div>
<div class="boxes">
<div>
<img src="images/im4.avif">
</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio, similique!</p>
</div>
</div>
</div>
<div class="quote-wraper">
<div class="quote">
<p>
“I'm selfish, impatient and a little insecure. I make mistakes, 4I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best.”
</p>
<p class="Author">Marilyn Monroe </p>
</div>
</div>
<div class="ab-wraper">
<div class="above-footer">
<div>
<p>Call to action It's time!</p>
Sign up for our product by clicking that button right over there!
</div>
<button class="btn-two">
Sign up
</button>
</div>
</div>
<div class="footer">
<p>Copyright logo The Odin Project 2022</p>
</div>
</body>
</html>