forked from CodeYourFuture/HTML-CSS-Coursework-Week3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
50 lines (47 loc) · 1.96 KB
/
index.html
File metadata and controls
50 lines (47 loc) · 1.96 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Responsive Cake webpage</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=Oxygen:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<header>
<img src="img/hamburger-menu.svg" alt="hamburger menu">
<h1>The best cakes in town delivered to your door</h1>
</header>
<nav>
<ul>
<li><a class="link" href="#">HOME</a></li>
<li><a class="link" href="#">CAKES</a></li>
<li><a class="link" href="#">ORDERING</a></li>
<li><a class="link" href="#">LESSONS</a></li>
<li><a class="link" href="#">ABOUT</a></li>
</ul>
</nav>
<section class="s-hero">
<div class="s-hero-text">
<h2>Welcome</h2>
<p>Sed facilisis odio magna, ut hendrerit nisl varius et. Praesent ullamcorper scelerisque mi, et sodales metus finibus a. Vestibulum posuere quam sit amet vestibulum maximus. Quisque tempus lacus tortor, vel consectetur sem tempor eu. Vestibulum justo diam, commodo malesuada eleifend sed, feugiat vitae libero.</p>
</div>
<div class="s-hero-image"></div>
</section>
<section class="s-cakes">
<article class="cake" role="img" aria-label="cake"></article>
<article class="cake" role="img" aria-label="cake"></article>
<article class="cake" role="img" aria-label="cake"></article>
<article class="cake" role="img" aria-label="cake"></article>
</section>
<footer>
<p>123 Fake Street</p>
<p>Fake Town</p>
<p>Fake City</p>
<p>© Cakes Co. 2022</p>
</footer>
</body>
</html>