-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (150 loc) · 6.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Game-Arcade</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700" rel="stylesheet">
<!-- Template CSS Files -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/preloader.min.css" rel="stylesheet">
<link href="css/circle.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/fm.revealator.jquery.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- CSS Skin File -->
<link href="css/skins/blueviolet.css" rel="stylesheet">
<!-- Modernizr JS File -->
<script src="js/modernizr.custom.js"></script>
</head>
<body class="portfolio">
<!-- Live Style Switcher Starts - demo only -->
<!-- Live Style Switcher Ends - demo only -->
<!-- Header Starts -->
<header class="header" id="navbar-collapse-toggle">
</header>
<!-- Header Ends -->
<!-- Page Title Starts -->
<section class="title-section text-left text-sm-center revealator-slideup revealator-once revealator-delay1">
<h1>Game <span>Arcade</span></h1>
</section>
<!-- Page Title Ends -->
<!-- Main Content Starts -->
<section class="main-content text-center revealator-slideup revealator-once revealator-delay1">
<div id="grid-gallery" class="container grid-gallery">
<!-- Portfolio Grid Starts -->
<section class="grid-wrap">
<ul class="row grid">
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/connect-4/index.html">
<img src="img/projects/connect-4.PNG" alt="connect 4" />
<div><span>Connect 4</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/2048/index.html">
<img src="img/projects/2048.PNG" alt="2048" />
<div><span>2048</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/snake game/index.html">
<img src="img/projects/snake.PNG" alt="Snake" />
<div><span>Snake</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/Dice game/index.html">
<img src="img/projects/dice-game.PNG" alt="Dice Game" />
<div><span>Roll Dice</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/brick game/index.html">
<img src="img/projects/bricks.PNG" alt="Bricks" />
<div><span>Bricks</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/Fruit Slice Game/index.html">
<img src="img/projects/fruit-slice.PNG" alt="fruit-slice " />
<div><span>Fruit Slice</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/Math Game/index.html">
<img src="img/projects/math-game.PNG" alt="Math game" />
<div><span>Math IT!</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/Tic Tac Toe/index.html">
<img src="img/projects/tic-tac-toe.PNG" alt="Portolio Image" />
<div><span>Tic Tac Toe</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
<!-- Portfolio Item Starts -->
<li>
<figure>
<a href="./Games/memorygame/memorygame-index.html">
<img src="img/projects/memory game.PNG" alt="memory game" />
<div><span>Complete the Image</span></div>
</a>
</figure>
</li>
<!-- Portfolio Item Ends -->
</ul>
</section>
<!-- Portfolio Grid Ends -->
<!-- Portfolio Details Starts -->
</div>
</section>
<!-- Main Content Ends -->
<!-- Template JS Files -->
<script src="js/jquery-3.5.0.min.js"></script>
<script src="js/preloader.min.js"></script>
<script src="js/fm.revealator.jquery.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpGridGallery.js"></script>
<script src="js/jquery.hoverdir.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>