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
89 lines (84 loc) · 2.99 KB
/
index.html
File metadata and controls
89 lines (84 loc) · 2.99 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Comfortaa:wght@500&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet" />
</head>
<body>
<header>
<div id="logo">
<img src="logo1.jpeg" alt="Logo" />
</div>
<div id="slogan">
<h1>The Best Cakes in Town Delivered to Your Door</h1>
</div>
</header>
<nav class="navbar">
<div class="burger">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-list">
<li id="nav-item1"><a href="#home">Home</a></li>
<li id="nav-item2"><a href="#Cakes">Cakes</a></li>
<li id="nav-item3"><a href="#Orderin">Orderin</a></li>
<li id="nav-item4"><a href="#Lessons">Lessons</a></li>
<li id="nav-item5"><a href="#About">About</a></a></li>
</ul>
</nav>
<main class="content">
<h2 class="article[]">Welcome</h2>
<article class="article">
<p>
Welcome to our delicious world of cakes! We offer a wide variety of mouthwatering cakes that are sure to
satisfy your taste buds. From classic flavors to unique creations, our cakes are made with the finest
ingredients and are baked to perfection. Whether you're celebrating a special occasion or just craving a
sweet treat, our cakes are the perfect choice.
</p>
</article>
<div id="main_img">
<img src="main pic.jpg" alt="owners" />
</div>
<div class="small" >
<div id="small_image1">
<img src="cake1.jpg" alt="Cake_1" />
</div>
<div id="small_image2">
<img src="cake2.jpg" alt="Cake2" />
</div>
<div id="small_image3">
<img src="topcake.jpg" alt="birthday_cake" />
</div>
<div id="small_image4">
<img src="cake3.jpg" alt="Cake3" />
</div>
</div>
</main>
<footer>
<div id="contact">
<h3>Contact Us</h3>
<ul>
<li>Email: [email protected]</li>
<li>Phone: 0736901784</li>
<li>Address: 123 best st , glasgow , G1 0GG</li>
</ul>
</div>
<div id="social">
<h3>Follow Us on</h3>
<ul>
<li><a href="https://www.facebook.com/cakeshop" target="_blank" rel="noopener noreferrer">Facebook</a></li>
<li><a href="https://www.instagram.com/cakeshop" target="_blank" rel="noopener noreferrer">Instagram</a></li>
<li><a href="https://www.twitter.com/cakeshop" target="_blank" rel="noopener noreferrer">Twitter</a></li>
</ul>
</div>
</footer>
</body>
</html>