-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
140 lines (137 loc) · 6.23 KB
/
about.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
<!-- <!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>About</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="aboutPage.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">
</head>
<body>
<img src="images/joel-jasmin-forestbird-xzPMUMDDsfk-unsplash.jpg"
alt="A picture of a tree log from above with cracks throughout the log."
id="aboutUsImage">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container-fluid px-3">
<a class="navbar-brand" href="index.html">The Green Notebook</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
<a class="nav-link" href="notepad.html">Notebook</a>
</div>
</div>
</div>
</nav>
<div class="container widthExpansion">
<div class="whatIsPage">
<div class="row">
<div class="col-12">
<h3 class="spacingAbout"></h3>
</div>
</div>
<div class="row">
<div class="col py-5">
<h1 id="FAQ">About Us</h1>
</div>
</div>
<h1 id="whatIsHeader">The Green Notebook</h1>
<div class="row bg-light bg-opacity-75 text-center">
<div class="backgroundColorWhatIsSection">
<div class="col-6 vcenter">
<h2 id="theWhatHeader">What is The Green Notebook?</h2>
id id="theWhatHeader
</div>
<div class="col-6">
<p class="whatIsParagraph" id="whatIsParagraph1">
The Green Note Book is a 100% non-profit organization focused on planting trees through our
notetaking
application.
</p>
<img src="images/victoria-palacios-dfo06_DqxpA-unsplash.jpg" class="img-fluid"alt="se">
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="spacingAbout"></h3>
</div>
</div>
<div class="row bg-light bg-opacity-75 vcenter">
<div class="col-6 text-center">
<h2 id="theGoalHeader">What is Our Goal?</h2>
</div>
<div class="col-6">
<p class="whatIsParagraph" id="whatIsParagraph2">
The purpose of The Green Notebook is to raise awareness and funds for the climate action and
provide funds to continue the preservation of the Earth as much as possible.
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="spacingAbout"></h3>
</div>
</div>
<div class="row bg-light bg-opacity-75 vcenter">
<div class="col-6">
<h2 id="theHowHeader">How Do We Make Money?</h2>
</div>
<div class="col-6 col--offset-3">
<p id="theHowParagraph">
All the money made from ad revenue goes to these charities:
<ul class="charityList">
<li>One Tree Planted</li>
<li>Trees for the Future</li>
<li>Trees for Cities</li>
<li>International Tree Foundation</li>
</ul>
</p>
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="spacingAbout"></h3>
</div>
</div>
<div class="row bg-light bg-opacity-75 vcenter">
<div class="col">
<h2 id="theTrustHeader">Is the Green Notebook Trustworthy?</h2>
</div>
<div class="col">
<p id="theTrustParagraph">
We try our best to be as transparent and accountable as possible.
The Green Notebook will take any test to prove accountability from a trusted source.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h3 class="spacingAbout"></h3>
</div>
</div>
<div class="row">
<div class="col">
<footer class="whatIsFooter">Image by Joel Jasmin</footer>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
crossorigin="anonymous"></script>
</body>
</html> -->