-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
56 lines (51 loc) · 5.14 KB
/
index.html
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
<!DOCTYPE html>
<meta charset="UTF-8">
<title>A Poster</title>
<!-- By default there is no stylesheet loaded. -->
<!-- Click the My Lovely Poster heading to change stylesheets. -->
<script defer src="index.js"></script>
<link id="stylesheet" rel="stylesheet" href="">
<style>
/* this is what makes the heading look clickable when you point at it */
#mainheading {
cursor: pointer;
}
</style>
<main>
<header>
<h1 id="mainheading">My Lovely Poster</h1>
</header>
<article>
<img id=house src=images/unihouse.jpg alt="A photo of the main building of Portsmouth University, constrcted of red brick.">
<section id=first>
<h1>First Heading</h1>
<p>Click the <em>My Lovely Poster</em> heading to change stylesheets. Corrupti <em>debitis</em> magni, modi assumenda praesentium corporis maiores pariatur! Cumque fugit laudantium consequuntur aspernatur voluptatum, delectus impedit maxime laboriosam? Ut, sunt hic?</p>
<p>Explicabo laborum, nam ut fuga necessitatibus perferendis nostrum! Magni ratione illo quod doloremque autem harum facilis eaque deserunt nulla dolorum.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim ab voluptates quasi minus, amet odio tempore, eos deleniti pariatur!</p>
<p>Quisquam totam? Nihil adipisci voluptatem dicta illum omnis magnam odio repudiandae accusantium <strong>reprehenderit</strong>, et molestiae culpa eaque. Quidem, distinctio nam! Ducimus, officia facere? Aperiam possimus recusandae eveniet, modi consectetur, eos cumque ad distinctio perferendis ab debitis veniam quidem enim? Error architecto ducimus eum iure blanditiis quod hic earum excepturi quos libero debitis dolor ipsam est doloremque, pariatur necessitatibus, sunt dolores iste dignissimos quod eaque id quam obcaecati saepe eum ullam corporis. Quibusdam impedit aut, nulla, reiciendis ipsum iusto at repudiandae nihil excepturi maiores provident natus sapiente earum id. Maiores quidem odit dicta quibusdam, consequuntur.</p>
</section>
<section id=second>
<h1>Another Heading</h1>
<p>libero voluptatum quos rem nam, totam fugiat quasi, laborum pariatur animi repudiandae fugit cumque veritatis quia molestias. Nostrum recusandae corrupti <em>quasi</em> illo eaque incidunt officiis omnis totam voluptatibus odio laudantium eius ipsa fugiat sed explicabo pariatur nemo debitis sit, expedita exercitationem saepe neque quas. Aliquam recusandae magni sunt tempora. Eos dolorum, fuga exercitationem ullam inventore sequi est dolor id libero enim, ipsam illum! Esse earum non quidem qui dolor at accusantium <strong>architecto</strong>, rem fugit.</p>
<p>Voluptatem reiciendis corporis incidunt veritatis id voluptates nobis?</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ratione nemo eveniet quia possimus quae atque et ducimus. Rem, laudantium cim?</p>
</section>
<section id=third>
<h1>Lots o' Words</h1>
<p>Dolor quas fugiat delectus quae eaque nihil obcaecati laudantium. Cum perspiciatis voluptatibus dignissimos eveniet neque non explicabo rem inventore expedita deserunt officiis doloribus odio debitis aspernatur fugiat pariatur architecto natus eaque quidem culpa, nisi minus?</p>
<p>Shoulders back. Smash it. Eligendi inventore provident reiciendis eos? Quia, officiis.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam assumenda aliquid, nisi blanditiis maxime ipsum quam fuga illo veniam aspernatur commodi exercitationem at similique suscipit voluptates magnam quidem, architecto adipisci, et laudantium animi nobis magni sunt! Id asperiores aliquam aperiam.</p>
<p>Dolorum rem, repudiandae animi unde est quis accusamus tempora architecto odio sed, saepe placeat cum similique? Aut dolor, alias quibusdam optio quam rerum doloribus illo odit eveniet accusantium <strong>veniam</strong> doloremque, laborum quisquam deserunt? Natus quidem culpa quas, odio consectetur ducimus itaque, molestias rerum autem Chuck Norris vero iure pariatur voluptates, reiciendis a fuga assumenda. Deserunt quidem minima ea aspernatur nam laborum delectus eveniet. Sapiente alias quae debitis, modi magnam cumque similique nesciunt assumenda minima aut dolorum deleniti harum expedita ad? Doloremque est, tenetur deserunt voluptas iste Harambe eveniet error!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, placeat.</p>
</section>
<section id=fourth>
<h1>Conclusion</h1>
<p>So buy new Gizmo today! Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam iusto officiis, eos et blanditiis, autem necessitatibus quae itaque saepe nemo omnis.</p>
</section>
</article>
<footer>
<p>Seek medical advice before beginning any exercise programme. The value of your mortgage can go down as well as up. Always read the label. Keep away from naked flames. Mind the gap.</p>
<p>Prepared by Your-Name-Here (up0000000)</p>
</footer>
<img id=logo src=images/logo.svg alt="The logo of University of Portsmouth">
</main>