-
Notifications
You must be signed in to change notification settings - Fork 0
/
portal.html
64 lines (55 loc) · 3 KB
/
portal.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<body>
<div class="header2">
<a href="chooseGender.html">
<img class="img back-arrow" src="images/icon-arrow-left.svg" alt="get-started-image">
</a>
<h4 class="back-text"><a class="back-to-start" href="chooseGender.html">Back to Start</a></h4>
<h2 class="titlePadding2">What can we do for you?</h2>
<div class="ear-container">
<img class="ear-icon" src="images/icon-ear-white.png" alt="Speak to Me">
<h4 class="speak"> Speak to me</h4>
</div>
</div>
<span class="arrow is-triangle arrow-bar is-left"></span>
<div class="bottomSpace"></div>
<div class="portal-section">
<div class="portal-card shelter"><img src="images/shelter.svg" alt="house" class="card-image">
<div class="portal-card-text">Find Shelter</div>
</div>
<div class="portal-card food"><img src="images/food.svg" alt="food" class="card-image">
<div class="portal-card-text">Find Food</div>
</div><br>
<div class="portal-card jobs"><a href="JobsAndSkills.html"><img src="images/job.svg" alt="jobs" class="card-image" src="JobsAndSkills.html"></a>
<div class="portal-card-text"><a href="JobsAndSkills.html">Jobs & Skills</a></div>
</div>
<div class="portal-card health"><img src="images/health.svg" alt="health-services" class="card-image">
<div class="portal-card-text">Health Services</div>
</div>
<div class="portal-card hygiene"><img src="images/personal-hygiene.svg" alt="personal-hygiene" class="card-image">
<div class="portal-card-text">Personal Hygiene</div>
</div>
</div>
<div class="pagePadding">
</div>
<div class="bottomSpace"></div>
<div class="kiosk-container">
<div class="kiosk-div">
<img class="clock-icon" src="images/clock-icon.png">
<div class="kiosk-information">
<p class="kiosk-rep-title"><b>Need help?</b> A friendly face will be<br>here to help during these times</p>
<p class="kiosk-hours week-hours">Monday - Saturday: 8am - 8pm</p>
<p class="kiosk-hours">Sunday: 10am - 7pm</p>
</div>
</div>
</body>
</head>
</html>