climateWebsite/index.html at master · Blackinator/climateWebsite · GitHub

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
<!DOCTYPE html>
<html lang = "en">
  <head>
    <meta charset="UTF-8">
    <title>CMP - Chapter 1</title>
    <link rel="stylesheet" type="text/css" href="CSS/style.css">
    <link href="https://fonts.googleapis.com/css?family=Marcellus+SC&display=swap" rel="stylesheet">

	<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Alice&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Bad+Script&display=swap" rel="stylesheet">
	<link rel="shortcut icon" type="image/png" href="favicon.png"/>
  </head>

<body id="video-body">

	<a href = "index.html"><img src = "logo1.png" alt = "Logo-image" class="logo"></a>

		<nav class="drop-down">
			<ul>
				<li><a href = "index.html"> Home </a></li>
				<li><a href = "aboutus.html"> About Us </a></li>
				<li><a href = "Chapter1.html"> Reports </a>
					<ul>
						<li><a href = "Chapter1.html"> Chapter 1 </a></li>
						<li><a href = "Chapter2.html"> Chapter 2 </a></li>
						<li><a href = "Chapter3.html"> Chapter 3 </a></li>
						<li><a href = "Chapter4.html"> Chapter 4 </a></li>
					</ul>
				</li>
				<li><a href = "ContactUs.html"> Contact Us </a></li>
			</ul>
		</nav>

	<video id="video-img" autoplay playsinline muted loop>
	  <source src="WavesEdited.mp4" type="video/mp4">

	  Your browser does not support the video tag.
	</video>

	<div class="hero-text">
		<h1> Climate Monitoring People </h1>
		<p>"TO CHANGE EVERYTHING IT TAKES EVERYONE"</p>
	</div>

	<div class = "homeIntro">
		<p class = "homeIntrop">The UK Government and Parliament have adopted the Committee's recommendation to target net-zero
		emissions of greenhouse gases in the UK by 2050 (i.e. at least a 100% reduction in emissions from 1990). In the Net Zero
		report, the Committee made clear that meeting this target is contingent on early and decisive action to strengthen policy.
		Now the Government must act. </p>
	</div>

<form action="/">
	  <section class="home-form">
	    <h2>Sign Up for Future Updates</h2>
	  </section>

      <label for="firstname">First Name*:</label>
      <input type="text" name="firstname" required id="firstname" placeholder="First Name" accesskey="F"/>
	  <br>

      <label for="lastname">Last Name*:</label>
      <input type="text" name="lastname" required id="lastname" placeholder="Last Name" accesskey="L"/>
	  <br>

      <label for="email">Email*: </label>
      <input type="email" name="email" required id= "email" placeholder="Email" accesskey="E"/>
      <br>


	  <div class = "genderSelect">
		<fieldset>
        <select name="gender">
          <option value="male">Male</option>
          <option value="female">Female</option>
          <option value="other">Other</option>
       </select>
	   </fieldset>
	</div>


	 <br>
	 <ul id="errorlist" class = "error"></ul>
	 <br>

	 <button type="submit" name="submit" value="submit" id="submitbutton">SIGN UP</button>
     <button type="reset" name="reset" value="reset" id="resetbutton" onclick="errorRemove()">RESET</button>
</form>

<footer id = "footerHome">

	<p>
	<small><i>Copyright © 2019 CMP ❤</i></small>
	<a class = "footer-1" href = "https://privacypolicy.com">Privacy Policy</a>
	<a class = "footer-2" href = "termsofservice.com">Terms of Services</a>

	<a class = "footer-3">Last updated November 2019 </a>

	<a href="mailto:someone@example.com"><img src="email.png" alt="email" class="contact"></a>
	<a href="tel:01654298019"><img src="phone.png" alt="number" class="contact"></a>
	<a href="https://www.instagram.com/nasaclimatechange/?hl=en"><img src="instagram.png" alt="instagram" class="socialmedia"></a>
	<a href="https://en-gb.facebook.com/NASAClimateChange/"><img src="facebook.png" alt="facebook" class="socialmedia"></a>  </p>


</footer>

<script src = "JS/wp.js"></script>
</body>
</html>