-
Notifications
You must be signed in to change notification settings - Fork 0
/
favorite_books.html
184 lines (184 loc) · 9.04 KB
/
favorite_books.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="icon.png" />
<title>Favorite Books</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/books.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css"
integrity="sha512-ELV+xyi8IhEApPS/pSj66+Jiw+sOT1Mqkzlh8ExXihe4zfqbWkxPRi8wptXIO9g73FSlhmquFlUOuMSoXz5IRw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link href="./smartmenus/sm-core-css.css" rel="stylesheet" />
<link href="./smartmenus/sm-blue.css" rel="stylesheet" />
<script
src="https://code.jquery.com/jquery-3.6.3.min.js"
integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
crossorigin="anonymous"
></script>
<script src="./smartmenus/jquery.smartmenus.min.js"></script>
<script src="js/custom_smart_menu.js"></script>
<script
src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"
integrity="sha256-eTyxS0rkjpLEo16uXTS0uVCS4815lc40K2iVpWDvdSY="
crossorigin="anonymous"
></script>
<script type="text/javascript" src="js/custom_panel.js"></script>
</head>
<body>
<header id="site-header">
<div class="main-menu">
<nav class="main-nav" role="navigation">
<h2 class="nav-brand"><a href="./">Phuong Anh Vu</a></h2>
<ul class="sm sm-blue" id="main-menu">
<li><a href="./">Home</a></li>
<li class="active">
<a href="favorite_books.html">Favorite Books</a>
</li>
<li><a href="about_us.html">About Us</a></li>
<li>
<a href="#">Service</a>
<ul>
<li>
<a href="#">Building Website</a>
<ul>
<li><a href="#">Drupal 8</a></li>
<li><a href="#">Drupal 9</a></li>
<li><a href="#">Drupal 10</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="color_theory.html">Color Theory</a></li>
<li><a href="VietNam_scenic.html">Vietnam Scenic</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<div id="banner">
<h1>Favorite Books Page</h1>
</div>
<main>
<div class="main" id="main">
<section class="introduction">
Reading has always been a passion of mine, and I've had the pleasure
of reading many incredible books over the years. From the classics to
the contemporary, I've enjoyed a wide range of literature, each with
its own unique style and theme. However, a few books have stood out to
me as truly exceptional and have become my all-time favorites. These
books have captured my imagination, made me laugh and cry, and left a
lasting impact on me. In this paragraph, I would like to share my top
three favorite books with you and the summary of these books.
</section>
<h1>My Top Three Favorite Books</h1>
<div id="tabContainer" class="awesome-border draw">
<ul>
<li><a href="#panel1">The Alchemist</a></li>
<li><a href="#panel2">My Sweet Orange Tree</a></li>
<li><a href="#panel3">The Little Prince</a></li>
</ul>
<!-- panel 1 -->
<div id="panel1">
<div class="panel_content">
<p>
"The Alchemist" is a bestselling novel by Brazilian author Paulo
Coelho. It tells the story of Santiago, a shepherd boy from
Andalusia, who embarks on a journey to the Egyptian desert to
find a treasure that he has dreamt of. Along the way, he meets a
series of individuals, including an alchemist who teaches him
about the importance of following his dreams and listening to
his heart. Throughout the story, Santiago learns to trust in the
universe and its signs, discovering that everything in life is
connected and that each person has a unique purpose. He learns
to embrace the present moment and appreciate the beauty of the
world around him, even in the face of adversity. The novel is a
metaphor for the journey of life and the pursuit of one's
dreams, illustrating the importance of courage, faith, and
persistence. It has inspired millions of readers around the
world with its message of hope and self-discovery. "The
Alchemist" is a timeless classic that reminds us to follow our
hearts and trust in the universe, even when the path ahead is
uncertain. It is a story that encourages us to embrace the
journey of life and to appreciate the beauty of the world around
us.
</p>
<img
src="images/the_alchemist.jpg"
height="200"
alt="the alchemist"
/>
</div>
</div>
<!-- panel 2 -->
<div id="panel2" class="wrap">
<div class="panel_content">
<p>
My Sweet Orange Tree is a novel by Brazilian author José Mauro
de Vasconcelos, published in 1968. The book tells the story of a
five-year-old boy named Zezé who lives in poverty in Brazil with
his family. Zezé finds solace in his friendship with a small
orange tree, which he calls "Xururuca". The novel follows Zezé's
adventures as he navigates life in his impoverished community
and deals with an abusive father. Throughout the book, Zezé uses
his imagination and friendship with Xururuca to cope with the
challenges he faces. As the story progresses, Zezé's father
loses his job and the family is forced to move to a different
city. Zezé is heartbroken at the thought of leaving Xururuca
behind, but with the help of his older brother, he is able to
transplant the tree to their new home. "My Sweet Orange Tree" is
a coming-of-age story that explores themes of poverty, family,
and the power of imagination. It has become a beloved classic in
Brazil and has been translated into several languages.
</p>
<img
src="images/my_sweet_orange_tree.jpg"
height="200"
alt="my sweet orange tree"
/>
</div>
</div>
<!-- panel 3 -->
<div id="panel3" class="wrap">
<div class="panel_content">
<p>
"The Little Prince" by Antoine de Saint-Exupéry is a timeless
tale that has captured the hearts of readers of all ages for
generations. The story follows a young boy from another planet
who sets out on a journey across the universe, eventually
landing on Earth. Along the way, he meets a number of strange
and interesting characters, including a pilot who has crashed in
the Sahara desert. The story is a beautiful and poignant
exploration of human nature, and the importance of imagination,
friendship, and love. It touches on themes of loneliness, loss,
and the beauty of the world around us. The little prince teaches
the pilot about the meaning of life, and the importance of
looking beyond the surface to find what is truly important. At
its core, "The Little Prince" is a meditation on the human
condition, and a reminder of the importance of holding on to the
childlike wonder that we all once had. It speaks to the power of
imagination and the ability to see the world through the eyes of
a child, and reminds us that the most important things in life
are often the simplest. Through its unforgettable characters and
beautiful language, the book continues to inspire readers around
the world to this day, and will likely continue to do so for
many years to come.
</p>
<img
src="images/the_little_prince.jpg"
height="200"
alt="the little prince"
/>
</div>
</div>
</div>
</div>
</main>
<div id="footer">Copyright © Phuong Anh Vu; 2023 All Rights Reserved.</div>
</body>
</html>