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
90 lines (79 loc) · 3.89 KB
/
index.html
File metadata and controls
90 lines (79 loc) · 3.89 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
80
81
82
83
84
85
86
87
88
89
90
<!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="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header>
<div class="header">
<body style="background-color:powderblue;">
<h1>3 Films by David Lynch</h1>
</div>
<div class="navbar">
<ul class="header-list">
<li class="header-links"><a href="https://en.wikipedia.org/wiki/Blue_Velvet_(film)">Blue Velvet</a></li>
<li class="header-links"><a href="https://en.wikipedia.org/wiki/Mulholland_Drive_(film)">Mulholland Drive</a></li>
<li class="header-links"><a href="https://en.wikipedia.org/wiki/Inland_Empire_(film)">Inland Empire</a></li>
</ul>
</div>
</header>
<article>
<br>
<section class="intro">
<h3><p>A brief introduction to 3 of my favourite films by David Lynch....</p>
</h3>
</section>
<br>
<br>
<img src="https://live.staticflickr.com/5026/5572981303_2499af494b_z.jpg" alt="Blue Velvet Poster" class="content" >
<section class="text">
<br>
<br>
<p>Vivamus pharetra condimentum sem, at fermentum purus scelerisque vitae. Morbi elementum nunc ac elit lobortis, vitae cursus justo tristique. Praesent auctor facilisis arcu, nec sagittis neque vestibulum at. Aenean iaculis purus ac dolor cursus, eu rutrum arcu varius. Sed faucibus fringilla risus a mollis. Ut et orci feugiat, laoreet ligula nec, fringilla justo. Phasellus a gravida enim, eget interdum erat. Nullam in diam eget ligula viverra tempus. Quisque quis aliquam eros. Curabitur a volutpat turpis, eget fringilla diam. Integer vitae orci vitae leo accumsan accumsan. Maecenas placerat velit et mi porta, gravida molestie magna suscipit.</p>
</section>
</article>
<article>
<section class="content">
</section>
<br>
<br>
<img src="https://live.staticflickr.com/165/361553607_07a2673bde_z.jpg" alt="Inland Empire Poster" class="content">
<section class="text">
<br>
<br>
<p>Nulla gravida ipsum sed nibh bibendum suscipit. Praesent auctor dolor eu nulla pharetra elementum. Cras nec quam nibh. In feugiat lacus a lectus varius, sit amet lacinia metus placerat. Nunc at fermentum augue. Phasellus placerat eu lorem id lobortis. Aenean iaculis orci ligula, sed porttitor augue malesuada id. Etiam viverra, dolor vel finibus aliquet, leo est posuere mi, at condimentum nulla augue ut sem. Nunc eget faucibus dui. Sed nec risus leo. Nullam aliquet orci a arcu congue accumsan. Integer quis enim nec magna sollicitudin hendrerit. Vivamus sed dui iaculis, vehicula urna ut, hendrerit quam.</p>
</section>
</article>
<article>
<br>
<br>
<section class="content">
</section>
<br>
<img src="https://live.staticflickr.com/5442/17278668324_7ae790b45d_b.jpg" alt="Mulholland Drive Poster" class="content">
<section class="text">
<br>
<br>
<p>Mauris mattis felis quis lobortis pellentesque. Curabitur ex felis, aliquet ut egestas ac, bibendum vitae est. Praesent ex purus, pharetra id ullamcorper vitae, vestibulum vel sapien. Curabitur tincidunt aliquet enim nec ultrices. Nulla diam dolor, malesuada ultricies scelerisque id, scelerisque id mauris. Cras ultrices ligula sit amet maximus blandit. Phasellus dapibus quam non dui placerat, sed vulputate elit interdum. Aliquam eget vulputate neque.</p>
<br>
<br>
<br>
</section>
</article>
</body>
<footer class="footer">
<p><em>A Gary Rogers Production</em></p>
</footer>
</html>