forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
57 lines (56 loc) · 3.37 KB
/
index.html
File metadata and controls
57 lines (56 loc) · 3.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Learn about mugs</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>Learn about mugs</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cupiditate ea, alias eaque recusandae, nobis quia, officiis unde et amet repellendus quam perspiciatis autem laboriosam. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ea cum voluptatibus, amet aspernatur sint nostrum perspiciatis est ut aliquid, nam omnis nobis. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vero voluptas placeat velit. Accusantium molestias, illo vero voluptatibus consequuntur debitis alias sit velit?</p>
</header>
<main>
<section class="articles">
<article class="best_seller">
<img src="https://i.insider.com/5e4c14044b661b5fee437944?width=1136&format=jpeg" alt="Travel mug">
<h2>Best Seller</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad amet beatae ipsum consequuntur rem assumenda voluptatem rerum laborum velit delectus iste a placeat expedita culpa cupiditate ipsam, vero veritatis deleniti veniam quod? Vero?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eligendi vitae voluptatum error quae at aperiam reprehenderit est exercitationem maiores. Expedita neque culpa, cumque a placeat dolores accusantium nisi iste alias quo dignissimos porro!</p>
<a href="/">Learn More</a>
</article>
<article class="lorem">
<img src="http://cdn.home-designing.com/wp-content/uploads/2015/10/floating-mug.jpg" alt="Mug with Creative desing">
<h2>Creative Desings</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad amet beatae ipsum consequuntur rem assumenda voluptatem rerum laborum velit delectus iste a placeat expedita culpa cupiditate ipsam, vero veritatis deleniti veniam quod? Vero?</p>
<a href="/">Learn More</a>
</article>
<article class="lorem2">
<img src="https://cdn.shopify.com/s/files/1/1045/0086/products/original_personalised-children-s-easter-mug_02cb222d-aca0-4564-a8c9-045ab908044e_1024x1024.jpg?v=1553618488" alt="Children with mug">
<h2>Children Section</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ad amet beatae ipsum consequuntur rem assumenda voluptatem rerum laborum velit delectus iste a placeat expedita culpa cupiditate ipsam, vero veritatis deleniti veniam quod? Vero?</p>
<a href="/">Learn More</a>
</article>
</section>
<section class="other_sections">
<h2>Other sections ......</h2>
</section>
<hr>
</main>
<footer>
<p>© 2021 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eveniet repellendus recusandae unde!</p>
</footer>
</body>
</html>