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
61 lines (59 loc) · 2.4 KB
/
index.html
File metadata and controls
61 lines (59 loc) · 2.4 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
<!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 webpage</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<main class="homepage-main">
<section class="homepage-hero">
<div class="one-one">
<div></div>
<div></div>
<div></div>
</div>
<div class="one-two">The best cake in town <br>delivered to your door</div>
<div class="navigation">
<div class="navigation-item">HOME</div>
<div class="navigation-item">CAKES</div>
<div class="navigation-item">ORDERIN</div>
<div class="navigation-item">LESSONS</div>
<div class="navigation-item">ABOUT</div>
</div>
</section>
<section class="homepage-welcome">
<h1>Welcome to Cakes World</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat beatae molestiae repudiandae nemo. Molestias amet praesentium laboriosam, nisi aperiam voluptatum repudiandae vel optio nostrum, nemo sapiente iste ipsum eaque eos ipsam iure accusantium tempora modi unde. Quod odio eius eos, voluptatem deserunt saepe quibusdam reiciendis cupiditate placeat possimus vitae voluptates.</p>
</section>
<section class="homepage-feature">
<img src="/HTML-CSS-Coursework-Week3/assets/cakes.jpeg" alt="">
</section>
<section class="homepage-products">
<div class="grid-item1">
<img src="/HTML-CSS-Coursework-Week3/assets/small-cake.webp"/>
</div>
<div class="grid-item2">
<img src="/HTML-CSS-Coursework-Week3/assets/small-cake.webp"/>
</div>
<div class="grid-item3">
<img src="/HTML-CSS-Coursework-Week3/assets/small-cake.webp"/>
</div>
<div class="grid-item4">
<img src="/HTML-CSS-Coursework-Week3/assets/small-cake.webp"/>
</div>
</section>
<section class="homepage-footer">
<p class="contacts">Contacts</p>
<p class="address">Address</p>
<p class="phone">Phone</p>
<p class="oleh">Design by Oleh</p>
</section>
</main>
<span class="tip mobile">Mobile mode</span>
<span class="tip tablet">Tablet mode</span>
<span class="tip desktop">Desktop mode</span>
</body>
</html>