-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathgames.html
63 lines (54 loc) · 3.47 KB
/
games.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Games</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="./images/bhlogo.png"/>
</head>
<body>
<nav class="navbar">
<div style="display: flex;">
<img src="./images/bhlogo.png" height="82px" width="100px" style="border-radius:90%;"><br><br>
<b class="b" >BOOKHUB</b>
</div>
<ul class="nav-list">
<li class="li-item"><a class="a1"href="index.html">HOME</a></li>
<li class="li-item"><a class="a1" href="categories.html">CATEGORIES</a></li>
<li class="li-item"><a class="a1" href="books.html">BOOKS</a></li>
<li class="li-item">CONTACT US</li>
<li class="li-item">ABOUT US</li>
<button class="bt"><a href="login.html">Log in</a></button>
<button class="bt">Sign up</button>
</ul>
</nav>
<div class="general">
<div style="height: 350px; width:200px; background-color:rgb(170, 168, 168); margin-left: 50px; margin-top: 50px; padding: 10px; border-radius: 20px;" >
<img src="./images/g26.jpg" class="img"style="height: 200px; width:150px; border-radius: 10px; margin-left:20px;"/><br>
<p style="padding: 10px; font-size: 15px; font-weight: bold;"> Fight club<br>
by Chuck Palahniuk </p><br><br>
<button class="bt1">Want To Read</button>
</div>
<div style="height: 350px; width:200px; background-color:rgb(170, 168, 168); margin-left: 50px; margin-top: 50px; padding: 10px; border-radius: 20px;" >
<img src="./images/g27.jpg" class="img"style="height: 200px; width:150px; border-radius: 10px; margin-left:20px;"/><br>
<p style="padding: 10px; font-size: 15px; font-weight: bold;"> Enders game<br>
by orson scott card</p><br><br>
<button class="bt1">Want To Read</button>
</div>
<div style="height: 350px; width:200px; background-color:rgb(170, 168, 168); margin-left: 50px; margin-top: 50px; padding: 10px; border-radius: 20px;" >
<img src="./images/g28.jpg" class="img"style="height: 200px; width:155px; border-radius: 10px; margin-left:12px;"/><br>
<p style="padding: 10px; font-size: 15px; font-weight: bold;"> The olympic games<br>by john rodda</p><br><br>
<button class="bt1">Want To Read</button>
</div>
<div style="height: 350px; width:200px; background-color:rgb(170, 168, 168); margin-left: 50px; margin-top: 50px; padding: 10px; border-radius: 20px;" >
<img src="./images/g29.jpg" class="img"style="height: 200px; width:150px; border-radius: 10px; margin-left:20px;"/><br>
<p style="padding: 10px; font-size: 15px; font-weight: bold;"> Heads up baseball<br>by kekn ravizza</p><br><br>
<button class="bt1">Want To Read</button>
</div>
<div style="height: 350px; width:200px; background-color:rgb(170, 168, 168); margin-left: 50px; margin-top: 50px; padding: 10px; border-radius: 20px;" >
<img src="./images/g30.jpg" class="img"style="height: 200px; width:150px; border-radius: 10px; margin-left:25px;"/><br>
<p style="padding: 10px; font-size: 15px; font-weight: bold;"> The champions mind <br>by jim afremow</p><br><br>
<button class="bt1">Want To Read</button>
</div>
</div>
</body>
</html>