climateWebsite/aboutus.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang = "en">
    <head>
    <meta charset="UTF-8">
    <title>CMP - About Us </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>
    <div class="Aboutusimgbg">

	<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>


		<div class="hero-text2">
			<h1>Get To Know Our Committee</h1>
		</div>
   </div>


    <h2 class="Chaptertitle" > Who We Are And What We Do</h2>


     <div class="paragraphs card-2"><p class = "paras">Our mission at the CMP is to deliver a comprehensive look at the newly published CCC report.
	 Our aim is to inform the public about the changes to the environment in the UK and the EU and what is currently being done to improve the situation and what is being neglected.
	 We hope to create an informative website that will allow our users to view the data in the CCC report impartially. We have condensed the 4 Chapters of the report into 4 simple and intuitive web pages for you to view.
	 We provide information about Chapter 1: Progress in Reducing Emissions and what steps have been made globally to demonstrate a reduction of carbon emissions. In Chapter 2: Developments in International and European Circumstances
	 we cover the changes that have been implemented and how they are affecting the global population. In Chapter 3: Underlying Progress in the UK Towards Deep Emissions Reduction we take a deeper dive into the specifics of the
	 UK and their Deep Emissions. Finally in Chapter 4: UK Performance in Reducing Emissions Over the Second Carbon Budget Period we explore the impacts of the Carbon Budget and the history of how countries have both exceeded and fallen behind the carbon budget.</p>
	 </div>

<div class = "articleContainer">

	<div class = "leftArticle">
		<article class = "mainArticle"><h3>Meet The Girls</h3>

		<section class = "chapterText">

		<h2>Our Front-End Developers</h2>

		<div class="imagerow">

		 <div class="imagecolumn">
		 <div class="imagecard">
	      <img src="imageofthiruisa.jpg" alt= "profile-members" class="memberimages">
		  <div class="titlecontainer">
		    <h2 class="name">Thiruisa</h2>
		  <p class="role">Role: Front-End Developer</p>
		 </div>

		 <p  class ="Bio">My name's Thiruisa and I am a major part of the design team here at the Climate Monitoring People and mostly
		 worked on the stlying and front-end development of the home page, contact us page and chapter 1. My
		 favorite animal is a Panda and that's why I chose to become a part of the CMP in order to help spread
		 the message about protecting the planet and making it last longer. My favorite food is PIZZA ! This is my bio
		 thanks for listening.</p>
		  </div>
        </div>

		<div class="imagecolumn">
		 <div class="imagecard">
	      <img src="imageoftendai.jpg" alt= "profile-members" class="memberimages">
		  <div class="titlecontainer">
		    <h2 class="name">Tendai</h2>
		  <p class="role">Role: Front-End Developer</p>
		 </div>

		 <p class ="Bio">My name's Tendai and I am the lead designer and decision maker at the CMP. I make all of
		 the hard decisions and make sure everyone is doing their bit to contribute. I worked on the Home page,
		 forms, About Us page and chapter 2. I love to do my bit for the enviroment and hope to make an impact.
		 My favourite part about working on the CMP website is that I get to create something that will be seen
		 and will inspire people to go out and make a difference in the world. I also support the #TeamTrees movement
		 to plant 20 Million trees by 2020</p>
		  </div>
        </div>
		</div>
	</section>

	</article>

	</div>


	<div class = "rightArticle">

	<article class = "mainArticle">
		<h3>Meet The Boys</h3>
	<section class = "chapterText">
		<h2>Our Back-End Developers </h2>

		<div class="imagerow">

		 <div class="imagecolumn">
		 <div class="imagecard">
	      <img src="imageofnathaniel.jpg" alt= "profile-members" class="memberimages">
		  <div class="titlecontainer">
		    <h2 class="name">Nathaniel</h2>
		  <p class="role">Role: Back-End Developer</p>
		 </div>

		 <p  class ="Bio">My name's Nathaniel and I created the Page layout for the pages and I worked on
		 the chapter 3 summary for the CCC report. My favorite part of working to the CMP website is that I
		 get to research and learn more about the ways in which the world is changing. My favourite animal is
		 an ostrich. They are the best animal by far and I could never choose another animal. One day the world
		 will be run by ostriches.</p>
		  </div>
        </div>

		<div class="imagecolumn">
		 <div class="imagecard">
	      <img src="imageofben.jpg" alt= "profile-members" class="memberimages">
		  <div class="titlecontainer">
		    <h2 class="name">Ben</h2>
		  <p class="role">Role: Back-End Developer</p>
		 </div>

		 <p class ="Bio">My part in creating the CMP website is I created the back-end processing for filling in
		 forms and sending emails in order to inform people of our latest findings and research. My favourite
		 part of working on the CMP website is helping to save the Giraffes from the evils of the human race
		 because they are my favourite animal.</p>
		  </div>
        </div>

		</div>

	</section>

	</article>

</div>
</div>
	<hr>

	 <div class="skillsimages ">

	  <img src="skillhtml.PNG" alt= "skillsimage" class="skills">

	  <p class="skillstitle"> HTML </p>

	  <img src="skillCSS.PNG" alt= "skillsimage" class="skills2">
	     <p class="skillstitle2"> CSS</p>

      <img src="skilljavascript.PNG" alt= "skillsimage" class="skills3">
	    <p class="skillstitle3">JAVASCRIPT</p>


	  <img src="skillnodejs.PNG" alt= "skillsimage" class="skills4">
	    <p class="skillstitle4"> NODE JS</p>
     </div>

     <a href="https://www.theccc.org.uk/wp-content/uploads/2019/07/CCC-2019-Progress-in-reducing-UK-emissions.pdf" target="_blank" download="cccReport">
      <img src="cccreportimg.PNG" alt="CCC Report Link" class="cccreport imagecard2">
      <p class="reporttitle"> Download CCC-Report</p>
    </a>


     <button class="contactusbutton" onclick = "window.location.href='ContactUs.html'">CONTACT US</button>
     <a id="topbutton"></a>

 <footer>

	<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>
  </body>
</html>