-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·36 lines (32 loc) · 2.64 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
<!DOCTYPE html>
<html>
<head>
<title>Hermione!</title>
<script src="demo.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div class="inner-container">
<div class="header">
<img id="hermione-image" src="hermione1.jpg" width="200" onclick="swapPicture()" />
<h1>Hermione Granger</h1>
<h2>Magic Extraordinaire</h2>
</div>
<article>
<section>
<!-- TODO #1: Let's change the text below. Save this file and reload the page -->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet metus dapibus, ultricies felis vel, accumsan nulla. Duis vitae lectus et sem facilisis ullamcorper ac eu metus. Nam euismod imperdiet pretium. Donec vitae arcu at arcu ultricies vehicula. Curabitur rhoncus bibendum erat sit amet euismod. Vestibulum nunc felis, luctus at porta non, efficitur sit amet ligula. Phasellus aliquet lacus sit amet risus semper, et tincidunt tortor lobortis. Phasellus non eros ac metus interdum laoreet.
Ut risus nulla, imperdiet in est in, condimentum blandit massa. Ut eget volutpat justo, eu bibendum sapien. Donec ex odio, hendrerit id tempus ac, luctus quis purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis nulla felis, aliquet iaculis placerat quis, sodales lacinia lorem. Integer pharetra pretium arcu, quis tempus neque feugiat rutrum. Ut non lorem quis magna blandit placerat ut a justo. In pellentesque lobortis est sed efficitur.
</section>
<section>
Morbi non metus a dui vestibulum imperdiet. Cras lacinia lorem in tellus interdum accumsan. In placerat pharetra tempor. Duis ornare, ligula sed tristique vehicula, risus nisl dignissim arcu, id pellentesque quam massa in justo. Praesent turpis ex, congue sit amet nunc in, aliquam condimentum massa. Praesent finibus ligula quis scelerisque malesuada. Suspendisse interdum, orci in tristique hendrerit, ante elit porta ante, et maximus enim lacus sed libero. Sed feugiat ut libero vestibulum pretium.
Curabitur vel lacus id metus maximus sollicitudin ac non felis. Cras fringilla libero erat, in vestibulum odio mollis fringilla. Nullam elementum mi quis mauris ultricies mattis. Mauris et dui non mi sagittis aliquet. Quisque nec ligula pulvinar, venenatis massa vitae, fermentum nibh. Ut vulputate leo turpis, facilisis pellentesque libero porta at. Cras mattis, orci ut blandit finibus, magna ante convallis ligula, eu aliquam purus odio fringilla tortor. Proin elementum aliquam mattis.
</section>
</article>
<div class="footer">
<!--TODO #2: Update the Footer content -->
© 2017. No Rights Reserved.
</div>
</div>
</body>
</html>