-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
219 lines (206 loc) · 11.7 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FunFusion</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="app_1.css">
<link rel="icon" type="image/x-icon" href="images/logo2.png">
</head>
<body>
<!-- <nav class="navbar">
<a href="#" class="brand">GameZoneX</a>
</nav> -->
<!-- Image and text -->
<!-- <nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="/images/logo2.png" width="30" height="30" class="d-inline-block align-top" alt="">
GameZoneX
</a>
</nav> -->
<nav class="navbar">
<img src="../images/logo2.png" width="30" height="30" class="d-inline-block align-top" alt="">
<a href="../index.html" class="brand">FunFusion</a>
</nav>
<div class="container herosec">
<h2 class="text-center mt-4 mb-2">Welcome to FunFusion</h2>
<div class="row">
<div class="col-md-6 flex align-items-center">
<img src="/images/hero2.png" class="myImg mt-4" width="350" alt="">
</div>
<div class="col-md-6">
<h4 class="mt-5">Are you ready to embark on an extraordinary gaming journey? Look no further! GameZoneX is your ultimate destination for non-stop fun and thrilling challenges. Immerse yourself in a world of mini-games that will keep you hooked for hours.
</h4>
<h3 class="text-center"><div>Challenge Your Skills</div>
<div>Play Anywhere, Anytime</div></h3>
</div>
</div>
</div>
<div class="spacing"></div>
<!-- <h1 class="my3 heading text-center mt-2">Welcome to game zone</h1> -->
<div class="container myContainer">
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/tictactoeimg4.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Tic Tac Toe</h5>
<p class="card-text">A Classic Battle of Xs and Os! Can you outwit your opponent and claim victory in this timeless strategy game?</p>
<button class="btn btn-success"><a class="links" href="./tictactoe/howtoplay.html">Play Tic Tac Toe</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/cardgameimg2.jpg" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card Game</h5>
<p class="card-text">Embrace the Shuffle! You never know what's coming next. Get ready for endless fun and excitement!</p>
<button class="btn btn-success"><a class="links" href="./cardgame/howtoplay.html">Play Card Game</a> </button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/snakeimg2.jpg" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Snake Game</h5>
<p class="card-text">Slither and Conquer! Grow your snake, avoid obstacles, and become the ultimate reptilian champion!</p>
<button class="btn btn-success"><a class="links" href="./snakegame/howtoplay.html">Play Snake Game</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/dinogameimg2.jpg" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Dino Game</h5>
<p class="card-text">Embark on an Epic Prehistoric Adventure! Run, jump, and dodge obstacles as you journey through time with a brave dinosaur.</p>
<button class="btn btn-success"><a class="links" href="./dinogame/howtoplay.html">Play Dino Game</a> </button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/wordle.webp" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Wordle</h5>
<p class="card-text">Slither and Conquer! Grow your snake, avoid obstacles, and become the ultimate reptilian champion!</p>
<button class="btn btn-success"><a class="links" href="./Wordle/wordle.html">Play Wordle</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/connect4.jpg" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Connect 4</h5>
<p class="card-text">Embark on an Epic Prehistoric Adventure! Run, jump, and dodge obstacles as you journey through time with a brave dinosaur.</p>
<button class="btn btn-success"><a class="links" href="./Connect 4/connect4.html">Play Connect 4</a> </button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/simonGame.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Simon Game</h5>
<p class="card-text">Slither and Conquer! Grow your snake, avoid obstacles, and become the ultimate reptilian champion!</p>
<button class="btn btn-success"><a class="links" href="./Simon Game/simonGame.html">Play Simon Game</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/handCricket.jpg" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Hand Cricket</h5>
<p class="card-text">Embark on an Epic Prehistoric Adventure! Run, jump, and dodge obstacles as you journey through time with a brave dinosaur.</p>
<button class="btn btn-success"><a class="links" href="./Hand Cricket/handCricket.html">Play Hand Cricket</a> </button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/memorycardgame.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Memory Cards</h5>
<p class="card-text">Match and Conquer! Test your memory skills with the classic Memory Card Game!</p>
<button class="btn btn-success"><a class="links" href="./Memory Cards Game/index.html">Play Memory Card Game</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/hangman.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Hangman</h5>
<p class="card-text">Guess and Save! Dive into the timeless challenge of Hangman, the ultimate word-guessing game!</p>
<button class="btn btn-success"><a class="links" href="./Hangman Game/index.html">Play Hangman</a> </button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/numberguess.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Number Guess</h5>
<p class="card-text">Crack the Code! Get ready for the excitement of Number Guessing, the perfect game for beginners and seasoned players alike!</p>
<button class="btn btn-success"><a class="links" href="./Number Guessing Game/index.html">Play Number Guess</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/rockpaperscissor.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Rock Paper Scissor</h5>
<p class="card-text">Elemental Clash! Prepare for an epic showdown in the timeless game of Rock, Paper, Scissors!</p>
<button class="btn btn-success"><a class="links" href="./Rock Paper Scissor/index.html">Play Rock Paper Scissor</a> </button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/wordguess.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Word Guess</h5>
<p class="card-text">Crack the Code! Welcome to Word Guessing, the perfect game for beginners eager to test their word skills!</p>
<button class="btn btn-success"><a class="links" href="./Word Guessing Game/index.html">Play Word Guess</a> </button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card myCard">
<img class="card-img-top" src="images/wordscramble.png" height="300" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Word Scramble</h5>
<p class="card-text">Unscramble Mania! Get ready for a brain-teasing challenge with Word Scramble, the perfect game for beginners and word enthusiasts alike!</p>
<button class="btn btn-success"><a class="links" href="./Word Scramble Game/index.html">Play Word Scramble</a> </button>
</div>
</div>
</div>
</div>
</div>
<footer class="footer bg-dark py-3 mt-3">
<div class="container">
<span class="text-muted text-light">©GameZoneX 2023</span>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="app_1.js"></script>
</body>
</html>