generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
59 lines (56 loc) · 2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="assets/images/fav.png"/>
<link rel="stylesheet" href="assets/css/style.css">
<title>Sign it - Sign Language Game</title>
</head>
<body>
<!-- header -->
<header>
<div class="logo">
<a class="navbar-brand" href="index.html"></a>
</div>
<nav class="menu-wrap">
<input type="checkbox" class="toggler">
<div class="hamburger"><div></div></div>
<div class="menu">
<div>
<div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="play.html">Play</a></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<!-- intro -->
<section id="intro">
<h1>
<span>H</span>
<span>e</span>
<span>l</span>
<span>l</span>
<span>o</span>
</h1>
<h2>Lets learn how to sign</h2>
</section>
<!-- how to play -->
<section id="how-to-play" class="wave-container-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#ebb4b3" fill-opacity="1" d="M0,128L48,112C96,96,192,64,288,80C384,96,480,160,576,165.3C672,171,768,117,864,112C960,107,1056,149,1152,154.7C1248,160,1344,128,1392,112L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>
<h3>How to play</h3>
<p>'Sign it' is a simple memory game to get you familier with the letters of the sign language alphabet. Find the hidden pairs in the quickest time to win and learn some sign language along the way!</p>
<p>*if your stuck, theres a clue on the cards</p>
</section>
<!-- footer -->
<footer class="wave-container-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#f7df57" fill-opacity="1" d="M0,224L120,229.3C240,235,480,245,720,245.3C960,245,1200,235,1320,229.3L1440,224L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z"></path></svg>
<a class="play-button" href="play.html">Lets Play!</a>
</footer>
</body>
</html>