-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
63 lines (59 loc) · 3.6 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title> Hopkins for the Homeless </title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,100,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="css/font-awesome.css" />
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<body>
<header class = "container-fluid">
<div class = "row">
<img src = "logo.png" align = "middle" id = "logo">
</div>
<div class = "row">
<nav class = "col-sm-12">
<p> <a href = "index.html#home" id = "nav"> ABOUT </a></p>
<p> <a href = "services.html#services" id = "nav"> SERVICE </a> </p>
<p> <a href = "team.html#team" id = "nav"> GALLERY </a> </p>
<p> <a href = "inquiries.html#inquiries" id = "nav"> CONTACT </a> </p>
</nav>
</div>
</header>
<section class = "container-fluid" id = "home">
<div class = "row">
<p align = "middle" id = "servicetag"> WELCOME </p>
<div class = "col-sm-12" align = "middle" id = "hometext">
<br></br>
<p id = "hometags"> A LITTLE BIT ABOUT US </p>
<br></br>
<p>Hopkins for the Homeless is a student organization under the Center for Social Concern</p>
<p> at the Johns Hopkins University in Baltimore, Maryland </p>
<br></br>
<p>Our mission is to bring awareness to and alleviate homelessness in Baltimore. We achieve these aims by coordinating both on and off campus events throughout the year. By partnering Hopkins students with various homelessness advocacy groups, we work to make significant steps in resolving an often misunderstood and crippling issue in Baltimore. </p>
</div>
<div class = "row" id = "filler">
</div>
<div class = "col-sm-12" align = "middle" id = "hometext">
<p id = "hometags"> WHAT WE DO </p>
<br></br>
<p>Hopkins for the Homeless will seek to bring awareness to the seriousness of homelessness by actively participating in the community and advocating for reform. We will seek to lobby and advocate for social change in the neighborhood and volunteer our time to alleviate the immediate effects of homelessness as well as hosting speaker events and walking tours to bring light onto the realities of homelessness. We also edit and write for Word on the Street, a paper written about homeless issues by people who have experienced homelessness. The paper is then sold by homeless vendors, providing them with an essential income. More details can be found on our website under Service. </p>
<br></br>
</div>
</div>
<div class = "row" id = "filler">
</div>
</section>
<footer class = "container-fluid">
<div class = "row">
<p class = "col-sm-6" align = "middle"> <a href = "services.html#logo" id = "returnfooter">Back to Top</a></p>
<p class = "col-sm-6" align = "middle"> <a href = "index.html#logo" id = "returnfooter">Back to Home</a></p>
<p class = "col-sm-6" align = "middle">© 2016 Hopkins for the Homeless. All rights reserved.</p>
</div>
</footer>
</body>
</html>