-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
144 lines (121 loc) · 7.31 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lacquer&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link href="https://emoji-css.afeld.me/emoji.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<title>homeless</title>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button
type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#navbar"
aria-expanded="false"
aria-controls="navbar"
>
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><span class="textme">HomeLess</span></a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="bg.png" target="_blank"><span class="textme">About</span> <i class="fas fa-info-circle"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<!-- Sheep by Poly by Google -->
<model-viewer src="https://poly.googleusercontent.com/downloads/c/fp/1581332805684056/aWFQcDSaDyo/1OO-eCZh_sB/PUSHILIN_sheep.gltf" ios-src="https://poly.googleusercontent.com/downloads/c/fp/1581332805684056/aWFQcDSaDyo/0PLGRVdd-vV/PUSHILIN_sheep.usdz" alt="Sheep by Poly by Google" background-color="##ff9800" camera-controls auto-rotate > </model-viewer>
<div class="centered">home<s>less</s></div>
<div class="jumbotron" >
<div class="container">
<div class="row">
<div class="col-lg-6 btn-holder">
</div>
<div class="col-lg-6">
<h1> India </h1>
<p>Every Indian must have a house by 2022. That is the dream of Prime Minister Narendra Modi. People living on footpaths is a common sight in most metro cities. According to the government’s definition, homeless or houseless people are those who live in “the open or roadside, pavements, inhume-pipes, under flyovers and staircases, or in the open in places of worship, mandaps, railway platforms etc.”</p>
<p><a class="btn btn-primary btn-lg" href="https://www.hlrn.org.in/homelessness" target="_blank" role="button">View Infographic</a><a class="btn btn-primary btn-lg" href="https://www.hlrn.org.in/documents/Reaffirming_Justiciability_Judgements_on_HRAH_from_High_Court_of_Delhi.pdf" target="_blank" role="button">Efforts</a></p>
</div>
</div>
</div>
</div>
<div class="jumbotron" style="background-image: url(namerica.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-6 btn-holder">
</div>
<div class="col-lg-6">
<h1> America </h1>
<p>Due to decades of misguided and faulty policies, homelessness is a serious problem. Over half
a million people go homeless on a single night in the United States. Approximately 65 percent
are found in homeless shelters, and the other 35 percent—just under 200,000—are found
unsheltered on our streets </p>
<p><a class="btn btn-primary btn-lg" href="https://endhomelessness.org/homelessness-in-america/homelessness-statistics/state-of-homelessness-report/" target="_blank" role="button">View Infographic</a><a class="btn btn-primary btn-lg" href="https://endhomelessness.org/ending-homelessness/solutions/" target="_blank" role="button">Efforts</a></p>
</div>
</div>
</div>
</div>
<div class="jumbotron" style="background-image: url(africa.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-6 btn-holder">
</div>
<div class="col-lg-6">
<h1> Africa </h1>
<p>According to a recent estimate by the Human Sciences Resource Center, South Africa is home to approximately 200,000 street homeless people, a significant portion of the nation’s population of 53.5 million (Rule-Groenewald et al., 2015). Members of the street community come from a variety of backgrounds, and this group is quite diverse in many ways.</p>
<p><a class="btn btn-primary btn-lg" href="https://wp.wpi.edu/capetown/projects/p2015/service-dining-rooms/background/homelessness-in-south-africa/" role="button">View Infographic</a><a class="btn btn-primary btn-lg" href="http://www.hsrc.ac.za/en/research-outputs/view/4891" role="button">Efforts</a></p>
</div>
</div>
</div>
</div>
<div class="jumbotron" style="background-image: url(antartica.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-6 btn-holder">
</div>
<div class="col-lg-6">
<h1> Canada </h1>
<p>In the State of Homelessness in Canada 2016 report, it was estimated that at least 235,000 Canadians experience homelessness in a given year. The actual number is potentially much higher, given that many people who are unhoused live with friends or relatives, and do not come into contact with emergency shelters.</p>
<p><a class="btn btn-primary btn-lg" href="https://www.homelesshub.ca/about-homelessness/homelessness-101/how-many-people-are-homeless-canada" target="_blank" role="button">View Infographic</a><a class="btn btn-primary btn-lg" href="https://www.homelesshub.ca/solutions/national-strategies/canada" target="_blank" role="button">Efforts</a></p>
</div>
</div>
</div>
</div>
<div class="jumbotron" style="background-image: url(australia.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-6 btn-holder">
</div>
<div class="col-lg-6">
<h1> Australia </h1>
<p>Despite steady economic growth in Australia, homelessness increased by 14% between the 2011 and 2016 censuses, with 116,427 people now thought to have no permanent home.
This means that for every 10,000 Australians, 50 are homeless. The Australian Bureau of Statistics (ABS), estimates that more than 43,500 homeless people are under 25.</p>
<p><a class="btn btn-primary btn-lg" href="https://www.homelessnessaustralia.org.au/sites/homelessnessaus/files/2017-07/Homelessness%20in%20Australiav2.pdf" target="_blank" role="button">View Infographic</a><a class="btn btn-primary btn-lg" href="https://www.dss.gov.au/housing-support/programmes-services/homelessness" target="_blank" role="button">Efforts</a></p>
</div>
</div>
</div>
</div>
</body>
<footer>
Copyright©2020 Made by Kanishka|Sarthak <br> With <i class="em em-heavy_heart_exclamation_mark_ornament" aria-role="presentation" aria-label=""></i> using Poly
</footer>
</html>