-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbook3.html
90 lines (76 loc) · 3.96 KB
/
book3.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/book3.jpg" >
</div>
<div class="col-md-8">
<br>
<div class="headings">
<br><br>
<h1>Atomic Habits</h1>
<h3> James Clear</h3>
</div>
<div class="para">
<p>No matter your goals, Atomic Habits offers a proven framework for improving—every day. James Clear,
one of the world's leading experts on habit formation, reveals practical strategies that will teach
you exactly how to form good habits, break bad ones, and master the tiny behaviors that lead to remarkable results.</p>
<p>If you're having trouble changing your habits, the problem isn't you. The problem is your system.
Bad habits repeat themselves again and again not because you don't want to change, but because you have the wrong system
for change. You do not rise to the level of your goals. You fall to the level of your systems. Here, you'll get a proven system that can take you to new heights.
</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/book3.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>