Skip to content

Commit f7ca2e6

Browse files
add
1 parent da89bdc commit f7ca2e6

File tree

9 files changed

+93
-0
lines changed

9 files changed

+93
-0
lines changed

images/1.png

26.1 KB
Loading

images/2.png

31.6 KB
Loading

images/3.png

26 KB
Loading

images/4.png

7.33 KB
Loading

images/5.png

8.83 KB
Loading

images/6.png

10.2 KB
Loading

images/7.png

26.1 KB
Loading

images/8.png

22.5 KB
Loading

index.html

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Simple JavaScript Games</title>
7+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
8+
<style>
9+
.games-heading {
10+
text-align: center;
11+
margin-top: 20px;
12+
}
13+
.card-container {
14+
display: flex;
15+
justify-content: center;
16+
gap: 20px;
17+
flex-wrap: wrap;
18+
margin-top: 20px;
19+
}
20+
.card {
21+
width: 18rem;
22+
}
23+
</style>
24+
</head>
25+
<body>
26+
<div class="container">
27+
<h1 class="games-heading">Simple JavaScript Games</h1>
28+
29+
<div class="card-container">
30+
<div class="card">
31+
<img src="images/1.png" class="card-img-top" alt="2048 Game">
32+
<div class="card-body">
33+
<h5 class="card-title">2048 Game</h5>
34+
<a href="2048 Game/index.html" class="btn btn-primary">Tap to Play</a>
35+
</div>
36+
</div>
37+
<div class="card">
38+
<img src="images/2.png" class="card-img-top" alt="Breakout Game">
39+
<div class="card-body">
40+
<h5 class="card-title">Breakout Game</h5>
41+
<a href="Breakout Game/index.html" class="btn btn-primary">Tap to Play</a>
42+
</div>
43+
</div>
44+
<div class="card">
45+
<img src="images/3.png" class="card-img-top" alt="CatchtheBall Game">
46+
<div class="card-body">
47+
<h5 class="card-title">Catch the Ball Game</h5>
48+
<a href="Catch the Ball/index.html" class="btn btn-primary">Tap to Play</a>
49+
</div>
50+
</div>
51+
<div class="card">
52+
<img src="images/4.png" class="card-img-top" alt="FlappyBird Game">
53+
<div class="card-body">
54+
<h5 class="card-title">Flappy Bird Game</h5>
55+
<a href="Flappy Bird/index.html" class="btn btn-primary">Tap to Play</a>
56+
</div>
57+
</div>
58+
<div class="card">
59+
<img src="images/5.png" class="card-img-top" alt="Memory Game">
60+
<div class="card-body">
61+
<h5 class="card-title">Memory Game</h5>
62+
<a href="Memory Game/index.html" class="btn btn-primary">Tap to Play</a>
63+
</div>
64+
</div>
65+
<div class="card">
66+
<img src="images/6.png" class="card-img-top" alt="Pong Game">
67+
<div class="card-body">
68+
<h5 class="card-title">Pong Game</h5>
69+
<a href="Pong Game/index.html" class="btn btn-primary">Tap to Play</a>
70+
</div>
71+
</div>
72+
<div class="card">
73+
<img src="images/7.png" class="card-img-top" alt="RockPaperScissors Game">
74+
<div class="card-body">
75+
<h5 class="card-title">Rock-Paper-Scissors Game</h5>
76+
<a href="Rock-Paper-Scissors/index.html" class="btn btn-primary">Tap to Play</a>
77+
</div>
78+
</div>
79+
<div class="card">
80+
<img src="images/8.png" class="card-img-top" alt="TicTacToe Game">
81+
<div class="card-body">
82+
<h5 class="card-title">Tic-Tac-Toe Game</h5>
83+
<a href="Tic-Tac-Toe/index.html" class="btn btn-primary">Tap to Play</a>
84+
</div>
85+
</div>
86+
87+
<!-- Add more cards here as needed -->
88+
</div>
89+
</div>
90+
91+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
92+
</body>
93+
</html>

0 commit comments

Comments
 (0)