-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbook.html
150 lines (126 loc) · 6.25 KB
/
book.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS -->
<link rel="stylesheet" href="assets/css/base.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- Icons -->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Title and Icon -->
<link rel = "icon" href = "./assets/img/papertown.jpg" type = "image/x-icon">
<title>ThePaperTown</title>
</head>
<body>
<header>
<div class="header-container">
<a href="index.html" class="logo">
<img src="./assets/img/papertown.jpg" alt="Website's logo Paper Town">
</a>
<nav class="header-nav-pc">
<ul class="header-nav-pc-list">
<li><a href="index.html">Home</a></li>
<li><a href="manga.html">Manga</a></li>
<li><a href="romance.html">Romance</a></li>
<li><a href="literature.html">Literature</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<label for="header-nav-mb-input" class="header-nav-bars-btn">
<i class="uil uil-bars"></i>
</label>
<input hidden type="checkbox" class="nav-input" id="header-nav-mb-input">
<label for="header-nav-mb-input" class="header-nav-overlay">
</label>
<nav class="header-nav-mb">
<label for="header-nav-mb-input" class="header-nav-mb-close">
<i class="uil uil-times"></i>
</label>
<ul class="header-nav-mb-list">
<li><a href="index.html">Home</a></li>
<li><a href="manga.html">Manga</a></li>
<li><a href="romance.html">Romance</a></li>
<li><a href="literature.html">Literature</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Term of use</a></li>
</ul>
</nav>
</div>
</header>
<div class="breadcrumb">
<ul class="breadcrumb-list">
<li><a href="index.html">Home</a></li>
<li><a href="romance.html">Romance</a></li>
<li>The Fault In Our Stars</li>
</ul>
</div>
<main>
<div class="book_img-container">
<div class="book_img-main">
<img src="./assets/img/faultinourstars2.jpg" alt="The Fault In Our Stars">
</div>
<div class="book_img-sub-container">
<div class="book_img-sub">
<img src="./assets/img/faultinourstars.jpg" alt="The Fault In Our Stars 2">
</div>
<div class="book_img-sub">
<img src="./assets/img/faultinourstars3.jpg" alt="The Fault In Our Stars 3">
</div>
<div class="book_img-sub">
<img src="./assets/img/faultinourstars4.jpg" alt="The Fault In Our Stars">
</div>
</div>
<div class="book-price">
<h2>₫79.000 vnd</h2>
<button class="book-buy-btn">
<i class="uil uil-shopping-cart-alt"></i>
Add to cart
</button>
</div>
</div>
<div class="book_info-container">
<h2>The Fault In Our Stars</h2>
<p><b> The beloved, #1 global bestseller by John Green, author of The Anthropocene Reviewed and Turtles All the Way Down</b> <br>
"<em>John Green is one of the best writers alive.</em>" -E. Lockhart, #1 bestselling author of We Were Liars <br>
"<em>The greatest romance story of this decade.</em>″ -Entertainment Weekly <br>
#1 New York Times Bestseller - #1 Wall Street Journal Bestseller - #1 USA Today Bestseller - #1 International Bestseller <br>
Despite the tumor-shrinking medical miracle that has bought her a few years, Hazel has never been anything but terminal, her final chapter inscribed upon diagnosis. But when a gorgeous plot twist named Augustus Waters suddenly appears at Cancer Kid Support Group, Hazel's story is about to be completely rewritten. <br>
From John Green, #1 bestselling author of <em> The Anthropocene Reviewed and Turtles All the Way Down, The Fault in Our Stars</em> is insightful, bold, irreverent, and raw. It brilliantly explores the funny, thrilling, and tragic business of being alive and in love.</p>
<!-- Cite: https://bookshop.org/books/the-fault-in-our-stars/9780142424179 -->
</div>
</main>
<footer>
<div class="footer-container">
<a href="#" class="footer-name">
<div class="footer-logo">
<img src="./assets/img/papertown.jpg" alt="PaperTown logo">
</div>
<h2>The Paper Town</h2>
</a>
<div class="footer-nav">
<ul class="footer-nav-container">
<li><a href="#">About Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Term of Uses</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<hr class="footer-break-bar">
<div class="footer-extra-content">
<div class="copy-right">
<p>Copyright © 2022 <a style="color: rgb(128, 95, 45)" href="">The Paper Town</a> . All Rights Reserved.</p>
</div>
</div>
</footer>
</body>
</html>