-
Notifications
You must be signed in to change notification settings - Fork 0
/
Updated_Index
169 lines (72 loc) · 3.19 KB
/
Updated_Index
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
<!--HTML always starts with this "HEAD" code-->
<!DOCTYPE html>
<!--Set the language to English-->
<html lang="en">
<head>
<!--META TAGS-->
<!-- META here means data about data - so information about the code-->
<meta charset="utf-8"><!--Characters we are using-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--What is visible-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Black Panther Game"/>
<!-- The Tile shows up in the tab on the browser-->
<!-- Add a title for your game-->
<title>Black Panther Shell Game</title>
<!--CSS-->
<link rel="stylesheet" href="style.css">
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=IM+Fell+English+SC" rel="stylesheet">
<!--This is a free google font-->
<link href="https://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet">
</head>
<!-- The body is where the main code lives-->
<body>
<!-- This section has the title and directions-->
<section class="header">
<p class="title">Black Panther</p>
<p class="sub-title">A Shell Game</p>
<p class="directions">Enter Your Name to Play:</p>
<div class="name-input">
<input id="name" class="player-name" name="user-name" placeholder="What is your name?">
<br>
<br>
<!-- This button will say hello to the player-->
<!--What should the button say?-->
<button id="name-button" type="button">Press Me!</button>
</div>
<!--Add a class to the the p tag called directions. Type out the directions of the game. Use the <br> to break the line-->
<p class=""></p>
</section>
<!-- End of header section-->
<!-- This section shows the images of the cards-->
<section class="cards">
<img id="card1" class="face-card" src="bplogo.png" alt="black panther logo">
<img id="card2" class="face-card" src="bplogo.png" alt="black panther logo">
<img id="card3" class="face-card" src="bplogo.png" alt="black panther logo">
<img id="card4" class="face-card" src="bplogo.png" alt="black panther logo">
</section>
<!-- End of the cards section-->
<!-- This section is where we keep track of the score-->
<section class="score">
<div class="message">
<p id="text"></p>
<!--This button will reset the card images-->
<button id="tryagain-button" type="button">Try Again!</button>
</div>
</section>
<!-- End of the score section -->
<!-- This section is for the copyright information-->
<section id="footer">
<br>
<img class="logo" src="" alt="">
<p class="copyright">Made with <strong>vibranium</strong> by Ja'Zmin M. © 2018</p>
</section>
<!-- End of the copyright section-->
<!-- Link to the jQuery and JavaScript files-->
<script src="jquery.js"></script>
<script src="main.js"></script>
</body>
<!-- end of Body-->
</html>
<!-- end of document-->