-
Notifications
You must be signed in to change notification settings - Fork 0
/
mission.html
90 lines (78 loc) · 3.63 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
<!DOCTYPE HTML>
<!--
Optics by Pixelarity
pixelarity.com @pixelarity
License: pixelarity.com/license
-->
<html>
<head>
<title>Houston Hackathon 2016 | Our Mission</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Homeless Houston Resources <!--<span>By xyz</span>--></a></h1>
<a href="#nav"><span>Menu</span></a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="resources.html">Other Resources</a></li>
<li><a href="mission.html">Our Mission</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Main -->
<article id="main">
<header>
<h2>Our Mission</h2>
</header>
<section class="wrapper">
<div class="inner">
<h3>Our Vision for a greater Houston</h3>
<p>Our mission is to provide a resource for homeless people to use to find the support they need at a moment’s notice. This resource will be available to anyone with access to a computer- or even access to a public library. They will be able to see at a glance all the resources available to them and filter the results according to their individual needs. We hope this resource will quickly connect people with organizations that have exactly what they need.</p>
<div class="row uniform 50%">
<div class="12u">
<span class="image fit"><img src="images/mission3.jpg" alt="" />
</span>
</div>
</div><br>
<p>We recognize that homelessness is a very big problem in the LGBT community due to intolerant families, and our website keeps them in mind especially. Our map includes centers that offer LGBT youth counseling, support groups, and more, as well as filters that highlight shelters that are accepting of these youth.
</p>
<div class="box alt">
<div class="row uniform 50%">
<div class="6u"><span class="image fit"><img src="images/mission1.jpg" alt="" /></span></div>
<div class="6u"><span class="image fit"><img src="images/mission2.jpg" alt="" /></span></div>
</div>
</div>
<hr />
</div>
</section>
</article>
<!-- Footer -->
<footer id="footer">
<div class="copyright">
© Homeless Houston Resources. A Hackathon 2016 Project.
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>