-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbook2v4.html
91 lines (76 loc) · 3.93 KB
/
book2v4.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
!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/book2v4.jpg" >
</div>
<div class="col-md-8">
<br>
<div class="headings">
<br><br>
<h1>The Beginning After The End: Horizon's Edge #4</h1>
<h3>TurtleMe</h3>
</div>
<div class="para">
<p>King Grey has unrivaled strength, wealth, and prestige in world governed through martial ability.
However, solitude lingers closely behind those with great power. Beneath the glamorous exterior
of a powerful king lurks the shell of man, devoid of purpose and will.</p>
<p>Reincarnated into a new world filled with magic and monsters, the king has a second chance to relive
his life. Correcting the mistakes of his past will not be his only challenge, however. Underneath the
peace and prosperity of the new world is an undercurrent threatening to destroy everything he has worked
for, questioning his role and reason for being born again. </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/book2v4.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>