Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@QumberZ
QumberZ authored Jan 5, 2022
0 parents commit 863a15c
Show file tree
Hide file tree
Showing 5 changed files with 411 additions and 0 deletions.
115 changes: 115 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<main id="main">

<div class="topnav">
<a class="active" href="index3.html">How To Help</a>
<a href="index2.html">More Information</a>

<h1 id="title"> The Climate Change Foundation</h1>
<p> Striving To Make A Better World For Future Generations</p>

<style>
* {
box-sizing: border-box;
}

.row {
display: flex;

}

/* Create three equal columns that sits next to each other */
.column {
flex: 33.33%;
padding: 8px;
border-radius: 25px;
padding: 20px;
width: 200px;
}
</style>
</head>
<body>
<div class="row">
<div class="column">
<img src="https://www.fairobserver.com/wp-content/uploads/2021/07/Climate-change-news.jpg" alt="World split" style="width:100%">
</div>
<div class="column">
<img src="https://www.psychologicalscience.org/redesign/wp-content/uploads/2017/01/Earth-melting-above-ocean-e1485893153798-609x419.jpg" alt="Melting Earth" style="width:100%">
</div>
<div class="column">
<img src="https://static.stacker.com/s3fs-public/croppedshutterstock656066002jpg.JPEG" alt="Trees with and without Climate Change" style="width:100%">
</div>
</div>
<h2 id="headline">Influencial Individuals Supporting Climate Change Reform</h2>

<div class="row">
<div class="column" style="background-color:rgb(87, 146, 97);">
<h4>Alexandria Ocasio-Cortez</h4>
<img src="https://assets.apolitical.co/images/lists/most-influential-climate-100/alexandria-ocasiocortez.jpg" alt="World split" style="width:100%">
<p>Alexandria Ocasio-Cortez is an American politician and activist. She is the lead advocate for the Green New Deal, a proposed set of economic stimulus programs to address climate change and economic inequality, under which the US would transform its infrastructure with a rapid shift to clean energy.</p>
</div>
<div class="column" style="background-color:rgb(87, 146, 97);">
<h4>Anne Hidalgo</h4>
<img src="https://assets.apolitical.co/images/lists/most-influential-climate-100/anne-hidalgo.jpg" alt="World split" style="width:100%">
<p>Anne Hidalgo has served as the mayor of Paris since 2014. She jointly hosted the Climate Summit for Local Leaders in December 2015 with Michael Bloomberg, the UN Secretary-General’s Special Envoy for Cities and Climate Change, before being elected to the chairship of C40 Cities, an organisation bringing together the 90 leading global cities on the issue of climate change. </p>
</div>
<div class="column" style="background-color:rgb(87, 146, 97);">
<h4>Anthony Nyong</h4>
<img src="https://assets.apolitical.co/images/lists/most-influential-climate-100/anthony-nyong.jpg" alt="World split" style="width:100%">
<p>Anthony Nyong is currently the director of Climate Change and Green Growth at the African Development Bank Group, where he leads its efforts to transition Africa to low-carbon and climate-resilient development. In his previous positions at the AfDB, Nyong led efforts to mainstream climate change policies throughout the AfDB's development efforts,</p>
</div>
</div>
<section id="tribute-info">
<h3 id="headline">Significant Dates Related to Climate Change</h3>
<ul>
<li><strong>1970</strong> - First ever Earth Day where organizers brought topics such as toxic waste and pollution to the world stage</li>
<li>
<strong>1980</strong> - THeat waves and droughts severly hit California bringing climate change and global warming large media coverage
</li>
<li>
<strong>1988</strong> - The United Nations launched its Intergovermental Panel on Climate Change (IPCC)
</li>
<li>
<strong>1997</strong> - The Rio Earth Summit was an international conference that discussed sustainable development
</li>
<li>
<strong>1997</strong> - Developed nations gathered in Kyoto, Japan, to agree on a historic climate plan — it was the first agreement between nations to mandate the reduction of greenhouse gases.
</li>
<li>
<strong>2000</strong> - Between 2000 and 2019, nine of the hottest years ever recorded took place, but fossil fuel consumption was still rising ever higher.
</li>
<li>
<strong>2014</strong> - Pacific Islanders began to sound the alarm as rising sea levels threatened land and livelihoods.
</li>
</ul>
<blockquote
cite="https://www.globalcitizen.org/en/content/important-moments-climate-history-in-photos/"
>
<p>
"We have a single mission: to protect and hand on the planet to the next generation"
</p>
<cite>-- Francois Hollande</cite>
</blockquote>
<h3>
If you have time, you should read more about Climate Change on
<a
id="tribute-link"
href="https://climate.nasa.gov/"
target="_blank"
>NASA's Climate Change research</a>

</h3>
</section>
</main>


</body>

</html>
70 changes: 70 additions & 0 deletions index2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!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">
<link rel="stylesheet" href="style.css">
<title>Climate change Solutions</title>
<style>
p {text-align: center;}

.button {
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: rgb(20, 1, 1);
color: #ee4141;
background-color: #fac518;
border-radius: 10px;
outline: black;
}

</style>

</head>
<body>
<h1 style="border: 1px solid blue; font-size: 60px ; background-color: rgb(26, 47, 167); color: rgb(1, 1, 17);"> Climate Change Solutions </h1>
<h2 class= "climate">Mitigation and Adaptation</h2>


<p class="climate"></p>

<div style="display: flex">
<div>
<h3> Mitigation</h3>
<p>
This involves diminishing the flow of heat trapping greenhouse gases into the atmosphere. This can be accomplished by burning fossil fuels for electricity, heat and transport. The solution for mitigation is to circumvent significant human interference with the climate system and maintain greenhouse gas levels to allow ecosystems to naturally adapt to climate change.
</p>
<h4> Other Solutions include</h4>
<ul>
<li> Investing in energy-efficient appliances </li>
<li> Reducing water waste </li>
<li> Weatherizing </li>
<li> Utilizing Renewable energy</li>
<li> Driving fule efficient vehicles </li>
<li> Shrinking carbon profiles</li>

</ul>
</div><div>


<h3> Adaptation</h3>
<p>
Adapting to changing climate requires being able to adapt for the futures climate change. The expected outcome is to reduce human vulnerability to the negative effects of climate change. These negative effects consist of and arent limited to sea level encroachment, increase of extreme weather events, and food insecurity. Being able to adapt will benefit and increase oppertunities for longer growing seasons and improving yields in various regions.
</p>
<img src= "https://www.irena.org/-/media/Images/IRENA/Agency/Topics/Climate-Change/REcrucial_for_climate_change_infographic.jpg">


</div>
</div>
<b style="text-align:center;"> The world is affected in many ways by the human causes. Together it is our responsibility to make the world a better place by eliminating these critical factors by limiting these causes and leaning towards natural solutions. Make a difference by donating to the cause as it will better the world ---> </b>

<a class="button" href="https://donate.edf.org/give/383962/?ub_tg=57&ub_o=1&ub_cta=6&utm_source=google&utm_campaign=edf_none_pd_acq&utm_medium=search&utm_id=1641232378&wave_code=32&isc=M322A76&gclid=Cj0KCQiA_c-OBhDFARIsAIFg3eyzfXQx9kIl0sWQs1TTXdfrzB0Tpyv1bUIjJ2bZj-jNpYPPcIJae6oaAlnwEALw_wcB&gclsrc=aw.ds#!/donation/checkout?c_src=1641232378&c_src2=google%7C%7Csearch%7C%7Cedf_none_pd_acq">Donate Here</a>
<h3>
<a class="button" href="index3.html" >Previous</a>
<a class="button" href="index.html">Home</a>

</h3>
</body>
</html>
55 changes: 55 additions & 0 deletions index3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Climate Change: Causes/Effects</title>
<link rel="stylesheet" href="style3.css">
</head>
<body>
<div class="split left">
<div class="centered">
<h1 id="headline">Causes:</h1>
<ul>
<li><strong>Industrial Revolution</strong> - At the beginning of 1750, human activities such as burning of fossil fuels,
including coal and oil, have significantly increased the concentration of greenhouse gases in our atmosphere. About
2.3 trillion tons of carbon dioxide released into the atmosphere in the 18th century.</li>
<li><strong>Deforestation</strong> - During the photosynthesis process, trees absorb carbon dioxide from the atmosphere
and release oxygen. Furthermore, carry out the respiration process, which permits carbon to be stored in tree trunks,
roots, and soil. When forests are cut down or burned, the carbon dioxide that has been stored in the trees is released
into the atmosphere.</li>
<li><strong>Energy Use</strong> - Energy plays an important role in all aspects of our life. The use of water consumption,
goods and services, transportation, economic growth, and energy (most from fossil fuels), contribute to climate change.
About 84% of U.S. greehouse gas emissions comes from energy demand.</li>
<li><strong>Pollution</strong> - Pollution is known to come from cars, factories, homes, and power plants that burn fossil
fuels such as oil, coal, natural gas, and gasoline. Once entered in the atmosphere, it traps heat around the earth for
50-200 years after it is emitted.</li>
</ul>
<h3>
Go back to
<a
id="homepage-link"
href="index.html"
target="_blank"
>Homepage</a>
</h3>
</div>
</div>
<div class="split right">
<div class="centered">
<h1 id="headline">Effects:</h1>
<p>
Climate change has had a wide-ranging impact on our planet, including increased temperatures, extreme weather events,
rising sea levels, animal extinction, and a lack of food. Scientists have previously predicted that the quantity of
greenhouse gases produced by human activity would cause an increase in the Earth's average global temperature.
As temperatures rise, the hot seasons will definitely prolong while the winter seasons will shorten.
Furthermore, extreme weather events such as heat waves and droughts will grow more prevalent and stay longer in the
future. As a result of the lack of precipitation, there will be food shortages. Several nations will very certainly be
submerged, destroying homes, families, and lives. There will be fewer animals, such as polar bears, because there would
be no ice for them to live on. Climate change has a catastrophic influence on the human population and will lead to the
extinction of our planet.
</p>
</div>
</div>
</body>
</html>
</DOCTYPE>
103 changes: 103 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
html {

font-size: 12px;
}

body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
'Helvetica Neue', Arial, sans-serif;
font-size: 1.6rem;
line-height: 1.5;
text-align: center;
color: #333;
margin: 0;
background: lightblue

}

h1 {
font-size: 4rem;
margin-bottom: 0;
}

@media (max-width: 460px) {
h1 {
font-size: 3.5rem;
line-height: 1.2;
}
}

h2 {
font-size: 3.25rem;
}

a {
color: #477ca7;
}

a:visited {
color: #74638f;
}

#main {
margin: 30px 8px;
padding: 15px;
border-radius: 5px;
background: #eee;

}

@media (max-width: 460px) {
#main {
margin: 0;
}
}

img {
max-width: 70%;
display: block;
height: auto;
margin: 0 auto;
border: 10px solid #555;
border-radius: 25px;
}

#img-div {
background: lightgrey;
padding: 10px;
margin: 0;
}

#img-caption {
margin: 15px 0 5px 0;
}

@media (max-width: 460px) {
#img-caption {
font-size: 1.6rem;
}
}

#headline {
margin: 50px 0;
text-align: center;
}

ul {
max-width: 550px;
margin: 0 auto 50px auto;
text-align: left;
line-height: 1.6;
}

li {
margin: 16px 0;
}

blockquote {
font-style: italic;
max-width: 545px;
margin: 0 auto 50px auto;
text-align: left;
}

Loading

0 comments on commit 863a15c

Please sign in to comment.