-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathduck.html
205 lines (204 loc) · 9.47 KB
/
duck.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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
<head>
<title>DUCK BOOKS PK | OFFICIAL WEBSITE</title>
<link rel='stylesheet' href='styles.css'>
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css'>
</head>
<body>
<nav>
<div class='left'>
<b><a href="#">BOOKS</a></b>
<b><a href="#">AUTHORS</a></b>
<b><a href="#">ABOUT US</a></b>
<b><a href="#">DUCK SHOP</a></b>
</div>
<div class="center">
<center><a href='#'><img style='width:80px; height:100px;' src="duck.jpg" alt="Image Not Available"></a></center>
</div>
<div class="right">
<form class='search-bar'>
<b><input type="text" id="search" name="search" placeholder="Search..."></b>
<button type='submit'> <img src='search.png' alt='img not found'></button>
</form>
</div>
</nav>
<hr style=' background-color:#006400;'>
<br>
<br>
<table class='toptable'>
<tr>
<td>
<h2> BOOKS OF THE WEEK!</h2>
<div class='book-Image'><a href='page2.html'><center><img src="main book.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><i>How Do You Live</i><br> <b>GENZABURO YOSHINO</b></div>
</div>
<div class='book-Image'><a href='#'><center><img src="main book2.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><i>The Hunting Of Hill House</i><br> <b>SHIRLEY JACKSON</b></div>
</div>
<div class='book-Image'><a href='#'><center><img src="main book3.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><i>Darein</i><br> <b>C.F. IGGULDEN</b></div>
</div>
</td>
<td class='features'>
<center><h3 style='background-color: #006400; color: white'>Features</h3></center>
<img class='feature-image' src='Feature1.png' alt='image not available'><br>
<p class='hover'>Books to read if you’re considering psychotherapy</p>
<img class='feature-image' src='Feature2.png' alt='image not available'><br>
<p class='hover'>Extraordinary stories from ordinary people</p>
<img class='feature-image' src='Feature3.png' alt='image not available'><br><br>
<p class='hover'>Extract: Happy Place by Emily Henry</p>
<img class='feature-image' src='Feature4.png' alt='image not available'><br><br>
<p class='hover'>21 Questions with Curtis Sittenfeld</p>
</td>
</tr>
</table>
<br>
<br>
<br>
<hr style=' background-color:#006400;'>
<h2> The books everyone is talking about</h2>
<div style='margin:50px' class='row'>
<div class='column'>
<div class='books'><a href='#'><center><img src="1.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>A House for Alice</i><br> <b>DIANA EVANS</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="2.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Go As A River</i><br> <b>SHELLY READ</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="3.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Pineapple Street</i><br> <b>JENNY JACKSON</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="4.jpg" alt="Image Not Available"></a></center>
<div class='desciption'> <center><i>The Last Devil<br> To Die</i><br> <b>RICHARD OSMAN</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="5.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Space</i><br> <b>TIM PEAKE</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="6.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Love Untold</i><br> <b>RUTH JONES</b></div></center>
</div>
</div>
</div>
<br><br>
<br>
<hr style=' background-color:#006400;'>
<br>
<br>
<table>
<tr>
<td style='TEXT-align: left; padding:30px; '>
<div class='article'>
<h4>Reading lists</h4><a href='page3.html'><center><img style='width:390px; height:290px;'src="article1.jpg" alt="Image Not Available"></a></center>
<div><a style='text-decoration: none' href='page3.html'><h2>The books we loved in 2021</h2><br></a>
<p>Here, the Duck.co.pk editors wax effusive about the very best books we read this year,from life-altering guides to how to spend our time on Earth to epic American novels toyoung adult tales from 1937 Japan.</p>
</div>
</div>
</td>
<td style= 'TEXT-align: left; padding:30px;'>
<div class='article'>
<h4>Features</h4><a href='#'><center><img style='width:390px; height:290px;'src="article2.jpg" alt="Image Not Available"></a></center>
<div><h2> How to make giving a book extra special this year<br></h2>
<p>Know the perfect book to give this Christmas, but want to really show how you feel? We’ve got tips to help with that.</p>
</div>
</div>
</td>
<td style= ' TEXT-align: left;padding:30px;'>
<div class='article'>
<h4>Reader recommendations</h4><a href='#'><center><img style='width:390px; height:290px;'src="article3.jpg" alt="Image Not Available"></a></center>
<div><h2>Duck editors on the books that always make them cry</h2><br>
<p>From life-affirming real-life tales to beautifully moving fiction, here are some books that never fail to elicit a tear from the Penguin team. What would be on your...</p>
</div>
</div>
</td>
</tr>
</TABLE>
<br>
<br>
<hr style=' background-color:#006400;'>
<br>
<br>
<h2> Little Clothbound Classics: The Spring collection</h2>
<div style= 'margin:50px' class='row'>
<div class='column'>
<div class='books'><a href='#'><center><img src="b1.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>White Nights</i><br> <b>FYODOR DOSTOYEVSKY</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b2.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Shooting an elephant</i><br> <b>GEORGE ORWELL</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b3.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Moonlight</i><br> <b>GUY DE MUAPASSANT</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b4.jpg" alt="Image Not Available"></a></center>
<div class='desciption'> <center><i>The Lagoon</i><br> <b>JOSEPH CONARD</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b5.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>The Imitation of the<br>Rose</i><br> <b>CLARICE LISPECTOR</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b6.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>About Love</i><br> <b>ANTON CHEKHOV</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b7.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Terrotory of Light</i><br> <b>YUKO TSUSHIMA</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b8.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Letters to a young Poet</i><br> <b>RAINER MARIA RILKE</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b9.jpg" alt="Image Not Available"></a></center>
<div class='desciption'> <center><i>The Enchanted April</i><br> <b>ELIZABETH VON ARNIM</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b10.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>Dream Story</i><br> <b>ARTHUR SCHNITZLER</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b11.jpg" alt="Image Not Available"></a></center>
<div class='desciption'> <center><i>Of Mice and Men</i><br> <b>JOHN STEINBECK</b></div></center>
</div>
<div class='books'><a href='#'><center><img src="b12.jpg" alt="Image Not Available"></a></center>
<div class='desciption'><center><i>A Spy in the House of Love</i><br> <b>ANAIS NIN</b></div></center>
</div>
</div>
</div>
<br>
<br>
<hr style=' background-color:#006400;'>
<footer class="footer">
<div class="container">
<div class="row">
<div class='footer-col'>
<h4>company</h4>
<ul>
<li><a href='#'>Our company</a></li>
<li><a href='#'>Work with us</a></li>
<li><a href='#'>Getting published</a></li>
<li><a href='#'>Publishing houses</a></li>
<li><a href='#'>Social Impact</a></li>
<li><a href='#'>Contact us</a></li>
</ul>
</div>
<div class='footer-col'>
<h4>Useful Links</h4>
<ul>
<li><a href='#'>Privacy policy</a></li>
<li><a href='#'>Cookies policy</a></li>
<li><a href='#'>Accessibility</a></li>
<li><a href='#'>Terms & conditions</a></li>
<li><a href='#'>Help & FAQs</a></li>
<li><a href='#'>Permissions</a></li>
<li><a href='#'>Industry commitment to<br>professional behaviour</a></li>
</ul>
</div>
<div class='footer-col'>
<h4>follow us</h4>
<div class='social-links'>
<a href='#'><i class="fab fa-facebook-f"></i></a>
<a href='#'><i class='fab fa-twitter'></i></a>
<a href='#'><i class='fab fa-instagram'></i></a>
<a href='#'><i class='fab fa-youtube'></i></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>