-
Notifications
You must be signed in to change notification settings - Fork 1
/
description.html
68 lines (64 loc) · 3.61 KB
/
description.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
<!DOCTYPE html>
<html>
<head>
<title>Project OOW Endangered Animals</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header> <!--this a good pratice to have header, main and footer so it becomes more readeable.-->
<div class="topnav">
<div class="wrapper">
<a href="homepage.html">Home</a>
<div class="subnav">
<button class="subnavbtn">Games</button>
<div class="subnav-content">
<a href="gamez.html">gazelle run</a>
<a href="gazelle jigsaw puzzle.html">jigsaw puzzle</a>
<a href="quiz.html">gazelle quiz</a>
</div>
</div>
<a href="blogpage.html">BlogPage</a>
<a href="gallery.html">Gallery</a>
<a class="active">About</a>
</div>
</div>
<div class="wrapper">
<h1 class="h1-style">Description</h1>
</div>
</header>
<main>
<div class="wrapper">
<p><h1 class="text-style">Website credits: Sahd and Sandeed of grade 7A.</h1></p>
<p><h1 class="text-style">To play the games please open this link in a laptop or computer.</h1></p>
<p><h1 class="text-style">Gazelle run credit: Sandeed of grade 7A.</h1></p>
<p><h1 class="text-style">Overall website credits: Sahd of grade 7A.</h1></p>
<p><h1 class="text-style">Leader of team credit: Johan of grade 7A.</h1></p>
<p><h1 class="text-style">Summary credit: Salman of grade 7A.</h1></p>
<p><h1 class="text-style">Homepage credits: Sahd and Sandeed of grade 7A.</h2></p>
<p><h2 class="text-style">Team members: Sandeed, Sahd, Salman, Irfan, Alan, Aayan, Ivan, Kevin, Ehan, Vishal and Johan.</h2></p>
<p><h2 class="text-style">This website is made to create awareness on endangered animals with special focus on Arabian Gazelle.
Arabian Gazelle is an animal at the risk of being endangered. This animal is typically found in desert areas.
</h2></p>
<br>
<br>
<div class="full-img" id="fullImgBox":>
<img src="Team pic1.jpeg" id="fullImg">
<span onclick="closeFullImg()">X</span>
</div>
<div class="image-grid">
<img class="grid-image" src="Team pic1.jpeg" width="100px" onclick="openFullImg(this.src)"/>
<img class="grid-image" src="Team pic2.jpeg" width="100px" onclick="openFullImg(this.src)"/>
<img class="grid-image" src="Team pic3.jpeg" width="100px" onclick="openFullImg(this.src)"/>
<img class="grid-image" src="Team pic4.jpeg" width="100px" onclick="openFullImg(this.src)"/>
<img class="grid-image" src="Team pic5.jpeg" width="100px" onclick="openFullImg(this.src)"/>
<img class="grid-image" src="Team pic6.jpeg" width="100px" onclick="openFullImg(this.src)"/>
<img class="grid-image" src="Team pic7.jpeg" width="100px" onclick="openFullImg(this.src)"/>
</div>
</div>
</main>
<footer>
</footer>
<script src="sketch.js"> </script>
<body>
</html>