-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbook6.html
96 lines (82 loc) · 4.23 KB
/
book6.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
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<!--=============== REMIX ICONS ===============-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<!--=============== CSS ===============-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>Bookish</title>
<link rel="shortcut icon" href="assets/img/logo3.png" type="image/x-icon">
</head>
<body>
<!--==================== HEADER ====================-->
<header class="header" id="header">
<nav class="nav container">
<a href="#" class="nav__logo">
<i class="ri-book-line nav__logo-icon"></i> Bookish
</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item">
<a href="index.html" class="nav__link">Home</a>
</li>
<li class="nav__item">
<a href="#book" class="nav__link active-link">Book</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container" >
<div class="row">
<div class="col-md-4">
<br><br><br><br>
<img class="book_img" src="assets/img/book6.jpg" >
</div>
<div class="col-md-8">
<br>
<div class="headings">
<br><br>
<h1>The Archer</h1>
<h3>Paulo Coelho</h3>
</div>
<div class="para">
<p>In The Archer we meet Tetsuya, a man once famous for his prodigious gift
with a bow and arrow but who has since retired from public life, and the
boy who comes searching for him. The boy has many questions, and in
answering them Tetsuya illustrates the way of the bow and the tenets
of a meaningful life. Paulo Coelho's story suggests that living without
a connection between action and soul cannot fulfill, that a life
constricted by fear of rejection or failure is not a life worth living.
Instead one must take risks, build courage, and embrace the unexpected
journey fate has to offe</p>
<p>With the wisdom, generosity, simplicity, and grace that have made him an
international best seller, Paulo Coelho provides the framework for a rewarding
life: hard work, passion, purpose, thoughtfulness, the willingness to fail,
and the urge to make a difference.</p>
</div>
<button type="button" class="button">
<span class="button__text">Listen</span>
<span class="button__icon">
<ion-icon name="musical-notes-outline"></ion-icon>
</span>
</button>
<button type="button" class="button" onclick="location.href='assets/books/book6.pdf';">
<span class="button__text">Read</span>
<span class="button__icon">
<ion-icon name="book-outline"></ion-icon>
</span>
</button>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</div>
</div>
<!--=============== MAIN JS ===============-->
<script src="assets/js/main.js"></script>
</body>
</html>