-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
193 lines (177 loc) · 5.97 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./assets/css/index.css" />
<link rel="stylesheet" href="./assets/css/home.css" />
<link
rel="shortcut icon"
href="./assets/images/Game/Happy.gif"
type="image/x-icon"
/>
<title>Home | Emoji Game</title>
</head>
<body
style="
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
"
>
<!-- Navbar -->
<nav>
<a href="./index.html" id="brand-Logo">
<img src="./assets/images/Game/Happy.gif" alt="" />
Emoji Game
</a>
<ul>
<li><a class="active" href="./index.html">Home</a></li>
<li>
<a
href="./assets/html/game.html"
id="game-Display"
style="display: none"
>Game</a
>
</li>
<li><a href="./assets/html/scores.html">Scores</a></li>
<li><a href="./assets/html/settings.html">Settings</a></li>
</ul>
<span class="user-Login">
<span id="userName-Login"></span> <a id="signIn-SignUp" href=""></a>
<a id="signIn-SignUp" href=""></a>
</span>
</nav>
<!-- login or start Section -->
<div class="info-Section">
<h1>Welcome to the Emoji Game</h1>
<div class="info-Subtitle">
Dive into the excitement and mental adventure with the Emoji Game!
sharpen your focus, and enjoy the thrill that awaits!
</div>
<div class="info-Btn">
<button
class="info-BtnS"
>
Start Game
</button>
<button
class="info-Btn-Left"
>
Login
</button>
</div>
</div>
<!-- Feature Section -->
<div class="feature-Section">
<div class="features">
<h1>FEATURES</h1>
<p>
Emoji Game possess characteristics that have a significant positive
impact on the mind and cognitive skills.This game encourages
self-challenge through competition, allowing you to showcase your
skills and precision against others.
</p>
</div>
<div class="option-Container">
<div class="left-Container">
<h1 class="option-Container-leftTitle">Adventure for your mind!</h1>
<span>Just Try Once!</span>
</div>
<div class="right-Container">
<div>
<img src="./assets/images/home/setting-pic.png" />
<h2>Strengthening Logical Reasoning Skills:</h2>
</div>
<p>
Matching images in logical and reasoning games plays a role in
enhancing logical thinking. These games often present logical
challenges that contribute to strengthening your logical reasoning
skills.
</p>
<div>
<img src="./assets/images/home/timer-pic.png" alt="" />
<h2>Improved Concentration and Attention:</h2>
</div>
<p>
Emoji Game challenge both your eyes and mind. You must closely
observe details in images and match them accurately. This enhances
your focus and attention to small details, contributing to improved
cognitive performance.
</p>
<div>
<img src="./assets/images/home/rocket-pic.png" alt="" />
<h2>Memory Enhancement</h2>
</div>
<p>
Matching images in memory-related games encourages you to remember
and accurately match images. This process strengthens both
short-term and long-term memory.
</p>
</div>
</div>
</div>
<!-- Brand Section-->
<div class="brand-Section">
<span class="brand-Title"> What Do We Use</span>
<p class="brand-Desc">
In this website, we utilized HTML, CSS, and JavaScript <br />
<span>to create the design and functionality.</span>
</p>
<img id="programing-Logo" src="./assets/images/home/html-js-css.png" />
</div>
<!-- Became a Member Section -->
<div class="became-Member">
<div class="left">
<span class="became-Member-Title">
Became a member
<img src="./assets/images/home/Rectangle.png" alt="" />
</span>
<span class="became-Member-Question">
Are You Ready to Challenge yourself?
</span>
<span class="became-Member-Desc">
Get the best Gaming experience that you never feel before
</span>
<a class="became-Member-SignUp" href="./assets/html/signUp.html"
>Sign Up</a
>
</div>
<div class="right">
<img src="./assets/images/home/personalPic.png" alt="personalPic" />
</div>
</div>
<!-- Footer -->
<footer>
<div class="footer">
<span class="footer-Title"
>Emoji Game<img
id="footer-Emoji"
src="./assets/images/footer-emoji.png"
alt=""
/></span>
<span class="footer-Dec"
>Engage in a fun-filled game of emoji selections! Test your wit and
quick thinking as you choose the right emojis to advance and outscore
your friends. Compete head-to-head, aiming for the highest score to
emerge victorious. Join the excitement and challenge your emoji
prowess in this thrilling game!</span
>
<div class="footer-SocialMedia">
<a href=""
><img src="./assets/images/instagram.svg" alt="instagram"
/></a>
<a href=""><img src="./assets/images/x.png" alt="x" /></a>
<a href=""><img src="./assets/images/telegram.png" alt="" /></a>
</div>
</div>
<div class="copy-Right">
©2023 Emoji Game UK, Inc. All Rights Reserved.
</div>
</footer>
<script src="./assets/js/isLogin.js"></script>
<script src="./assets/js/home.js"></script>
</body>
</html>