-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
226 lines (176 loc) · 11.9 KB
/
about.html
File metadata and controls
226 lines (176 loc) · 11.9 KB
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
215
216
217
218
219
220
221
222
223
224
225
226
<!doctype html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="" />
<!-- Bootstrap 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">
<link rel="stylesheet" href="css/style.css">
<title>Penny For Jobs</title>
</head>
<body>
<!-- ################
NAVIGATION BAR
################ -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
<a class="navbar-brand" href="#">Penny For Jobs</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse d-lg-flex justify-content-lg-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item text-center">
<a class="nav-link text-center" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item text-center">
<a class="nav-link page-active" href="about.html">About</a>
</li>
<li class="nav-item text-center">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item text-center">
<a class=" btn btn-light text-primary" href="https://www.paypal.com/us/signin" target="_blank">Donate</a>
</li>
</ul>
</div>
</nav>
<br>
<br>
<br>
<div class ="text" >
<h1 class="text-center">About Us</h1>
<p>Maecenas volutpat blandit aliquam etiam. Vitae sapien pellentesque habitant morbi.
Id interdum velit laoreet id donec ultrices. Ac ut consequat semper viverra nam.
Vehicula ipsum a arcu cursus vitae congue. In nulla posuere sollicitudin aliquam ultrices.
Sodales ut etiam sit amet nisl purus in. Amet risus nullam eget felis eget.
A diam sollicitudin tempor id eu nisl nunc. Nisi vitae suscipit tellus mauris a diam maecenas sed enim.
At augue eget arcu dictum varius duis at consectetur lorem. Porta non pulvinar neque laoreet suspendisse.
Urna id volutpat lacus laoreet non curabitur gravida. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices.
Habitasse platea dictumst quisque sagittis purus sit amet. Amet risus nullam eget felis eget nunc lobortis.
Sed id semper risus in hendrerit gravida rutrum quisque non.
Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere lorem.Pellentesque elit eget gravida cum sociis natoque penatibus et.
Dignissim convallis aenean et tortor at.
Duis at tellus at urna. Tellus elementum sagittis vitae et.
Risus sed vulputate odio ut enim blandit volutpat maecenas.
Laoreet non curabitur gravida arcu ac tortor dignissim.
Vel quam elementum pulvinar etiam non quam lacus suspendisse faucibus.
Tortor at risus viverra adipiscing at in tellus integer. </p>
<p>
Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae.
Ipsum dolor sit amet consectetur. Tempor id eu nisl nunc mi ipsum faucibus vitae.
Laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean.
Proin nibh nisl condimentum id venenatis a condimentum vitae sapien.
Dolor magna eget est lorem. Aliquam etiam erat velit scelerisque.
Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet.
At elementum eu facilisis sed odio morbi quis commodo odio. Ante metus dictum at tempor.
Pulvinar etiam non quam lacus suspendisse faucibus interdum.
Tempor orci eu lobortis elementum nibh tellus molestie.
Commodo quis imperdiet massa tincidunt nunc pulvinar sapien et.
At auctor urna nunc id cursus. Rutrum quisque non tellus orci.
Velit egestas dui id ornare arcu.
Mattis rhoncus urna neque viverra justo.
Semper viverra nam libero justo laoreet sit amet cursus sit.
Viverra mauris in aliquam sem fringilla ut. Nisl tincidunt eget nullam non nisi est sit amet.
Habitant morbi tristique senectus et netus et malesuada fames ac. Aliquet eget sit amet tellus.
Tellus in hac habitasse platea.</p>
<p> Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec.
Faucibus in ornare quam viverra orci sagittis eu volutpat odio. Augue eget arcu dictum varius duis.
Diam vel quam elementum pulvinar etiam non quam lacus. Eu nisl nunc mi ipsum faucibus vitae aliquet nec.
Lorem mollis aliquam ut porttitor leo. Sodales ut etiam sit amet nisl purus in mollis nunc.
Libero nunc consequat interdum varius. Elementum tempus egestas sed sed risus. In mollis nunc sed id.
Tortor dignissim convallis aenean et tortor. Diam ut venenatis tellus in.
Pellentesque elit eget gravida cum sociis natoque penatibus et.
Dignissim convallis aenean et tortor at.
Duis at tellus at urna. Tellus elementum sagittis vitae et.
Risus sed vulputate odio ut enim blandit volutpat maecenas.
Laoreet non curabitur gravida arcu ac tortor dignissim.
Vel quam elementum pulvinar etiam non quam lacus suspendisse faucibus.
Tortor at risus viverra adipiscing at in tellus integer.
Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae.
Ipsum dolor sit amet consectetur. Tempor id eu nisl nunc mi ipsum faucibus vitae.
Laoreet non curabitur gravida arcu ac tortor dignissim convallis aenean.
Proin nibh nisl condimentum id venenatis a condimentum vitae sapien.
Dolor magna eget est lorem. Aliquam etiam erat velit scelerisque.
Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet.
At elementum eu facilisis sed odio morbi quis commodo odio. Ante metus dictum at tempor.
Pulvinar etiam non quam lacus suspendisse faucibus interdum.
Tempor orci eu lobortis elementum nibh tellus molestie.
Commodo quis imperdiet massa tincidunt nunc pulvinar sapien et.
At auctor urna nunc id cursus. Rutrum quisque non tellus orci. </p>
<p> Tortor at risus viverra adipiscing at in tellus integer.
Lectus vestibulum mattis ullamcorper velit sed.
Ultricies leo integer malesuada nunc vel. Consectetur adipiscing elit ut aliquam purus sit.
Quis vel eros donec ac odio tempor orci. Tristique senectus et netus et malesuada fames ac turpis egestas.
Sit amet aliquam id diam maecenas ultricies mi. Etiam tempor orci eu lobortis elementum nibh.
Erat velit scelerisque in dictum non consectetur a erat. Congue nisi vitae suscipit tellus.
Amet nisl purus in mollis nunc. Nulla aliquet porttitor lacus luctus accumsan.
Dictum varius duis at consectetur lorem donec massa sapien.
Pellentesque habitant morbi tristique senectus et netus et malesuada.
Nullam ac tortor vitae purus faucibus ornare suspendisse. Auctor augue mauris augue neque gravida in.
Viverra accumsan in nisl nisi scelerisque eu ultrices vitae.
Ullamcorper velit sed ullamcorper morbi tincidunt ornare. Nisl nisi scelerisque eu ultrices.
Tortor at auctor urna nunc id cursus metus. Ac tincidunt vitae semper quis lectus nulla.
Velit ut tortor pretium viverra. Lectus vestibulum mattis ullamcorper velit.
Pellentesque massa placerat duis ultricies lacus sed turpis.
Iaculis eu non diam phasellus vestibulum lorem sed risus ultricies.
Tortor at risus viverra adipiscing at in tellus integer. Non blandit massa enim nec.
Pulvinar elementum integer enim neque volutpat ac tincidunt vitae.
Tortor posuere ac ut consequat semper viverra nam libero.
Rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt lobortis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ac tortor dignissim convallis aenean et tortor.
Est pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus.
Scelerisque in dictum non consectetur a erat nam at.
Nisl suscipit adipiscing bibendum est ultricies integer quis auctor elit.
Magna sit amet purus gravida quis blandit. Blandit massa enim nec dui nunc mattis.
Ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Nibh sed pulvinar proin gravida.
Eleifend donec pretium vulputate sapien. Mauris a diam maecenas sed enim ut.
Malesuada proin libero nunc consequat. Ultrices eros in cursus turpis massa tincidunt.
Sit amet nisl purus in mollis nunc sed id semper. Varius duis at consectetur lorem donec.
Augue interdum velit euismod in.
Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec.
Faucibus in ornare quam viverra orci sagittis eu volutpat odio. Augue eget arcu dictum varius duis.
Diam vel quam elementum pulvinar etiam non quam lacus. Eu nisl nunc mi ipsum faucibus vitae aliquet nec.
Lorem mollis aliquam ut porttitor leo. Sodales ut etiam sit amet nisl purus in mollis nunc.
Libero nunc consequat interdum varius. Elementum tempus egestas sed sed risus. In mollis nunc sed id.
Tortor dignissim convallis aenean et tortor. Diam ut venenatis tellus in.</p>
</div>
<!-- ################
FOOTER
################ -->
<footer>
<div class="container-fluid text-white footer-links-container">
<div class="container">
<div class="row">
<div class="col-md-6 text-center text-md-left pt-3 d-md-flex align-items-md-center justify-content-md-start">
<ul class="p-0 d-md-flex flex-column align-items-md-center justify-content-md-start">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-md-6 text-center text-md-right pt-3 d-md-flex align-items-md-center justify-content-md-end">
<div><a class="btn btn-primary"href="https://www.paypal.com/us/signin" target="_blank">Make A Donation</a></div>
</div>
</div>
</div>
</div>
<p class="text-center m-0 p-3 text-white copyright-container"> © Penny For Jobs 2019</p>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<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>
<style>
body { background-image: url('https://cdn-images-1.medium.com/max/1800/1*5CGsixSFZHIhejvJEJrcjg.jpeg');
background-repeat: no-repeat;
background-position: relative;
background-size: cover;
}
</style>
</body>
</html>