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
79 lines (57 loc) · 2.13 KB
/
index.html
File metadata and controls
79 lines (57 loc) · 2.13 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
<!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>
<!-- Add a link to your css file here -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="cakelogo">
<img src="/imgs/cupcake-logo.jpeg" alt="icon of a cupcake">
</div>
<nav>
<ul>
<div class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Cake menu</a></li>
<li><a href="#">Order now</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">About us</a></li>
</div>
</ul>
</nav>
<h1>The best cakes in town delivered to your door</h1>
<div class="open-nav"></div>
</header>
<!-- Add your markup here -->
<main class="mainpage">
<section class="wtext">
<h1>Welcome</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultrices eget augue non iaculis. Fusce in luctus velit. Aliquam a laoreet quam. Integer porta sapien eros, ut iaculis nunc posuere vitae. Vivamus eget ultrices massa, quis mattis velit. Integer accumsan egestas sem eu venenatis. Suspendisse vel mi sed mi placerat porttitor vitae sit amet urna. Nulla ultrices maximus libero vel scelerisque.
</p>
</section>
<section class="wpic">
</section>
<section class="img-a">
</section>
<section class="img-b">
</section>
<section class="img-c">
</section>
<section class="img-d">
</section>
</main>
<footer>
<div class="footer-area">
<p>Created by Mehreen Aziz. Follow me on social media:</p>
<div class="ig"><a href="#">Instagram</a></div>
<div class="fb"><a href="#">Facebook</a></div>
<div class="tw"><a href="#">Twitter</a></div>
</div>
</footer>
</body>
</html>