-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (129 loc) · 4.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/base.css" />
<title>Snake and Ladder Web</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">Snake and Ladder<span> Web</span></a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="./html/snakeGame.html">Game</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./html/report.html">Report a bug</a>
</li>
</ul>
</div>
</nav>
<div style="font-family: sans-serif; margin: 85px auto" class="container">
<div>
<div class="about">
<h2>Snake and Ladder Web</h2>
<p>
We all had played Snake and Ladder on the backside of the notebook
during our childhood. But now the world has been changed. Everything
is now online which we can enjoy and we the engineers want to
implement the same. In this Game I tried to do the same. Let's bring
our childhood memory back.
</p>
<h4>Playing Options:</h4>
<p>1. You can play with Computer</p>
<p>2.You can play with your friend by sitting together</p>
<br />
<h5 style="color: orange">
Online Multiplayer Option is comming soon
</h5>
</div>
</div>
<div>
<div class="row">
<div class="col-md-6">
<div class="rules">
<h2>Rules:</h2>
<p>1. Player can start moving after getting 6 for one time.</p>
<p>
2. When player get 6 first time then that 6 is not counted in
steps.
</p>
<p>3. Player who will reaches to 100 first will wins.</p>
<p>4. Don't refesh the website while playing.</p>
<p>5. There is no limit of getting 6.</p>
<p style="color: blue">
NOTE: DON'T USE YOUR NAME AS 'COMPUTER' , it's a reserved word.
</p>
</div>
</div>
<div class="col-md-6">
<div class="video-box">
<video
id="video"
width="320"
height="240"
autoplay
muted
controls
>
<source src="../video/Snake.mp4" type="video/mp4" />
</video>
<a id="play-now-btn" href="snakeGame.html">Play Now</a>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="name-box">
<p>Made by | Nitesh Sinha</p>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script
src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"
></script>
</body>
</html>