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
99 lines (95 loc) · 7.49 KB
/
index.html
File metadata and controls
99 lines (95 loc) · 7.49 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
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Blog</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
<h1>Claudia's Corner</h1>
<p>On this page you can read about all that I find interesting. Some of my favorite topics to discuss are music, books and movies.</p>
<nav aria-label="Main Site Links." id="mainsitelinks">
<a href=""><strong>Home</strong></a>
<a href=""><strong>About</strong></a>
<a href=""><strong>Contact</strong></a>
</nav>
</header>
<main>
<h2>My 5 favorite movies of all time</h2>
<br>
<img src="https://m.media-amazon.com/images/M/MV5BNTYxOTYyMzE3NV5BMl5BanBnXkFtZTcwOTMxNDY3Mw@@._V1_.jpg" alt="A scene from the movie The Shawshank Redemption. Tim Robbins is seated on the left while Morgan Freeman stands with his arms folded on the right" width="500px" height="300px"/>
<h3>The Shawshank Redemption</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<br>
<img src="https://cdn.cnn.com/cnnnext/dam/assets/200320084342-life-is-beautiful-super-tease.jpg" alt="Scene from the move Life is Beautiful. The father, mother and child are riding on a bike through town." width="500px" height="300px"/>
<h3>Life is Beautiful</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<br>
<img src="https://www.gannett-cdn.com/-mm-/6529c574b8c445525658b1690ef08203e790f0a2/c=0-0-5170-2921/local/-/media/2015/09/10/DetroitFreePress/DetroitFreePress/635774743137114770-somewhere-in-time-cast.jpg?" alt="Christopher Reeve and Jane Seymour staring at each other" width="500px" height="300px"/>
<h3>Somewhere in Time</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<img src="https://www.silverpetticoatreview.com/wp-content/uploads/2015/12/tuck-everlasting-featured.jpg" alt="A scene from Tuck everlasting the boy and girl are looking into each others eyes." width="500px" height="300px"/>
<h3>Tuck Everlasting</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<br>
<img src="https://media.newyorker.com/photos/5da4a5c756dcd400082a63ba/master/pass/Brody-Parasite.jpg" alt="A scene from the movie parasite where the family is eating pizza together" width="500px" height="300px"/>
<h3>Parasite</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<br>
<h2>That one go-to spiritual book for all seekers</h2>
<img src="https://kbimages1-a.akamaihd.net/ac0c9f86-1a37-4f1c-a68f-ac34dae8a609/353/569/90/False/the-autobiography-of-a-yogi-3.jpg" alt="The book An autobiography of a yogi" width="500px" height="500px"/>
<h3>An Autobiography of a Yogi by Parahamsa Yogananda</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam cursus, erat egestas auctor lobortis, arcu justo vestibulum metus, a consectetur magna diam sit amet lorem.
Curabitur lobortis a sem quis rutrum. Donec pharetra orci sapien, in tempus libero vestibulum elementum.
Pellentesque sed felis quis tellus condimentum scelerisque. Cras massa nulla, varius bibendum vehicula at, fringilla a ligula.
In imperdiet est et ligula feugiat, non venenatis est varius. Phasellus nibh turpis, consectetur at accumsan rutrum, hendrerit at odio.
</p>
</main>
<footer>
<div class="blog">
<h2>Claudia's Corner</h2>
<p>I love interacting with my readers, so why not hop on my social's and @ me?</p>
<a href="https://www.facebook.com/"><strong>Facebook</strong></a><br>
<a href="https://www.Twitter.com/"><strong>Twitter</strong></a><br>
<a href="https://www.LinkedIn.com/"><strong>LinkedIn</strong></a>
</footer>
</body>
</html>