-
Notifications
You must be signed in to change notification settings - Fork 0
/
start.html
61 lines (46 loc) · 2.73 KB
/
start.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="start-css.css">
<title>Simon</title>
<!-- bootstrap CDN Stylesheet -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Google Fonts style -->
<link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/123926b258.js" crossorigin="anonymous"></script>
<!-- Bootstrap Javascript -->
<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/[email protected]/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>
</head>
<body>
<a href="index.html"><img class="start" src="btn-start.png" /></a>
<a href=""><img class="option" src="btn-optons.png" /></a>
<button type="button" class="btn btn-info btn-lg btn-dark" data-toggle="modal" data-target="#myModal"><img class="how-to-play" src="btn-how-to-play.png" /></button>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">How To Play</h4>
</div>
<div class="modal-body">
<p>
<p class="p">the way to play is not so clear. when you start it says press space to start when press space one of the colors flash and make some sound klick on that one and another will make sound click on the first one to make a sound then the second one to make a sound then ceep on do ing this till you get to a high level. this game is base on simon and I did not chang any thing so if you have played simon you now how to play this</p>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Back</button>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- body{
padding: 5% 8% 3%;
color:#000;
text-align:center;
background-color:#9D9DCE;
}
-->