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
101 lines (98 loc) · 3.66 KB
/
index.html
File metadata and controls
101 lines (98 loc) · 3.66 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
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
<!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>Cake My Day</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Parisienne&family=Qwigley&display=swap"
rel="stylesheet">
<link rel="shortcut icon" href="img/cake-logo.svg" type="image/x-icon" />
</head>
<body>
<header>
<img src="img/cake-logo.svg" alt="cake-logo" class="cake-logo">
<nav>
<button>
<img src="img/menu-hamburger.svg" alt="hamburger-menu" class="hamburger">
</button>
<ul class="navbar">
<li>
<a href="#">
Home
</a>
</li>
<li>
<a href="#">
Cakes
</a>
</li>
<li>
<a href="#">
Ordering
</a>
</li>
<li>
<a href="#">
Lessons
</a>
</li>
<li>
<a href="#">
About
</a>
</li>
</ul>
<p class="p-header">The best cakes in town delivered to your door</p>
</nav>
</header>
<main>
<section class="first-section">
<aside>
<h1>Welcome</h1>
<p class="p-main">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt,
eos repudiandae aspernatur ut praesentium dolor labore! Dolores nobis
beatae ab non adipisci rem iure? Odit cupiditate cumque nostrum iusto alias.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, quaerat maxime dolore distinctio esse mollitia,
cum beatae, velit atque sapiente ut ratione voluptatem. Officiis eos porro non minus. Veniam, molestias.
</p>
</aside>
<img src="img/cake-antonio-quagliata.jpg" alt="main-cake" class="main-cake">
</section>
<section class="second-section">
<img src="img/cake-ragul-ebinezar.jpg" alt="cake picture" class="cake-pictures">
<img src="img/cake-neonbrand-.jpg" alt="cake picture" class="cake-pictures">
<img src="img/cake-annie-spratt.jpg" alt="cake picture" class="cake-pictures">
<img src="img/cake-cesar-de-la-cruz.jpg" alt="cake picture" class="cake-pictures">
</section>
</main>
<footer>
<p class="footer-text">
Follow us on social media
</p>
<section class="social-container">
<div class="social">
<a href="#">
<img src="img/facebook-icon.svg" alt="facebook-icon" class="social-media">
</a>
</div>
<div class="social">
<a href="#">
<img src="img/twitter-icon.svg" alt="twitter-icon" class="social-media">
</a>
</div>
<div class="social">
<a href="#">
<img src="img/instagram-icon.svg" alt="instagram-icon" class="social-media">
</a>
</div>
</section>
<p class="trademark">
© Cake My Day, Inc
</p>
</footer>
</body>
</html>