-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (82 loc) · 3.27 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
<!DOCTYPE HTML>
<html>
<header>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</header>
<body>
<div class="header">
<div class="header-logo">Affa's Saa</div>
<div class="header-links">
<ul>
<li href="#">Buy the best chai!</li>
<li href="#">About</li>
<li href="#">Contact us</li>
</ul>
</div>
</div>
<div class="main">
<div class="text-container">
<div class="main-text">The best tea, from the tea hills of Sylhet</div>
<div class="secondary-text">From pure, organic black tea, to the most luxurious and smooth chai. We give you the
best tea from all of South
Asia.</div>
<div class="button">
<button class="main-button">Shop Now</button>
</div>
</div>
<img src="./tea_garden.jpg" alt="Tea garden in Sylhet.">
</div>
<div class="info">
<div class="info-header">Some Random Information</div>
<div class="pic-info-container">
<div class="info-container">
<img id="info-img1" src="./tea_garden.jpg" alt="Tea garden in Sylhet.">
<div class="info-text">Tea reached Europe in the 16th Century but people were using ceramic teapots in Asia and the Middle East 11,000 years ago.</div>
</div>
<div class="info-container">
<img id="info-img2" src="./tea_garden.jpg" alt="Tea garden in Sylhet.">
<div class="info-text">According to legend, in 2732 BC Emperor Shen Nung discovered tea when leaves from a wild tree blew into his pot of boiling water. </div>
</div>
<div class="info-container">
<img id="info-img3" src="./tea_garden.jpg" alt="Tea garden in Sylhet.">
<div class="info-text">Tea cups didn’t always have handles. At first, the English made cups without handles, influenced by the traditional Chinese tea bowls.</div>
</div>
<div class="info-container">
<img id="info-img4" src="./tea_garden.jpg" alt="Tea garden in Sylhet.">
<div class="info-text">In 1840, afternoon tea was introduced in England by Anna, the seventh Duchess of Bedford.</div>
</div>
</div>
</div>
<div class="quote-section">
<div class="quote-container"></div>
<div class="quote">If you are cold, tea will warm you
if you are too heated, it will cool you
if you are depressed, it will cheer you
if you are excited, it will calm you.
</div>
<div class="quotee">
― William Ewart Gladstone
</div>
</div>
</div>
<div class="call-to-action">
<div class="cto-container">
<div class="cto-text-container">
<div class="cto-header">Call to action! It's time!</div>
<div class="cto-text">Browse our products by clicking that button right over there!</div>
</div>
<button class="cto-button">Shop Now</button>
</div>
</div>
<div class="footer">
Abdussalam Ali
</div>
</body>
</html>