-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (108 loc) · 5.11 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Praise&display=swap" rel="stylesheet">
<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=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Praise&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<title>Coffee Junkie</title>
</head>
<body>
<!--Container-->
<div class="container">
<!--Background-->
<div class="background1">
<!--Header-->
<header>
<div class="header-bar" id="top">
<h1>Coffee Junkie</h1>
<div class="nav">
<a href="index.html" target="_blank">Home</a>
<a href="about.html" target="_blank">About</a>
<a href="numbers.html" target="_blank">Numbers</a>
<a href="contact.html" target="_blank">Contact</a>
</div>
</div>
</header>
<!--Banner-->
<div class="banner">
<h1>Smell It</h1>
<h3>TASTE IT</h3>
</div>
</div>
<div class="background">
<!--Products-->
<div class="products">
<div class="product-heading">
<h1>Featured Products</h1>
</div>
<!--House Blend-->
<div class="product-one">
<img src="./images/houseblend.jpeg" alt="FrenchRoast" width="25%">
<h2>House Blend Coffee</h2>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Expedita provident, inventore, nam,
tempora
suscipit minima laudantium error velit nulla quibusdam fugiat nobis. Quas et placeat dolor in
laboriosam
totam unde blanditiis quia recusandae, enim aut ipsa consectetur. Expedita, commodi eligendi
cupiditate
delectus tenetur natus itaque id in possimus ipsum repellat.
<a href="https://www.cartacoffee.com/blogs/island-blog/what-is-house-blend-coffee" target="_blank">Details</a>
</p>
</div>
<!--French Roast-->
<div class="product-two">
<img src="./images/frenchroast.jpeg" alt="frenchroastcoffee" width="25%">
<h2>French Roast Coffee</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, rem. Harum maxime dolorem illo
cupiditate
sint
quaerat earum repellat alias architecto, distinctio, hic sapiente? Beatae, quaerat? Aperiam
totam dicta ut
eos
officia, vitae molestiae velit eum quas magnam veniam minima dolores natus facere! Assumenda nam
ducimus aut
rem
blanditiis quam.
<a href="https://www.homegrounds.co/what-is-french-roast-coffee/" target="_blank">Details</a>
</p>
</div>
<!--Columbian Roast-->
<div class="product-three">
<img src="./images/colombianroast.jpg" alt="ColombianRoast" width="25%" />
<h2>Columbian Roast Coffee</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta similique odio, illo repellendus
omnis totam
aperiam maiores accusantium explicabo perspiciatis iste, rerum ipsam eaque quo sed maxime harum?
Fugiat
corporis
magnam est natus illum animi dolore accusantium qui iusto consequatur enim, fuga aliquid earum
similique
tenetur
deserunt distinctio voluptates facere.
<a href="https://elevencoffees.com/what-is-colombian-coffee/" target="_blank">Details</a>
</p>
</div>
</div>
<!--Footer-->
<footer>
<div class="footer-bar">
<h2>Copyright©2021</h2>
<h4><a href="#top">Back To Top</a></h4>
</div>
</footer>
</div>
</div>
</body>
</html