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
65 lines (59 loc) · 3.5 KB
/
index.html
File metadata and controls
65 lines (59 loc) · 3.5 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
<!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>HYGR Blog</title>
<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=Inter:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<div class="container">
<header>
<div class="header__content">
<h1>Hope You Get Rich Blog</h1>
<p>Cras fringilla felis in feugiat finibus. Maecenas ac tortor nec nibh maximus luctus sit amet eu nisi. Nulla lobortis nibh at mauris ultricies, sit amet pellentesque risus ornare. Duis at condimentum lacus. Vestibulum tempus, dui eget dictum efficitur, elit mauris malesuada tellus, id vestibulum urna tellus non arcu.</p>
</div>
</header>
<main>
<article>
<a href="#">
<img src="images/mahjong-blocks.jpg" alt="A game of mahjong" />
<h2>Mahjong for Fun</h2>
<p>by Michelle Yeoh / 27 January 2023</p>
<div class="article-break"></div>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Duis at convallis justo. Integer auctor id magna at finibus. Fusce commodo auctor lectus a pellentesque. Proin facilisis orci nulla, sit amet euismod odio elementum sed. Vivamus turpis turpis, congue at fringilla eu, venenatis sed eros. Aliquam pulvinar sapien sed ipsum luctus, faucibus rutrum leo gravida.</p>
</a>
</article>
<article>
<a href="#">
<img src="images/lny-etiquette.jpg" alt="Common Lunar New Year traditions" />
<h2>Lunar New Year Checklist</h2>
<p>by Ke Huy Quan / 18 January 2023</p>
<div class="article-break"></div>
<p>Sed cursus, ipsum a suscipit mollis, turpis ipsum dignissim lectus, sit amet porttitor sapien eros vel nunc. Nullam neque dui, imperdiet ac elementum id, efficitur ut metus. Donec commodo tempor elit, ut ullamcorper lacus rutrum quis. Donec odio ante, pretium nec consequat at, placerat a nisi. Vestibulum vehicula, mi et elementum viverra, purus arcu ultricies ipsum, in aliquet nisl nisi eu velit.</p>
</a>
</article>
<article>
<a href="#">
<img src="images/lny-food.png" alt="A table filled with Chinese dishes" />
<h2>My Favourite Foods</h2>
<p>by Jamie Lee Curtis / 7 January 2023</p>
<div class="article-break"></div>
<p>Proin eu magna at sem dapibus tempus quis at libero. Praesent laoreet, elit sit amet porta mattis, velit lacus iaculis urna, eu rhoncus ex ex nec mi. Nulla vel ante vitae lectus vestibulum efficitur. Integer sapien sapien, gravida sit amet posuere sed, posuere sed risus. Nullam nec diam posuere dui fringilla faucibus. Etiam tempus nunc at nisi consectetur malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</a>
</article>
</main>
<div class="section-break"></div>
<footer>
<p>© 2023 A Mochi Mollard website. Glasgow #6 / Week 2 / HTML and CSS.</p>
</footer>
</div>
</body>
</html>