-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (57 loc) · 3.38 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" style="text/css" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Felipa' rel='stylesheet'>
<title> House of Horrors </title>
</head>
<body>
<div class="content"> <!-- content alku -->
<div class="header"> <!-- header alku -->
<h1>House of Horrors</h1>
</div> <!-- header loppu -->
<div class="topnav"> <!-- topnav alku -->
<a href="index.html">Home</a>
<a href="location.html">Location</a>
<a href="staff.html">Staff</a>
<a href="library.html">Library</a>
<a href="theatre.html">Theatre</a>
<a href="restaurant.html">Restaurant</a>
<a href="bookaroom.html">Book a room</a>
</div> <!-- topnav loppu -->
<div class="row"> <!-- row alku -->
<div class="leftcolumn"> <!-- left column alku -->
<div class="card"> <!-- card1 alku -->
<h2>Welcome to House of Horrors, you Creepy Creature!</h2>
<img src="images/valravn-4433244_1920.jpg" alt="Hotel backyard" width="800" height=""><br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Eu nisl nunc mi ipsum faucibus. Commodo viverra maecenas accumsan
lacus vel facilisis. Quis ipsum suspendisse ultrices gravida dictum. Dui accumsan sit amet nulla
facilisi morbi tempus. Quisque id diam vel quam elementum. Lacus luctus accumsan tortor posuere ac ut.
Hac habitasse platea dictumst vestibulum rhoncus est. Nisl rhoncus mattis rhoncus urna neque viverra
justo nec. Vitae suscipit tellus mauris a diam maecenas sed enim. Etiam tempor orci eu lobortis. Dolor
sit amet consectetur adipiscing elit. Pulvinar pellentesque habitant morbi tristique. Cursus eget nunc
scelerisque viverra mauris in aliquam sem. Lobortis feugiat vivamus at augue eget arcu. Augue lacus
viverra vitae congue. Nulla facilisi etiam dignissim diam quis enim. Tellus id interdum velit laoreet.
Viverra tellus in hac habitasse platea dictumst vestibulum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Eu nisl nunc mi ipsum faucibus. Commodo viverra maecenas accumsan
lacus vel facilisis. Quis ipsum suspendisse ultrices gravida dictum. Dui accumsan sit amet nulla
facilisi morbi tempus. Quisque id diam vel quam elementum. Lacus luctus accumsan tortor posuere ac ut.
Hac habitasse platea dictumst vestibulum rhoncus est. Nisl rhoncus mattis rhoncus urna neque viverra
justo nec. Vitae suscipit tellus mauris a diam maecenas sed enim. Etiam tempor orci eu lobortis. Dolor
sit amet consectetur adipiscing elit. Pulvinar pellentesque habitant morbi tristique. Cursus eget nunc
scelerisque viverra mauris in aliquam sem. Lobortis feugiat vivamus at augue eget arcu. Augue lacus
viverra vitae congue. Nulla facilisi etiam dignissim diam quis enim. Tellus id interdum velit laoreet.
Viverra tellus in hac habitasse platea dictumst vestibulum. </p>
</div> <!-- card1 loppu -->
</div> <!-- left column loppu -->
</div> <!-- row loppu -->
<div class="footer"> <!-- footer alku -->
<p> Copyright Nina Tulilahti 2020. All rights reserved. <br>
Images from <a href="https://pixabay.com/" target="_blank">Pixabay.org</a> & <a href="https://www.pexels.com/fi-fi/royalty-free-images/" target="_blank">Pexel.com</a></p>
</div> <!-- footer loppu -->
</div> <!-- content loppu -->
</body>
</html>