-
Notifications
You must be signed in to change notification settings - Fork 0
/
book1v4.html
90 lines (76 loc) · 3.96 KB
/
book1v4.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
!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/book1v4.jpg" >
</div>
<div class="col-md-8">
<br>
<div class="headings">
<br><br>
<h1>Harry Potter and the Goblet of Fire #4</h1>
<h3>JK Rowling</h3>
</div>
<div class="para">
<p>Harry Potter is midway through his training as a wizard and his coming of age. Harry wants to get away
from the pernicious Dursleys and go to the International Quidditch Cup with Hermione, Ron, and the Weasleys.
He wants to dream about Cho Chang, his crush (and maybe do more than dream). He wants to find out about the
mysterious event that's supposed to take place at Hogwarts this year, an event involving two other rival schools of magic,
and a competition that hasn't happened for hundreds of years. He wants to be a normal, fourteen-year-old wizard. But unfortunately
for Harry Potter, he's not normal - even by wizarding standards.</p>
<p>And in his case, different can be deadly. </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/book1v4.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>