-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (83 loc) · 3.14 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="header">
<div class="header-top">
<h1>Header Logo</h1>
<ul class="links">
<li> <a>header link one</a> </li>
<li> <a>header link two</a> </li>
<li> <a>header link three</a> </li>
</div>
<div class="header-core">
<div class="core-left">
<h1>This website is awesome. This text wraps nicely.</h1>
<p>This website has some subtext that goes under the main title.
It's a smaller font and the color is lower contrast.
If it goes on for too long, it wraps as well.
</p>
<button>Sign up</button>
</div>
<div class="core-right">
<img alt="This is a placeholder for an image">
</div>
</div>
</div>
<div class="middle">
<div class="banner">
<h1>Some random information.</h1>
</div>
<ul class="middle-list">
<li>
<div class="middle-item-box">
</div>
<div class="middle-item-text"> this is some subtext
under an illustration or image</div>
</li>
<li>
<div class="middle-item-box">
</div>
<div class="middle-item-text"> this is some subtext
under an illustration or image</div>
</li>
<li>
<div class="middle-item-box">
</div>
<div class="middle-item-text"> this is some subtext
under an illustration or image</div>
</li>
<li>
<div class="middle-item-box">
</div>
<div class="middle-item-text"> this is some subtext
under an illustration or image</div>
</li>
</ul>
<div class="quote-block">
<div class="quote">
<h1 class="quote-and-author">And so, does the destination matter? Or is it the path we take? I declare that no accomplishment has substance nearly as great as the road used to achieve it. We are not creatures of destinations. It is the journey that shapes us. Our callused feet, our backs strong from carrying the weight of our travels, our eyes open with the fresh delight of experiences lived.
</h1>
</div>
<div class="author quote-and-author">
<p>-Brandon Sanderson, based gamer</p>
</div>
</div>
</div>
<div class="action-call">
<div class="action-text">
<h1>Call to action! It's time!</h1>
<p>Sign up for our product by clicking that button right over
there!</p>
</div>
<button class="action-button">Sign Up</button>
</div>
<div class="footer">
<p>Copywrite © Abdelrahman Sallam 2022</p>
</div>
</body>
</html>