-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (59 loc) · 2.3 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BookReader</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav>
<div class="logo">
<img src="img/logo.jpg" alt="Logo" height="25px" /> BookReader
</div>
<ul class="nav-links" id="navLinks">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Help & Support</a></li>
</ul>
<div class="mobile-menu-icon" onclick="toggleMenu()">
<img src="img/menu-icon.jpg" alt="Menu Icon">
</div>
</nav>
<div class="content">
<div class="description">
<h1>Welcome to BookReader.....</h1>
<p>
Welcome to BookReader Web App, where you can immerse yourself in
a world of literature and explore a diverse collection of books from
various genres. Whether you're a casual reader looking to enjoy a
captivating story online or an avid book lover eager to expand your
personal library, our platform offers something for everyone. Discover
new authors, explore timeless classics, and embark on literary
adventures with just a few clicks. With convenient options to read
online or purchase your favorite titles, you can enjoy the pleasure of
reading anytime, anywhere. Start your journey into the world of books
today!
</p>
<div class="buttons">
<button id="read-online" class="btn1">Read Online</button>
<button id="purchase" class="btn2">Buy Now</button>
</div>
</div>
<div class="book-images">
<img src="img/book1.jpg" alt="Book 1" />
<img src="img/book2.jpg" alt="Book 2" />
<img src="img/book3.jpg" alt="Book 3" />
<img src="img/book4.jpg" alt="Book 4" />
<img src="img/book5.jpg" alt="Book 5" />
<img src="img/book6.jpg" alt="Book 6" />
</div>
</div>
<footer>
<p>© 2024 BookReader App. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>