-
Notifications
You must be signed in to change notification settings - Fork 0
/
cff.html
214 lines (196 loc) · 10.5 KB
/
cff.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
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
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CLAMB</title>
<!--font awesome cdn-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!--css file-->
<link rel="stylesheet" href="css/style.css">
<!--animation file-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
<!--header section starts-->
<header class="header1 animate__animated animate__fadeInDown">
<a href="index.html" class="logo1"><i class="fas fa-tree"></i> #CFF</a>
<nav class="navbar1">
<a href="index.html">Home</a>
<a href="threats1.html">Animals</a>
<a href="threats2.html">Forests</a>
<a href="threats3.html">Poles</a>
<a href="cff.html">#CFF</a>
<a href="articles.html">Articles</a>
<a href="social.html">Social</a>
</nav>
<div id="menu-btn" class="fas fa-bars"></div>
<a href="mailto:[email protected]" class="btn1">Contact</a>
</header>
<!--header section ends-->
<!--home section starts-->
<section class="home" id="home">
<div class="image">
<img src="images/cff.png" alt="">
</div>
<div class="content animate__animated animate__fadeInRight">
<h3><span class="line-down1">#CFF</span> Movement</h3>
<p><em>#CFF</em> is a movement started by Yildiz Technical University Students. The aim is to raise awareness and inform people about global climate change. We believe that if we inform people about global climate change,we can decrease the CO<sub>2</sub> emission, reduce the amount of greenhouse gas we produce and make the world a better place to live for future generations. </p>
</div>
</section>
<!--home section ends-->
<!--info bar begins-->
<div class="mbox">
<h3 class="title">Our Missions</h3>
<div class="mbox-mission">
<div class="mission" data-name="m-1">
<img src="images/manimals.png" alt="">
<h3>Animals</h3>
<div class="descr">We should care about animals and their life zones.</div>
</div>
<div class="mission" data-name="m-2">
<img src="images/mforests.png" alt="">
<h3>Forests</h3>
<div class="descr">Forests are the lungs of the earth.</div>
</div>
<div class="mission" data-name="m-3">
<img src="images/magriculture.png" alt="">
<h3>Agriculture</h3>
<div class="descr">Agriculture is a necessity and vulnerability for the modern world.</div>
</div>
<div class="mission" data-name="m-4">
<img src="images/mcommunity.png" alt="">
<h3>Being a Community</h3>
<div class="descr">Be a one and strong voice together.</div>
</div>
<div class="mission" data-name="m-5">
<img src="images/mglobalwarming.png" alt="">
<h3>Global Warming Effects</h3>
<div class="descr">Need to inform people about global warming truly.</div>
</div>
<div class="mission" data-name="m-6">
<img src="images/mpole.png" alt="">
<h3>Poles</h3>
<div class="descr">Anchors of the world are melting.</div>
</div>
<div class="mission" data-name="m-7">
<img src="images/mpollution.png" alt="">
<h3>Non-Fresh Air</h3>
<div class="descr">We're polluting our atmosphere with harmful gases.</div>
</div>
<div class="mission" data-name="m-8">
<img src="images/mgreenhouseeffect.png" alt="">
<h3>The Greenhouse Effect</h3>
<div class="descr">Need to be aware of why the world is warming</div>
</div>
<div class="mission" data-name="m-9">
<img src="images/mwater-pollution.png" alt="">
<h3>Water Pollution</h3>
<div class="descr">Need to be concerned about why we consider water resources as a dump of plastic.</div>
</div>
</div>
<div class="mbox-preview">
<div class="preview animate__animated animate__jackInTheBox" data-target="m-1">
<i class="fas fa-times"></i>
<img src="images/manimals.png" alt="">
<h3>Animals</h3>
<div class="descr">As all we know, there is a balance like a chain between living creatures on earth. If we cause species to extinct, it will break the chain and cause big destruction for world. We can still take a move to stop it. </div>
<div class="buttons">
<a href="threats1.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-2">
<i class="fas fa-times"></i>
<img src="images/mforests.png" alt="">
<h3>Forests</h3>
<div class="descr"> They provide sustainability of O<sub>2</sub> for the earth and they're in danger now. We can take a step for protecting them</div>
<div class="buttons">
<a href="threats2.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-3">
<i class="fas fa-times"></i>
<img src="images/magriculture.png" alt="">
<h3>Agriculture</h3>
<div class="descr">If we inspect industrial food industry carefully, we can save major fields from being destroyed. We should also say stop to cattling which are not proper as legally. May be a noise as being one part.</div>
<div class="buttons">
<a href="threats2.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-4">
<i class="fas fa-times"></i>
<img src="images/mcommunity.png" alt="">
<h3>Being a Community</h3>
<div class="descr">"None of us, including me, ever do great things. But we can all do small things, with great love, and together we can do something wonderful." – Mother Teresa </div>
<div class="buttons">
<a href="social.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-5">
<i class="fas fa-times"></i>
<img src="images/mglobalwarming.png" alt="">
<h3>Global Warming Effects</h3>
<div class="descr">Lots of people don't really know what is global warming and what we're going to face in the future. We need to people make aware of that as youngs which are interested in. </div>
<div class="buttons">
<a href="index.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-6">
<i class="fas fa-times"></i>
<img src="images/mpole.png" alt="">
<h3>Poles</h3>
<div class="descr">Poles are melting and this cause major catastrophies around the world like hurricanes, erosion etc. Many livings like polar bears and penguins are being homeless,too. </div>
<div class="buttons">
<a href="threats3.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-7">
<i class="fas fa-times"></i>
<img src="images/mpollution.png" alt="">
<h3>Non-Fresh Air</h3>
<div class="descr">Year by year, the quality of air we breath is being worse. We're aware of that but never really think about something. We need to inform other people about how can we reduce the amount of harmful gases we emission</div>
<div class="buttons">
<a href="articles.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-8">
<i class="fas fa-times"></i>
<img src="images/mgreenhouseeffect.png" alt="">
<h3>The Greenhouse Effect</h3>
<div class="descr">The worlds atmosphere keep some rays comes from sun while it reflects most of it. When we release more greenhouse gases, it causes to keep more sunray come through world and it increase the average temperature.</div>
<div class="buttons">
<a href="articles.html" class="more">More...</a>
</div>
</div>
<div class="preview animate__animated animate__jackInTheBox" data-target="m-9">
<i class="fas fa-times"></i>
<img src="images/mwater-pollution.png" alt="">
<h3>Water Pollution</h3>
<div class="descr">Most of the people don't know and care about where their dumps are going through. Mostly it goes to waters and we eat them back with fishes. We need to be concerned to use non-plastic and recyclable sources.</div>
<div class="buttons">
<a href="articles.html" class="more">More...</a>
</div>
</div>
</div>
</div>
<section class="contents" id="contents">
<div class="box-container-2">
<div class="box-2">
<img src="images/joinus.svg" alt=""/>
<h3><span class="line-down1">Join Us</span></h3>
<p>You can join us to take a step about global climate change and can be an ambassador. We, as YTU Students, accept everybody who want to make a difference for the next generations.
<br/><span class="line-down1">Mail:</span> [email protected]<br/>
<span class="line-down1">Address:</span> Yildiz Technical University Kulupler Vadisi<br/>
<span class="line-down1">Founder:</span> Ahmet Deniz Daştan<br/>
</p>
<a href="#" class="btn-cff">More..</a>
</div>
</div>
</section>
<!--javascript file-->
<script src="js/sscript.js"></script>
<script src="js/cff.js"></script>
</body>
</html>
<div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>