-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (100 loc) · 4.86 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
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>BookAttic</title>
<!--(Font awesome) icons-->
<script src="https://kit.fontawesome.com/d5ac8b4c0f.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<!--Google fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merienda:wght@600&family=Montserrat:wght@700&family=Tilt+Warp&family=Ubuntu&display=swap" rel="stylesheet">
</head>
<body>
<section id="home">
<div class="topnav">
<a id="logo">BookAttic</a>
<a href="#footer">Contact</a>
<a href="#about">About</a>
<a href="#buy">Buy</a>
<a href="#home">Home</a>
</div>
<div >
<h1 class="big-heading">Buy a book <br> of your choice.</h1>
</div>
<div id="book">
<img class="book-img" src="img5.jpg" width="400" heigth="600">
</div>
<div id="button">
<button class="search" type="button">Search</button>
</div>
</section>
<section id="buy">
<h2 class="bd-heading">Best Seller Books</h2>
<div id="b1">
<img src="img4.jpeg" width="200" heigth="280">
<br>
<p class="txt">It Ends with Us</p>
<p class="txt">Rs 210</p>
</div>
<div id="b2">
<img src="img1.jpeg" width="200" heigth="300">
<br>
<p class="txt">The Night Circus</p>
<p class="txt">Rs 290</p>
</div>
<div id="b3">
<img src="img3.webp" width="200" heigth="300">
<br>
<p class="txt">Harry Potter and the <br> prisoner Of Azkaban </p>
<p class="txt">Rs 310</p>
</div>
<div id="b4">
<img src="img2.jpeg" width="200" heigth="300">
<br>
<p class="txt">The Namesake</p>
<p class="txt">Rs 200</p>
</div>
<h2 class="g-heading">Generes</h2>
<div id="b5">
<img src="img6.jpeg" width="205" heigth="285">
<br>
<p class="txt">Fantasy</p>
<p class="txt"><i class="fa-solid fa-arrow-right "></i></p>
</div>
<div id="b6">
<img src="img8.jpeg" width="210" heigth="310">
<br>
<p class="txt">Fiction</p>
<p class="txt"><i class="fa-solid fa-arrow-right "></i></p>
</div>
<div id="b7">
<img src="img7.jpeg" width="200" heigth="300">
<br>
<p class="txt">Sci-Ficton</p>
<p class="txt"><i class="fa-solid fa-arrow-right "></i></p>
</div>
<div id="b8">
<img src="img9.jpeg" width="210" heigth="310">
<br>
<p class="txt">Non-Fiction</p>
<p class="txt"><i class="fa-solid fa-arrow-right "></i></p>
</div>
</section>
<section id="about">
<h2 class="a-heading">About</h2>
<div><p class="a-body"> Welcome to BookAttic, your go-to destination for discovering and purchasing books online. We are passionate about connecting book lovers with their next great read, providing a convenient and immersive online shopping experience.
At BookAttic, we believe in the power of books to inspire, entertain, and enlighten. Whether you're a voracious reader, a casual book enthusiast, or someone looking for a special gift, we've curated a vast collection of titles across various genres to cater to all interests and preferences. Our mission is to make the process of finding and purchasing books as seamless as possible. Our user-friendly interface allows you to easily navigate through different categories, explore author profiles, and access insightful reviews and recommendations. With just a few clicks, you can add your desired books to your shopping cart and proceed to a secure and hassle-free checkout process.
We prioritize quality and authenticity, partnering with reputable publishers, distributors, and authors to ensure that the books you purchase are genuine and in excellent condition. We also offer multiple payment options, including secure online transactions, to provide a convenient and trustworthy shopping experience
Our dedicated team of book enthusiasts is committed to providing exceptional customer service. If you have any questions, recommendations, or need assistance, our friendly support team is always here to help.
Thank you for choosing [Your Website Name] as your online bookstore. Embark on a literary journey with us and discover the magic and wonder that books bring to our lives.</p></div>
</section>
<section id="footer">
<i class="fa-brands fa-twitter footer-icons"></i>
<i class="fa-brands fa-facebook footer-icons"></i>
<i class="fa-brands fa-instagram footer-icons"></i>
<i class="fa-solid fa-envelope footer-icons"></i>
<p>© Copyright 2023 BookAttic</p>
</section>
</body>
</html>