-
Notifications
You must be signed in to change notification settings - Fork 0
/
get-involved.html
61 lines (57 loc) · 3.12 KB
/
get-involved.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Onslow Enviro Group</title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<link href="css/styles.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/dd452af169.js"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,800|Noto+Sans:400,700|Open+Sans:400,700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a id="logo" href="https://www.onslow.school.nz/" target="_blank"><img src="img/onslow-college-logo.png" alt="Image of Waipahihi area sign on a bright sunny day"></a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
</ul>
</nav>
</header>
<hr>
<!-- Background Image -->
<!-- <div class="background"> -->
<!-- Get Involved -->
<div class="get-involved">
<h2>Get Involved</h2>
<p id="info">If you are looking to get involved with Onslow's Enviro Group feel free to contact us using the contacts below</p>
<p id="info">Teacher in charge of the Onslow Enviro Group: Jan Szydlowski <br>Email enviro@onslow.school.nz if you want to find out more about enviro projects this year or want to make any helpful suggestions.</p>
<!-- If I were to do this again I think I would rather make the inputs using <form> that way I would be able to clear both inputs using a button and javascript -->
<input id="send" type="text" placeholder="Full Name" maxlength="50">
<input id="send" type="email" placeholder="Email Address" maxlength="50">
<input id="comment" type="text" placeholder="Comment" cols="30" rows="5" maxlength="300">
<!-- Button code soursed from: https://www.w3schools.com/howto/howto_html_clear_input.asp -->
<!-- Using this button code it allows the user to see what it would look like to send their "Full Name" and "Email Address" if they wanted to get incolved with the envirogroup -->
<button onclick="document.getElementById('send').value = ''">Send</button>
</div>
<!-- </div> -->
<footer>
<hr>
<nav>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a id="logo" href="https://www.onslow.school.nz/" target="_blank"><img src="img/onslow-college-logo.png" alt="Image of Waipahihi area sign on a bright sunny day"></a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
</ul>
</nav>
<hr id="footer-breaker">
<a id="link" href="https://goo.gl/maps/jo5efvuykzZrzpNSA" target="_blank"><p>Burma Rd, Johnsonville, Wellington 6035</p></a>
<a class="back-to-top" href="#"><i class="fas fa-chevron-up"></i></a>
</footer>
</body>
</html>