-
Notifications
You must be signed in to change notification settings - Fork 0
/
tran.html
67 lines (60 loc) · 3.68 KB
/
tran.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="tran.css">
<link href="https://fonts.googleapis.com/css?family=Kanit|Lexend+Giga|Long+Cang|Righteous&display=swap" rel="stylesheet">
<title>Turnip</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body class="background help">
<!-- nav bar -->
<h3 class="fun-fact">°˖✧Fun Fact!✧˖°
<h4 class="kanit"> Carbon dioxide and carbon monoxide are the primary air pollutants produced by a car! Σ(°ロ°)</h4>
<ul>
<li class="questrial"><a href="index.html">Home</a></li>
<li style="float:right"><a class="questrial" href="about.html">About</a></li>
</ul>
<p>
<h1 class=righteous><strong>Transportation 🚓</strong></h1>
<h3 class=center><strong>What does carbon dioxide do to the environment?</strong></h3>
</p>
<div class=center>
<img src="https://i.pinimg.com/originals/d4/3c/11/d43c11d76c7db33af616426597e88833.gif" align=center>
</div>
<p>
<h2>What kind of car do you have at home?</h2>
<button class="w3-btn w3-hover-red btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample1">Electric.</button>
<div class="collapse" id="collapseExample1">
<div class="card card-body">
That's great! They may be more expensive, but they are much more sustainable than fossil fuel powered cars.
</div>
</div>
<button class="w3-btn w3-hover-orange btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2">Gas.</button>
<div class="collapse" id="collapseExample2">
<div class="card card-body">
Fossil-fuel powered cars produce lots of CO2 and CO when they are running or idle. If switching to an electric car is too expensive, try taking public transportation or walking more often instead of driving!
</div>
</div>
<p>
<h2>How often do you drive?</h2>
<button class="w3-btn w3-hover-green btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample4" aria-expanded="false" aria-controls="collapseExample4">Often.</button>
<div class="collapse" id="collapseExample4">
<div class="card card-body">
It may not be the best idea to drive everywhere. If possible, try taking public transportation or walking places more often.
</div>
</div>
<button class="w3-btn w3-hover-blue btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample5" aria-expanded="false" aria-controls="collapseExample5">Not often.</button>
<div class="collapse" id="collapseExample5">
<div class="card card-body">
That's great! Walking is not only good for you, but it's great for the environment!
</div>
</div>
</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>