-
Notifications
You must be signed in to change notification settings - Fork 0
/
wonder.html
92 lines (89 loc) · 4.94 KB
/
wonder.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
<!DOCTYPE html>
<html class="ziadz-scroll" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Review: Wonder</title>
<link rel="stylesheet" href="style.css">
</head>
<body class="ziadz-body">
<nav class="ziadz-m">
<span class="ziadz-logo">booktobia</span>
<ul class="ziadz-s">
<li class="ziadz-0"><a href="index.html">Home</a></li>
<li class="ziadz-0"><a href="#author-info">About the Author</a></li>
<li class="ziadz-0"><a href="#publishing">Publishing Information</a></li>
<li class="ziadz-0"><a href="#summary">Summary</a></li>
<li class="ziadz-0"><a href="#reviews">Reviews</a></li>
<li class="ziadz-0"><a href="#video-review">Video Review</a></li>
<li class="ziadz-0"><a href="#buy-now">Buy Now</a></li>
<li class="ziadz-0"><a href="/contact us.html">Contact Us</a></li>
</ul>
</nav>
<div class="ziadz-container">
<header class="ziadz-header">
<h1 class="ziadz-title">Book Review: Wonder</h1>
<img class="ziadz-image" src="https://m.media-amazon.com/images/I/71Q1KDTHXLL._SY466_.jpg" alt="Wonder Book Cover">
<section class="ziadz-details" id="book-details">
<h2 class="ziadz-h">Book Details</h2>
<div class="ziadz-details">
<table class="ziadz-t">
<tr class="ziadz-tr">
<td class="ziadz-td">Author:</td>
<td class="ziadz-td">R.J. Palacio</td>
</tr>
<tr>
<td class="ziadz-td">Publishing:</td>
<td class="ziadz-td">Alfred A. Knopf</td>
</tr>
<tr>
<td class="ziadz-td">Country:</td>
<td class="ziadz-td">United States</td>
</tr>
<tr>
<td class="ziadz-td">Genre:</td>
<td class="ziadz-td">Fiction</td>
</tr>
<tr>
<td class="ziadz-td">Pages:</td>
<td class="ziadz-td">320</td>
</tr>
</table>
</div>
</section>
</header>
<section class="ziadz-1" id="author-info">
<h2>About the Author</h2>
<p class="ziadz-p">R.J. Palacio is an American author and graphic designer. Wonder is her first novel.</p>
</section>
<section class="ziadz-1" id="publishing">
<h2>Publishing Information</h2>
<p class="ziadz-p">Wonder was published in 2012 by Alfred A. Knopf. It has since become a New York Times bestseller and has been adapted into a film.</p>
</section>
<section class="ziadz-1" id="summary">
<h2>Summary</h2>
<p class="ziadz-p">Wonder is a book by R.J. Palacio about a boy named August Pullman who has facial differences and struggles to fit in at a new school.</p>
</section>
<section class="ziadz-1" id="reviews">
<h2>Reviews</h2>
<p class="ziadz-p">"Wonder is a beautifully written, heartwarming story that teaches important lessons about empathy and acceptance." - The Guardian</p>
</section>
<section class="ziadz-1" id="video-review">
<h2>Video Review</h2>
<p class="ziadz-p">Check out this video review of "Wonder":</p>
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/AeBIq1dtghU?si=k-yhgTsJLkYn8z5H" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div>
</section>
<section class="ziadz-1" id="buy-now">
<h2>Buy Now</h2>
<p class="ziadz-p">You can purchase Wonder from your favorite book retailer or online store.</p>
<a class="ziadz-amazon" href="https://www.amazon.com/Wonder-R-J-Palacio/dp/0375869026" target="_blank" rel="noopener noreferrer"><img class="ziadz-amazon" src="https://upload.wikimedia.org/wikipedia/commons/6/62/Amazon.com-Logo.svg" alt="Buy on Amazon"></a>
</section>
<section class="ziadz-1" id="contact-us">
<h2>Contact Us</h2>
<a class="ziadz-photo" href="[email protected]"><img class="ziadz-photo" src="https://www.gstatic.com/images/icons/material/product/2x/gmail_48dp.png" alt="Gmail Logo"></a>
<a class="ziadz-photo" href="https://www.linkedin.com/in/ziad-e-07177528a?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img class="ziadz-photo" src="https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png" alt="LinkedIn Logo"></a>
</section>
</div>
</body>
</html>