-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
97 lines (83 loc) · 4.01 KB
/
gallery.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
<!DOCTYPE html>
<html>
<head>
<title>Fitness Gallery</title>
<link rel="stylesheet" href="gallery_style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,700,1,200" />
<link rel="stylesheet" href="navigation.css">
<link rel="stylesheet" href="footer.css">
<link rel="stylesheet" href="comment_form.css">
<link rel="icon" type="image/x-icon" href="main_img/logo_tab.png">
</head>
<body>
<div class="container" style="background-image: url('gallery/gallery_bg4.jpg');height: 100vh;">
<nav>
<div>
<a href="Main.html"><img src="main_img/logo.png" alt="logo" class="logo" id="logo_image_link"></a>
</div>
<input type="checkbox" id="click">
<label for="click" class="menu-btn">
<i class="fas fa-bars"></i>
</label>
<ul>
<li><a href="Main.html">Home</a></li>
<li><a href="#products">Store</a></li>
<li><a href="leaderboard.html">Leaderboard</a></li>
<li><a href="quiz.html">Test Your Knowledge</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about_us.html">About Us</a></li>
</ul>
<div class="container_g">
<div class="thumbnails">
<img src="gallery/r1.jpeg" width='100' height='155' onmouseover="r1()" onmouseout="removeContent()" alt="r1">
<img src="gallery/r2.jpeg" width='200' height='155' onmouseover="r2()" onmouseout="removeContent()" alt="r2">
<img src="gallery/r3.jpg" width='100' height='155' onmouseover="r3()" onmouseout="removeContent()" alt="r3">
<img src="gallery/r4.jpg" width='100' height='155' onmouseover="r4()" onmouseout="removeContent()" alt="r4">
<img src="gallery/r5.jpeg" width='300' height='155'onmouseover="r5()" onmouseout="removeContent()" alt="r5">
<img src="gallery/r6.jpg" width='300' height='155'onmouseover="r6()" onmouseout="removeContent()" alt="r6">
</div>
</nav>
<center><div id="descriptionAndImageArea"></div></center>
</div>
</div>
<footer class="footer">
<div id="footer_content">
<div class="footer__addr">
<a class="logo" href="Main.html"> <img src="main_img/logo.png" alt="fitsense logo" class="logo" id="logo_image_link"> </a>
<h2>CONTACT US</h2>
<address>
5LB, GP Square, Colombo 00400
<br>
011XXXXXXX
<a class="footer__btn" href="[email protected]">Email Us</a>
</address>
</div>
<div class="comment_section">
<form onsubmit="return validateForm()" id="feedback-form">
<p><label for="name">Name*</label></p>
<input type="text" id="name" name="name" placeholder="Full Name ....">
<p><label for="email">Email*</label></p>
<input type="email" id="email" name="email" placeholder="Email Address ....">
<p><label for="comments">Comments</label></p>
<textarea id="comments" name="comments" rows="4" cols="20" placeholder="Type Your Comment ...."></textarea>
<p><label for="rating">Rate Us*</label></p>
<select id="rating" name="rating">
<option value="" class="comment_option" hidden>Select one</option>
<option value="poor" class="comment_option">Poor</option>
<option value="fair" class="comment_option">Fair</option>
<option value="good" class="comment_option">Good</option>
<option value="excellent" class="comment_option">Excellent</option>
</select>
<input type="submit" value="Submit" class="footer__btn">
<input type="reset" value="Reset" class="footer__btn">
</form>
</div>
</div>
</table>
<div class="legal">
<p>Page EDITOR - <a href="newEditor-Manusha.html">Manusha Gunarathne</a></p>
</div>
</footer>
<script src="gallery_script.js"></script>
</body>
</html>