-
Notifications
You must be signed in to change notification settings - Fork 1
/
Novels.html
103 lines (96 loc) · 3.87 KB
/
Novels.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="CSS/syle.css">
<link rel="stylesheet" href="CSS/contactAndmenu.css">
<style>
body {
background-image: url("image/gro.jpg");
}
</style>
<!-- Render All Elements Normally -->
<link rel="stylesheet" href="css/normalize.css" />
<!-- Font Awesome Library -->
<link rel="stylesheet" href="css/all.min.css" />
</head>
<body>
<!-- Start Header -->
<div class="header">
<div class="container">
<i class="fas fa-book-reader"></i>
<h1>
reading lovers
</h1>
<div class="links">
<span class="icon">
<span></span>
<span></span>
<span></span>
</span>
<ul>
<li><a href="slider.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact With Us</a></li>
<li><a href="enter.html">Log Out</a></li>
</ul>
</div>
</div>
</div>
<!-- End Header -->
<section>
<h2 class="head">Novels</h2>
<figure class="boo">
<div id="p1">
<img src="image/nn.PNG" alt="logo picture" width="300" height="400px">
<figcaption>
<a class="lin" href="https://www.bookbub.com/books/little-women-by-louisa-may-alcott-469a8c1b-f597-4c6e-b147-6650e47280f4"
target="_block">
Little Women</a>
</figcaption>
</div>
<br>
<div id="p2">
<img src="image/o.PNG" alt="logo picture" width="285" height="400px">
<figcaption>
<a class="lin" href="https://www.amazon.com/Born-Brothers-Southern-Legacy-Book-ebook/dp/B00U9U29AA?asin=B00U9U29AA&revisionId=49e213fe&format=1&depth=1"
target="_block">
BORN TO be BROTHERS</a>
</figcaption>
</div>
<div id="p3">
<img src="image/uuu.jpg" alt="logo picture" width="300" height="400px">
<figcaption>
<a class="lin" href="https://www.amazon.in/Wuthering-Heights-Emily-Bront%C3%AB/dp/8172344899/ref=sr_1_5?crid=3KIZ0XEXE02OQ&dchild=1&keywords=novels&qid=1629294826&s=books&sprefix=n%2Cstripbooks%2C247&sr=1-5&asin=1853260010&revisionId=&format=4&depth=1"
target="_block">
Wuthering Heights </a>
</figcaption>
</div>
<div id="p4">
<img src="image/uv.jpg" style="position: relative; left: 90px;"alt="logo picture" width="300" height="400px">
<figcaption>
<a class="lin" href="https://www.amazon.in/Girl-Who-Knew-Too-Much/dp/0143439944/ref=sr_1_6?crid=3KIZ0XEXE02OQ&dchild=1&keywords=novels&qid=1629294826&s=books&sprefix=n%2Cstripbooks%2C247&sr=1-6&asin=B07256BWTT&revisionId=d38ad659&format=1&depth=1"
target="_block">
The Girl Who Knew Too Much </a>
</figcaption>
</div>
<div id="p5">
<img src="image/you.jpg" alt="logo picture" width="300" height="400px">
<figcaption>
<a class="lin" href="https://www.amazon.in/Something-I-Never-Told-You/dp/0143445901/ref=sr_1_7?crid=3KIZ0XEXE02OQ&dchild=1&keywords=novels&qid=1629294826&s=books&sprefix=n%2Cstripbooks%2C247&sr=1-7&asin=B07NMN8Z7V&revisionId=84162500&format=1&depth=1"
target="_block">
Something I Never Told You </a>
</figcaption>
</div>
<div id="p6">
<img src="image/ma.jpg" alt="logo picture" width="300" height="400px">
<figcaption>
<a class="lin" href="https://www.amazon.in/Life-What-Make-Preeti-Shenoy/dp/9380349300/ref=sr_1_9?crid=3KIZ0XEXE02OQ&dchild=1&keywords=novels&qid=1629294826&s=books&sprefix=n%2Cstripbooks%2C247&sr=1-9&asin=9380349300&revisionId=&format=4&depth=1"
target="_block">
Life is What You Make It
</a>
</figcaption>
</div>
</figure>
</section>
</body>
</html>