-
Notifications
You must be signed in to change notification settings - Fork 0
/
staff.html
91 lines (73 loc) · 4.91 KB
/
staff.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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!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 - Staff</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="card"> <!-- card2 alku -->
<div class="clearfix">
<h2>We are here to make your visit as a lifetime experience</h2>
</div>
</div>
<div class="leftcolumn"> <!-- left column alku -->
<div class="card"> <!-- card2 alku -->
<div class="clearfix">
<img class="staff" src="images/woman-885850_1920.jpg" alt="staff1" height="" width="200">
<h3>Autumn</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...</p>
</div>
</div> <!-- card2 loppu -->
<div class="card"> <!-- card2 alku -->
<div class="clearfix">
<img class="staff" src="images/fantasy-4300258_1920.jpg" alt="staff1" height="" width="200">
<h3>Hecate</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...</p>
</div>
</div> <!-- card2 loppu -->
<div class="card"> <!-- card2 alku -->
<div class="clearfix">
<img class="staff" src="images/fantasy-4405510_1920.jpg" alt="staff1" height="" width="200">
<h3>Belinda</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...</p>
</div>
</div> <!-- card2 loppu -->
<div class="card"> <!-- card2 alku -->
<div class="clearfix">
<img class="staff" src="images/portrait-4322093_1920.jpg" alt="staff1" height="" width="200">
<h3>Izora</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...</p>
</div>
</div> <!-- card2 loppu -->
<div class="card"> <!-- card2 alku -->
<div class="clearfix">
<img class="staff" src="images/tomcat-3092804_1920.jpg" alt="staff1" height="" width="200">
<h3>Elvira</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...</p>
</div>
</div> <!-- card2 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>