/
index.html~
155 lines (140 loc) · 8.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Indian Game Project is an Open Souce Game Development Organization which creates web based games.Our Aim is to one day create and publish games that glorifies india's heritage and culture.">
<meta name="author" content="Vignesh Ramesh">
<link rel="icon" src = "img/igmico.png" >
<!-- Fix Favicon -->
<title>Indian Game Project</title>
<!-- Bootstrap core CSS -->
<link href="styles/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="styles/album.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div class="collapse bg-inverse" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 py-4">
<h4 class="text-white">About</h4>
<p class="text-muted">Indian Game Project is an Open Souce Game Development Organization which creates web based games.Our Aim is to one day create and publish games that glorifies india's heritage and culture.</p>
</div>
<div class="col-sm-4 py-4">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<li><a href="https://www.github.com/igameproject" class="text-white">Contribute on Github</a></li>
<li><a href="https://www.facebook.com/indiangameproject" class="text-white">Like us on Facebook</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-inverse bg-inverse">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand" >IGameProject</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" style = "cursor:pointer"data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<section class="jumbotron text-center">
<div class="container">
<p class="jumbotron-heading">
<img id = "igp" src = "img/igm.png" width="300" height= "300">
</p>
<p class="lead text-white">Open Source Game Development</p>
</div>
</section>
<div class="album text-muted">
<div class="container">
<div class="row">
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/line-ball" target = "_blank"><img src="img/lineball.png" class ="image img-responsive" alt="Line Ball"></a>
<h1 class="card-title">Lineball</h1>
<p class="card-text">A line birds clone created using HTML5 and Javascript.Use spacebar to fly and avoid Obstacles(lines)<a target = "_blank" href ="http://www.igameproject.com/line-ball">Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/Breakout" target = "_blank"><img src="img/breakout.png" class ="image img-responsive" alt="Breakout game"></a>
<h1 class="card-title">Breakout</h1>
<p class="card-text">Atari breakout clone created using HTML5 canvas and Javascript.Use arrow keys to move,break all bricks and survive with 3 lives. <a target = "_blank" href ="http://www.igameproject.com/Breakout">Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/snake2d" target = "_blank"><img src="img/snake.png" class ="image img-responsive" alt="snake game"></a>
<h1 class="card-title">Snake 2D</h1>
<p class="card-text">A remake of 80's classic.eat food,earn points and grow bigger.Just don't bite yourself.If you do you have to start from zero again. <a href ="http://www.igameproject.com/snake2d" target ="__blank">Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/Memory-Game" target = "_blank"><img src="img/memory.png" class ="image img-responsive " alt="memory game"></a>
<h1 class="card-title">Memory Game</h1>
<p class="card-text">A basic memory game supported with CSS3 Animation.Click to flip the card to reveal what's beneath it.Math cards to make them shrink <a href ="http://www.igameproject.com/Memory-Game" target ="__blank">Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/tennis" target = "_blank"><img src="img/tennis.png" alt="tennis game" class = "image img-responsive"></a>
<h1 class="card-title">Tennis</h1>
<p class="card-text">A remake of 80's Pong.You have 3 lives to beat the opponent.Use mouse to control paddle movement.<a href ="http://www.igameproject.com/tennis" target = "_blank"> Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/Tic-Tac-Toe" target = "_blank"><img src="img/tictactoe.png" alt="tic tac toe" class = "image img-responsive"></a>
<h1 class="card-title">Tic Tac Toe</h1>
<p class="card-text">Select either cross or Circle and beat the computer.Warning: This is going to be tough<a href ="http://www.igameproject.com/Tic-Tac-Toe" target = "_blank"> Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/Turbo-Racer" target = "_blank"><img src="img/turboRacing.png" alt="Turbo Racer" class = "image img-responsive"></a>
<h1 class="card-title">Turbo Racer</h1>
<p class="card-text">80's style 2d racing game.<a href ="http://www.igameproject.com/Turbo-Racer" target = "_blank"> Play Here</a></p>
</div>
</div>
<div class = "col-lg-4 col-md-6 col-12">
<div class="card">
<a href = "http://www.igameproject.com/Asteroids" target = "_blank"><img src="img/asteroids.jpg" alt="Asteroids" class = "image img-responsive"></a>
<h1 class="card-title">Aestroids</h1>
<p class="card-text">Lets break aesteroids in an 80's classic<a href ="http://www.igameproject.com/Asteroids" target = "_blank"> Play Here</a></p>
</div>
</div>
</div>
</div>
</div>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#"><i style = "font-size:30px;color:white;" class="fa fa-arrow-up" aria-hidden="true"></i></a>
</p>
<p>Created by <a href = "http://www.vigneshramesh.in" target = "_blank" style = "color:white;">Vignesh Ramesh</a></p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="
crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="scripts/jquery.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="./scripts/holder.min.js"></script>
<script>
$(function () {
Holder.addTheme("thumb", { background: "#55595c", foreground: "#eceeef", text: "Thumbnail" });
});
</script>
<script src="./scripts/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./scripts/ie10-viewport-bug-workaround.js"></script>
</body>
</html>