-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path1.html
More file actions
90 lines (87 loc) · 5.09 KB
/
1.html
File metadata and controls
90 lines (87 loc) · 5.09 KB
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>
<title>Book Store</title>
<link rel="stylesheet" href="bookstore.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="head"><p>Grab Best Dealing Books upto 50% off!</p></div>
<header>
<div class="header">
<div class="icon"></div>
<div class="search"><input type="text" placeholder="Search" class="input">
<div class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></div></div>
<div class="account"><i class="fa-solid fa-circle-user space"></i>
<p class="p1 space">My Account</p>
<select class="space">
<option>Login</option>
<option>Your Account</option>
<option>Personal setting</option>
</select>
<p class="space">|</p>
<i class="fa-solid fa-cart-shopping space"></i>
</div></div>
<div class="head2">
<p class="a">Books</p>
<div class="a">|</div>
<p class="a">New Arrivals</p>
<div class="a">|</div>
<p class="a">Box Sets</p>
<div class="a">|</div>
<p class="a">Best sellers</p>
<div class="a">|</div>
<p class="a">Fiction Books</p>
<div class="a">|</div>
<p class="a">Award Winners</p>
<div class="a">|</div>
<p class="a">Featured Authors</p>
<div class="a">|</div>
<p class="a">Todays Deal</p>
<div class="a">|</div>
<p class="a">Request a Book</p>
</div>
<hr style="border: 0.4px solid red;">
<div class="pic">
</div>
</header>
<div class="all-img"><div class="big-img">
<div class="slider">
<div class="img"><img src="main.jpg" alt=""></div>
<div class="img"><img src="main2.jpg" alt=""></div>
<div class="img"><img src="main3.jpg" alt=""></div>
<div class="img"><img src="main.jpg" alt=""></div>
</div>
</div>
<div class="side-img">
<div class="up-img"><img src="mainsideup.jpg" alt=""></div>
<div class="down-img"><img src="mainsidedown.jpg" alt=""></div>
</div>
</div>
<div class="best-of-all">
<div class="b"><img src="icon1.png" alt=""style="height: 41px;"><p>Best Seller</p></div>
<div class="b"><img src="icon2.png" alt=""style="height: 41px;"><p>Award Winners</p></div>
<div class="b"><img src="icon3.png" alt=""style="height: 41px;"><p>Box Sets</p></div>
<div class="b"><img src="icon4.png" alt=""style="height: 41px;"><p>International Best Seller</p></div>
<div class="b"><img src="icon5.png" alt=""style="height: 41px;"><p>New Arrivals</p></div>
<div class="b"><img src="icon6.png" alt=""style="height: 41px;"><p>Fictions Books</p></div>
<div class="b"><img src="icon7.png" alt=""style="height: 41px;"><p>Children Books</p></div>
<div class="b"><img src="icon8.png" alt=""style="height: 41px;"><p>Comic Books</p></div>
<div class="b"><img src="icon9.png" alt=""style="height: 41px;"><p>Tarot Cards</p></div>
</div>
<div class="middle-img"></div>
<hr>
<h2>Now Trending</h2>
<div class="book-sec">
<div class="books"><img src="book1.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">Satanic Verses</p><br><p>Salman Rushdie</p><p style="color: red;font-weight: bolder;">$1454</p></div>
<div class="books"><img src="book2.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">The Satanic Verses</p><br><p>Salman Rushdie</p><p style="color: red;font-weight: bolder;">$1350</p></div>
<div class="books"><img src="book3.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">White Nights</p><br><p>Ronald Meyer</p><p style="color: red;font-weight: bolder;">$90</p></div>
<div class="books"><img src="book4.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">New Rules of War</p><br><p>Sean McFate</p><p style="color: red;font-weight: bolder;">$936</p></div>
<div class="books"><img src="book5.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">Vagabond</p><br><p>Takehiko Inoue</p><p style="color: red;font-weight: bolder;">$1536</p></div>
<div class="books"><img src="book6.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">The Drone Age</p><br><p>Michael J Boyle</p><p style="color: red;font-weight: bolder;">$2304</p></div>
<div class="books"><img src="book7.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">Wind and Truth </p><br><p>Brandon</p><p style="color: red;font-weight: bolder;">$2710</p></div>
<div class="books"><img src="book8.jpg" alt=""><p style="font-style: italic;font-weight: lighter;">Military Blunders</p><br><p>Saul David</p><p style="color: red;font-weight: bolder;">$926</p></div>
</div>
</body>
<script src="bookstore.js"></script>
</html>