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
67 lines (62 loc) · 3.63 KB
/
index.html
File metadata and controls
67 lines (62 loc) · 3.63 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
<!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>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="/Users/khadijahaji/Documents/CYF/HTML-CSS-Coursework-Week1/css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header class="header">
<h1>Khadija's Film Blog</h1>
<h2>Reviews, Rants and Unwarranted Opinions</h2>
</header>
<nav class="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">5 STAR RATINGS</a></li>
<li><a href="#">REVIEWS</a></li>
<li><a href="#">TV/STREAMING</a></li>
</ul>
</nav>
<section class="lorem">
<h2>Welcome To My Film Blog!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras posuere dolor a mi malesuada maximus. Fusce pellentesque elit vitae risus pellentesque, a dictum urna facilisis. Sed vitae pellentesque massa. Morbi tempor tincidunt interdum. Quisque pulvinar consectetur ligula, quis iaculis dui efficitur vel. Curabitur ex sapien, tempus id semper non, vestibulum a massa. Suspendisse a tellus sed turpis scelerisque iaculis et id diam. Donec ultricies enim sit amet turpis venenatis egestas. Duis molestie nisl ut magna tristique, sed mattis diam efficitur. Donec scelerisque, erat eu maximus sodales, urna eros aliquet arcu, quis iaculis felis diam bibendum tortor. Ut vitae rutrum leo, aliquam interdum velit. Aenean tincidunt nibh maximus felis tempus faucibus. Sed pulvinar a eros sit amet luctus. In dignissim vitae lorem consectetur accumsan. Nulla facilisi.</p>
</section>
<section>
<article>
<a href="#"><h3>Park Chan-Wook returns with Decision to Leave</h3>
<div class="images">
<img src="dtl.jpg" alt="Tang Wei and Park Hae-il in decision to leave sitting in a car" width=180>
</div>
<p>Sed odio ante, ultricies id gravida et, consequat ut lectus. Vivamus eget aliquet nibh, sit amet dictum diam. Pellentesque eu velit sed leo tempus tempus a in dui. Quisque facilisis fermentum aliquam. Curabitur elementum sagittis nulla ut dignissim. Vestibulum at enim non nibh bibendum venenatis eget at sapien. Vivamus nec erat eget magna aliquet tempus sed ac nunc. Vestibulum a venenatis metus, non consequat metus. Vivamus efficitur finibus massa vel aliquam. Praesent venenatis nec erat ac vehi...</p></a>
</article>
<article>
<a href="#"><h3>The Rock's dream project Black Adam is finally in cinema</h3>
<div class="images">
<img src="blackadam.jpg" alt="The Rock as Black Adam looking intimidating" width=180>
</div>
<p>Phasellus in interdum felis, vel faucibus turpis. Sed eros erat, tempus et odio non, porttitor efficitur ante. Suspendisse orci mi, vehicula sed tristique vestibulum, pulvinar a null...</p></a>
</article>
<article>
<a href="#"><h3>Why is Top Gun: Maverick a phenomenal watch?</h3>
<div class="images">
<img src="topgun.jpg" alt="Tom Cruise in the movie Top Gun looking away" width=180>
</div>
<p>Integer cursus tortor urna, dapibus sollicitudin arcu rutrum at. Aenean et lorem consequat, dapibus purus non, placerat lectus...</p></a>
</article>
</section>
<footer>
<p>Author: Khadija Haji</p>
</footer>
</body>
</html>