This repository has been archived by the owner on Oct 7, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcrime.html
135 lines (126 loc) · 6.99 KB
/
crime.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/styles.css">
<style>
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
padding-top: 10px;
padding: 10px;
}
.grid-item {
border: 1px ;
padding: 15px;
font-size: 30px;
text-align: center;
}
body{
background-color: black;
}
h1{
font-size:350%;
color: white;
text-align: center;
text-decoration: underline;
text
}
.centr{
color: purple;
font-size: 180%;
padding-left: 16px;
font-variant-caps: petite-caps;
font-weight: bolder;
}
a{
color: white;
font-size: 160%;
font-family: "Goudy Bookletter 1911", sans-serif;
text-align: center;
font-variant-caps: petite-caps;
font-weight: bolder;
}
.hero-image {
background-image: url("./novels/c2.jpg");
background-color: #black;
height: 3790px;
width: 1110px;
background-position: centre;
background-repeat: space;
background-size: cover;
position: relative;
}
ul {
list-style-type: none;
margin-top: 0;
padding-top: 0;
overflow: hidden;
background-color: #333;
height:2%;
width:100%;
font-size:100%;
font-variant-caps: petite-caps;
font-weight: bolder;
}
li {
float: left;
}
li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration:underline;
}
li a:hover {
background-color: purple;
}
</style>
</head>
<body>
<div class="hero-image">
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="genre.html">Genre</a></li>
<li><a href="contact.html">Contact</a></li>
</ul> <br><br>
<h1> Crime </h1><br><br>
<div class="grid-container">
<a class="edit" href="./novels/Towards%20Zero%20By%20Agatha%20Christie.pdf">Towards Zero<div class="grid-item"><img class="book" src="./novels/0.jpg" alt=""></div></a>
<a class="edit" href="./novels/The%20Reggata%20Mystery%20By%20Agatha%20Christie.pdf">Regatta Mystery<div class="grid-item"><img class="book" src="./novels/reg.jpg" alt=""></div></a>
<a class="edit" href="./novels/The%20Peril%20at%20End%20House%20Agatha%20Christie%20-%20Operation%20Management.pdf">Peril At The End House<div class="grid-item"><img class="book" src="./novels/paril.jpg" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/The%20Abc%20Murders%20By%20Agatha%20Christie.pdf">ABC Murders<div class="grid-item"><img class="book" src="./novels/abc.jpg" alt=""></div></a>
<a class="edit" href="./novels/Sparkling%20Cyanide%20By%20Agatha%20Christie.pdf">Sparkling Cyanide<div class="grid-item"><img class="book" src="./novels/spark.jpg" alt=""></div></a>
<a class="edit" href="./novels/Sleeping%20Murder%20By%20Agatha%20Christie.pdf">Sleeping Murder<div class="grid-item"><img class="book" src="./novels/sleep.jpg" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/Murder%20on%20the%20Orient%20Express%20(AKA%20Murder%20in%20the%20Calais%20Coach).pdf">Murder On Orient Express<div class="grid-item"><img class="book" src="./novels/mur.jpg" alt=""></div></a>
<a class="edit" href="./novels/Murder%20on%20the%20Links%20By%20Agatha%20Christie.pdf">Murder On The Links<div class="grid-item"><img class="book" src="./novels/link.jpg" alt=""></div></a>
<a class="edit" href="./novels/Labours%20Of%20Hercules%20By%20Agatha%20Christie.pdf">Labours Of Herculus<div class="grid-item"><img class="book" src="./novels/herc.jpg" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/FIVE%20LITTLE%20PIGS%20Agatha%20Christie.pdf">Five Little Pigs<div class="grid-item"><img class="book" src="./novels/pig.jpg" alt=""></div></a>
<a class="edit" href="./novels/Death%20in%20the%20Clouds%20By%20Agatha%20Christie.pdf">Death In The Clouds<div class="grid-item"><img class="book" src="./novels/cloud.jpg" alt=""></div></a>
<a class="edit" href="./novels/Murder%20in%20Mesopotamia%20By%20Agatha%20Christie.pdf">Murder In Mesopotamia<div class="grid-item"><img class="book" src="./novels/meso.jpg" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/Crooked%20House%20By%20Agatha%20Christie.pdf">Crooked House<div class="grid-item"><img class="book" src="./novels/crook.jpg" alt=""></div></a>
<a class="edit" href="./novels/Cards%20On%20The%20Table%20By%20Agatha%20Christie.pdf">Cards On The Table<div class="grid-item"><img class="book" src="./novels/card.jpg" alt=""></div></a>
<a class="edit" href="./novels/Agatha%20Christie%20-%20Hercule%20Poirot%2018%20-%20Appointment%20With%20Death%20By%20Agatha%20Christie.pdf">Apointment With Death<div class="grid-item"><img class="book" src="./novels/dat.jpg" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/Murder%20At%20The%20Vicarage%20By%20Agatha%20Christie.pdf">Murder At The Vicarage<div class="grid-item"><img class="book" src="./novels/at.jpg" alt=""></div></a>
<a class="edit" href="./novels/Agatha%20Christie%20-%20Death%20On%20The%20Nile.pdf">Death On The Nile<div class="grid-item"><img class="book" src="./novels/deat.jpg" alt=""></div></a>
<a class="edit" href="./novels/After%20The%20Funeral%20By%20Agatha%20Christie.pdf">After The Funeral<div class="grid-item"><img class="book" src="./novels/fune.jpg" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/A%20Study%20in%20Scarlet.pdf">Study In Scarlet<div class="grid-item"><img class="book" src="./novels/scar.jpg" alt=""></div></a>
<a class="edit" href="./novels/The%20Hound%20of%20Baskervilles.pdf">The Hound Of Baskervilles<div class="grid-item"><img class="book" src="./novels/hound.jpg" alt=""></div></a>
</div>
<br><br>
</body>
</html>