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
/
fiction.html
166 lines (158 loc) · 10.8 KB
/
fiction.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!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: 15px;
padding: 10px;
}
body{
background-color: #ADD8E6;
}
.grid-item {
border: 1px ;
padding: 15px;
font-size: 30px;
text-align: center;
}
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: black;
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/tys.jpg");
background-color: #black;
height: 7250px;
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:1%;
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> Fiction </h1><br><br>
<div class="grid-container">
<a class="edit" href="./novels/romance/Fifty%20Shades%20Trilogy.pdf">Fifty Shades Trilogy<div class="grid-item"><img class="book" src="./novels/fiction/tri.jfif" alt=""></div></a>
<a class="edit" href="./novels/romance/fifty%20shades%20of%20grey.pdf">Fifty Shades Of Grey<div class="grid-item"><img class="book" src="./novels/fiction/grey.jfif" alt=""></div></a>
<a class="edit" href="./novels/romance/fifty%20shades%20freed.pdf">Fifty Shades Freed<div class="grid-item"><img class="book" src="./novels/fiction/freed.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/romance/Fifty%20Shades%20Darker.pdf">Fifty Shades Darker<div class="grid-item"><img class="book" src="./novels/fiction/darker.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/An%20Unexpected%20Gift%20by%20Ajay%20K.%20Pandey.pdf">An Unexpected Gift<div class="grid-item"><img class="book" src="./novels/fiction/gift.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/Everything%20I%20Never%20Told%20You%20-%20Ajay%20K%20Pandey.pdf">Everything I Never Told<div class="grid-item"><img class="book" src="./novels/fiction/told.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Her%20Last%20Wish.pdf">Her Last Wish<div class="grid-item"><img class="book" src="./novels/fiction/last.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/You%20are%20the%20Best%20Friend%20_%20By%20Ajay%20K.%20Pandey.pdf">You Are The Best Friend<div class="grid-item"><img class="book" src="./novels/fiction/best fr.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/you-are-the-best-wife-a-true.pdf">You Are The Best Wife<div class="grid-item"><img class="book" src="./novels/fiction/bw.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Give%20Your%20Heart%20a%20Break.pdf">Give Your Heart A Break<div class="grid-item"><img class="book" src="./novels/fiction/heart.jfif" alt=""></div></a>
<a class="edit" href="./novels/romance/It%20Had%20to%20Be%20You%20by%20Anuj%20Tiwari.pdf">It Had To Be You<div class="grid-item"><img class="book" src="./novels/fiction/you.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/Its%20Not%20Right,%20but%20Its%20Okay%20by%20Tiwari%20Anuj.pdf">It's Not Right But Its Okay<div class="grid-item"><img class="book" src="./novels/fiction/right.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Hugs%20%20Kisses%20by%20Arvind%20Parashar.pdf">Hugs And Kisses<div class="grid-item"><img class="book" src="./novels/fiction/kiss.jfif" alt=""></div></a>
<a class="edit" href="./novels/romance/2%20States.pdf">Two States<div class="grid-item"><img class="book" src="./novels/fiction/2.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/3%20Mistakes%20of%20my%20life.pdf">Three Mistakes Of My Life<div class="grid-item"><img class="book" src="./novels/fiction/3.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Five%20Point%20Someone.pdf">Five Point Someone<div class="grid-item"><img class="book" src="./novels/fiction/5point.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/One%20Arranged%20Murder.pdf">One Arranged Murder<div class="grid-item"><img class="book" src="./novels/fiction/arrange.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/one%20night%20at%20the%20call%20centre.pdf">One Night At Call Centre<div class="grid-item"><img class="book" src="./novels/fiction/callc.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/one-indian-girl.pdf">One indian girl<div class="grid-item"><img class="book" src="./novels/fiction/indian.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/Revolution%202020.pdf">Revolution 2020<div class="grid-item"><img class="book" src="./novels/fiction/2020.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/Hold_my_Hand_Penguin_Metro_Rea_Durjoy.pdf">Hold my hand<div class="grid-item"><img class="book" src="./novels/fiction/hand.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Someone%20Like%20You%20-%20Durjoy_%20Datta.pdf">Someone Like you<div class="grid-item"><img class="book" src="./novels/fiction/like you.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/a-dance-with-dragons-by-george-rr-martin.pdf">A dance with Dragons<div class="grid-item"><img class="book" src="./novels/fiction/dragon.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/A-Game-Of-Thrones-by-George-R.R.-Martin.pdf">A game of thrones<div class="grid-item"><img class="book" src="./novels/fiction/thrones.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/A-Feast-for-Crows-George-R.-R.-Martin.pdf">A feast for crows<div class="grid-item"><img class="book" src="./novels/fiction/crow.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/A-Clash-Of-Kings-by-George-R.R.-Martin.pdf">A clash of kings<div class="grid-item"><img class="book" src="./novels/fiction/king.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/A-Storm-Of-Swords-by-George-R.R.-Martin.pdf">A storm of swords<div class="grid-item"><img class="book" src="./novels/fiction/storm.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/A%20thousand%20splendid%20suns.pdf"> A thousand splendid days<div class="grid-item"><img class="book" src="./novels/fiction/thou.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/Scandalous%20Housewives_%20Mumbai%20-%20Madhuri%20Banerjee.pdf">Scandalous Housewives<div class="grid-item"><img class="book" src="./novels/fiction/scanda.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/by%20the%20river%20piedra.pdf">By the river Piedra<div class="grid-item"><img class="book" src="./novels/fiction/river.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/The_Rule_Breakers.pdf">Rule breakers<div class="grid-item"><img class="book" src="./novels/fiction/rule.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/A%20tiger%20for%20Malgudi%20R.K%20Narayan.pdf">Tiger for Malgudi<div class="grid-item"><img class="book" src="./novels/fiction/tiger.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/Man%20Eater%20of%20Malgudi%20R.K%20Narayan.pdf">Man eater<div class="grid-item"><img class="book" src="./novels/fiction/eater.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Swami%20and%20Friends%20by%20R.%20K.%20Narayan.pdf">Swami and friends<div class="grid-item"><img class="book" src="./novels/fiction/swami.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/The%20Room%20on%20the%20Roof%20-%20Ruskin%20Bond.pdf">Room on the roof<div class="grid-item"><img class="book" src="./novels/fiction/room.jfif" alt=""></div></a>
<a class="edit" href="./novels/fiction/13%20reasons%20why%20(%20PDFDrive%20).pdf">13 reasons why<div class="grid-item"><img class="book" src="./novels/fiction/13.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/As_If_on_Cue_-_Marisa_Kanter.pdf">As if it in cue<div class="grid-item"><img class="book" src="./novels/fiction/cue.jpg" alt=""></div></a>
<a class="edit" href="./novels/fiction/The_Hating_Game_by_Sally_Thorne.pdf">The hating game<div class="grid-item"><img class="book" src="./novels/fiction/download.jpg" alt=""></div></a>
<a class="edit" href="./novels/fiction/The%20Fault%20in%20Our%20Stars.pdf">Fault in our stars<div class="grid-item"><img class="book" src="./novels/fiction/fault.jfif" alt=""></div></a>
</div><br><br>
<div class="grid-container">
<a class="edit" href="./novels/fiction/Aurora_Rising_-_Amie_Kaufman.pdf">Aurora Rising<div class ="grid-item"><img class="book" src="./novels/fiction/aurora.jpg" alt=""></div></a>
</div></div>
</body></html>