-
Notifications
You must be signed in to change notification settings - Fork 0
/
mission.html
244 lines (239 loc) · 14.6 KB
/
mission.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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Our Mission at Lifting The Lou</title>
<meta name="description"
content="Lifting the Lou was formed to help community-minded organizations in their effort to eradicate poverty and create prosperity in all areas of St. Louis. You can read more about our mission.">
<link rel="apple-touch-icon" sizes="57x57" href="/assets/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/assets/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/assets/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/assets/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/assets/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/assets/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/assets/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/assets/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/assets/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Our Mission at Lifting the Lou" />
<meta property="og:description"
content="Our mission at Lifting the Lou to help all areas of St. Louis." />
<meta property="og:url" content="https://liftingthelou.org/mission" />
<meta property="og:site_name" content="Lifting the Lou" />
<meta property="og:image" content="https://liftingthelou.org/assets/LtLsocialshare.png" />
<meta property="og:image:secure_url" content="https://liftingthelou.org/assets/LtLsocialshare.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description"
content="Our mission at Lifting the Lou to help all areas of St. Louis." />
<meta name="twitter:title" content="Our Mission at Lifting The Lou" />
<meta name="twitter:site" content="@liftingthelou" />
<meta name="twitter:image" content="https://liftingthelou.org/assets/LtLsocialshare.png" />
<meta name="twitter:creator" content="@1904labs" />
<link rel="stylesheet" href="/assets/bulma.css" />
<link rel="stylesheet" href="/assets/liftingthelou.css?t=2022111800" />
</head>
<body class="has-navbar-fixed-top">
<header>
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="mainNav">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<div id="mainNav" class="navbar-menu level-item">
<a class="navbar-item" href="/"><img src="/assets/android-icon-36x36.png" /></a>
<div class="navbar-start">
<a class="navbar-item" href="/" title="Home">Home</a>
<div class="navbar-item has-dropdown is-hoverable">
<div class="navbar-item is-tab">About</div>
<div class="navbar-dropdown">
<a class="navbar-item is-active" href="/mission" title="Lifting the Lou's Mission">Mission</a>
<a class="navbar-item" href="/board-of-advisors" title="Lifting the Lou's Board of Advisors">Board of Advisors</a>
<a class="navbar-item" href="/corporate-partners" title="Lifting the Lou's Corporate Partners">Coporate Partners</a>
</div>
</div>
<a class="navbar-item" href="/community-partners" title="Community Partners">Community Partners</a>
<div class="navbar-item has-dropdown is-hoverable">
<div class="navbar-item">Events</div>
<div class="navbar-dropdown">
<!-- <a class="navbar-item" href="/events/upcoming" title="Upcoming Events">Upcoming</a> -->
<a class="navbar-item" href="/events/past" title="Past Events">Past</a>
</div>
</div>
<a class="navbar-item" href="/contact" title="Contact">Contact</a>
</div>
</div>
</nav>
<div class="page-top">
<div class="spacer" style="height:64px;background-color:transparent;"></div>
<div class="level">
<div class="level-item">
<img id="page-title" src="/assets/OurMission-Hero.svg" />
</div>
</div>
</div>
</header>
<!--
<div class="floatingcta">
<div class="centered">
<a href="/upcoming-events" title="Upcoming Events">Upcoming Event</a>
</div>
</div>
-->
<section class="section">
<div class="container">
<div class="content">
<div class="level">
<div class="level-item">
<div class="has-text-centered">
<h2>Lifting the Lou’s Big Hairy Audacious Goal (BHAG) is to see the entire city of St. Louis become one big, integrated “Island of Prosperity”.<br>We welcome you to join us to make that BHAG into a reality.</h2>
</div>
</div>
</div>
<div class="spacer" style="height: 64px; background-color: transparent"></div>
<div class="level">
<div class="level-item">
<a href="/board-of-advisors" title="Lifting the Lou's Board of Advisors"><img src="/assets/BoardOfAdvisors.svg" title="Board of Advisors" /></a>
</div>
</div>
<div class="spacer" style="height: 64px; background-color: transparent"></div>
<div class="level">
<div class="level-item">
<a href="/corporate-partners" title="Lifting the Lou's Corporate Partners"><img src="/assets/CorporatePartners.svg" title="Corporate Partners" /></a>
</div>
</div>
<div class="spacer" style="height: 64px; background-color: transparent"></div>
<div class="level">
<div class="level-item">
<img src="/assets/OutreachFocus.svg" title="Outreach Focus" />
</div>
</div>
<div class="spacer" style="height: 48px; background-color: transparent"></div>
<div class="columns is-vcentered jumptarget" id="safe">
<div class="column is-one-third focus-icon">
<figure class="is-square is-pulled-right">
<img src="/assets/focus/SafeAndVibrantNeighborhoods.svg" title="Safe and Vibrant Neighborhoods">
</figure>
</div>
<div class="column is-two-thirds">
<h3>Safe and Vibrant<br>Neighborhoods</h3>
<p class="is-size-5">Every St. Louis neighborhood is safe to live in and vibrant in that it has viable/usable housing options and the local services residents need (grocery, medical, banking, and other businesses) to live there.</p>
</div>
</div>
<div class="columns is-vcentered jumptarget" id="educate">
<div class="column is-one-third focus-icon">
<figure class="is-square is-pulled-right">
<img src="/assets/focus/EducateEveryChild.svg" title="Educate Every Child">
</figure>
</div>
<div class="column is-two-thirds">
<h3>Educate<br>Every Child</h3>
<p class="is-size-5">Every child has access to good education from K through 12 and is adequately educated and equipped to fully participate in our 21<sup>st</sup>-century economy when they graduate high school (either through going on to college or entering a trade). </p>
</div>
</div>
<div class="columns is-vcentered jumptarget" id="housing">
<div class="column is-one-third focus-icon">
<figure class="is-square is-pulled-right">
<img src="/assets/focus/HousingTheUnhoused.svg" title="Housing the Unhoused">
</figure>
</div>
<div class="column is-two-thirds">
<h3>Housing<br>the Unhoused</h3>
<p class="is-size-5">All of our unhoused/homeless have access to housing and an opportunity to get back into the workforce.</p>
</div>
</div>
<div class="columns is-vcentered jumptarget" id="chances">
<div class="column is-one-third focus-icon">
<figure class="is-square is-pulled-right">
<img src="/assets/focus/SecondChances.svg" title="2nd Chances to Men in the Justice System">
</figure>
</div>
<div class="column is-two-thirds">
<h3>2<sup>nd</sup> Chances to Men<br>in the Justice System</h3>
<p class="is-size-5">Adult men who are or have been involved with the justice system have access to programs that allow them to choose a new non-criminal path and empowerment options to support them in staying on their new non-criminal path.</p>
</div>
</div>
</div>
</div>
</section>
<div class="spacer" style="height: 148px; background-color: transparent"></div>
<footer class="skylined">
<div class="spacer" style="height: 200px;"></div>
<div class="c-85 has-text-white">
<div class="columns">
<div class="column is-one-quarter">
<div class="is-horizontal-padded-20">
<img class="centered breakfix" src="/assets/LTLheart.svg" />
<p>Our mission is to see the entire city of St. Louis become one big, integrated “Island of Prosperity”. We welcome you to join us to make that into a reality.</p>
</div>
</div>
<div class="column is-half">
<h3>Follow Us</h3>
<p>Keep up with everthing we're doing by following us on social media. </p>
<div class="no-bullet py-3">
<a href="https://www.twitter.com/liftingthelou/" rel="noopener" target="_blank" title="Twitter Lifting The Lou">
<img class="px-3" src="/assets/twitter-with-circle.svg" alt="Twitter Lifting The Lou" /></a>
<a href="https://www.facebook.com/liftingthelou/" rel="noopener" target="_blank" title="Facebook Lifting The Lou">
<img class="px-3" src="/assets/facebook-with-circle.svg" alt="Facebook Lifting The Lou" /></a>
<a href="https://www.linkedin.com/company/lifting-the-lou/" rel="noopener" target="_blank" title="LinkedIn Lifting The Lou">
<img class="px-3" src="/assets/linkedin-with-circle.svg" alt="LinkedIn Lifting The Lou" /></a>
<a href="https://www.instagram.com/liftingtheloustl" rel="noopener" target="_blank" title="Instagram Lifting The Lou Photos">
<img class="px-3" src="/assets/instagram-with-circle.svg" alt="Instagram Lifting The Lou Photos"></a>
<!--
<a href="https://www.youtube.com/channel/UCXvO2AR_lgIhel_aPL7W32Q" rel="noopener" target="_blank" title="YouTube Lifting The Lou Videos">
<img src="/assets/youtube-with-circle.svg" alt="YouTube Lifting The Lou Videos"></a>
-->
</div>
</div>
<div class="column is-one-quarter">
<h3><a href="/contact" title="Contact Us" class="has-text-white">Contact Us</a></h3>
<p>Lifting the Lou<br />20 South Sarah Street<br />St. Louis, Missouri 63108 </p>
</div>
</div>
</footer>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109577696-7"></script>
<script async>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-109577696-7");
</script>
<script async defer>
document.addEventListener("DOMContentLoaded", () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(
document.querySelectorAll(".navbar-burger"),
0
);
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
// Add a click event on each of them
$navbarBurgers.forEach((el) => {
el.addEventListener("click", () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle("is-active");
$target.classList.toggle("is-active");
});
});
}
});
</script>
</body>
</html>