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
59 lines (52 loc) · 2.47 KB
/
index.html
File metadata and controls
59 lines (52 loc) · 2.47 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
<!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" type="text/css" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="img/smooth-icon.png">
</head>
<body>
<!-- Add your markup here -->
<header>
<img class="logo" src="img/logo.png" alt="Cupcake logo">
<a class="hamburger" style="cursor:pointer;">☰</a>
<p class="slogan">Smooth Sensation in one Cupcake</p>
</header>
<section>
<nav>
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/">Cakes</a>
<a class="nav-link" href="/">Pricing</a>
<a class="nav-link" href="/">About</a>
<a class="nav-link" href="/">Contact</a>
</nav>
</section>
<section class="welcome-sec">
<div class="welcome">
<h1>Welcome</h1>
<p class="welcome-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et ipsum efficitur, pellentesque leo vitae, mollis risus. Nulla facilisi. Morbi rhoncus suscipit erat. Nulla auctor cursus maximus. Nulla lobortis condimentum magna, ut cursus metus feugiat molestie. Quisque sagittis dolor neque, eu sodales velit ornare vitae. Proin turpis odio, tristique dapibus enim vel, maximus tristique arcu. Fusce tristique et nulla eget lacinia. Nullam in viverra neque. Donec vulputate bibendum lacus, et posuere sapien. Nam id libero ex.</p>
</div>
<img class="main-img" src="img/main.jpg" alt="white cupcakes">
</section>
<section class="img-sec">
<img class="photo-grid" src="img/1one.jpg" alt="cupcakes">
<img class="photo-grid" src="img/2two.jpg" alt="cupcakes">
<img class="photo-grid" src="img/3three.jpg" alt="cupcakes">
<img class="photo-grid" src="img/4four.jpg" alt="cupcakes">
<img class="photo-grid" src="img/5five.jpg" alt="cupcakes">
<img class="photo-grid" src="img/6six.jpg" alt="cupcakes">
</section>
<footer>
<div class="footer-group">
<a class="footer-link" href="/">Order</a>
<a class="footer-link" href="/">Contact</a>
<a class="footer-link" href="/">Help</a>
</div>
<h2>© Smooth Sensation, 2020</h2>
</footer>
</body>
</html>