-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathguide.html
More file actions
140 lines (121 loc) · 8.79 KB
/
Copy pathguide.html
File metadata and controls
140 lines (121 loc) · 8.79 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=News+Cycle:wght@700&display=swap" rel="stylesheet">
<!-- Font Awesome CSS Icons (For cool glyphicons) -->
<script src="https://kit.fontawesome.com/690c0f0a79.js" crossorigin="anonymous"></script>
<title>QIG</title>
</head>
<body>
<!-- NAVBAR COMPONENT -->
<nav class="flex items-center justify-between flex-wrap bg-yellow-500 p-6">
<div class="flex items-center flex-shrink-0 text-gray-800 mr-6">
<span class="font-bold text-2xl pageTitle"><i class="fas fa-house-user"></i> QIG - Quarantine and Isolation Guide</span>
</div>
<div class="w-full block flex-grow sm:flex sm:items-center sm:w-auto">
<div class="text-2x1 font-bold sm:flex-grow">
<a href="index.html"
class="block mt-4 sm:inline-block sm:mt-0 text-teal-800 hover:text-white mr-4"
>Home</a>
<a href="guide.html"
class="block mt-4 sm:inline-block sm:mt-0 text-teal-800 hover:text-white mr-4">Quarantine Guide</a>
<a href="recipe.html"
class="block mt-4 sm:inline-block sm:mt-0 text-teal-800 hover:text-white">Healthy Iso Recipes</a>
</div>
</div>
</nav>
<main>
<div class="container mx-auto mt-3 grid grid-cols-1 gap-3 p-8">
<div class="font-sans text-4xl font-bold text-gray-800 italic text-center">Quarantine Guide</div>
<p class="py-5 text-center">Below are links to guidelines for the COVID-19 pandemic.</p>
<div class="px-2">
<div class="flex -mx-2">
<div class="w-1/2 px-5 rounded overflow-hidden shadow-lg">
<p class="font-bold text-gray-800 text-xl py-5">World Health Organization</p>
<ul class="list-disc text-teal-900 text-base border-solid border-l-8 border-yellow-500 rounded-t-lg rounded-b-lg p-4">
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public" target="_blank">
Basic protective measures</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public/when-and-how-to-use-masks" target="_blank">
When and how to use masks</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public/myth-busters" target="_blank">
Myth-busters about COVID-19</a></li>
<li class="ml-2 p-2 hover:text-teal-700" target="_blank">
<a href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019/advice-for-public/healthy-parenting" target="_blank">
Parenting in the time of COVID-19</a></li>
</ul>
</div>
<div class="w-1/2 px-5 pb-5 rounded overflow-hidden shadow-lg">
<p class="font-bold text-gray-800 text-xl py-5">Australian Government</p>
<ul class="list-disc text-teal-900 text-base border-solid border-l-8 border-yellow-500 rounded-t-lg rounded-b-lg p-4">
<li class="ml-2 p-2 hover:text-gray-600">
<a href="https://www.australia.gov.au/" target="_blank">Latest news from government agencies</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.health.gov.au/news/health-alerts/novel-coronavirus-2019-ncov-health-alert" target="_blank">Health Alert</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.health.gov.au/news/health-alerts/novel-coronavirus-2019-ncov-health-alert/how-to-protect-yourself-and-others-from-coronavirus-covid-19/self-isolation-self-quarantine-for-coronavirus-covid-19" target="_blank">Self quarantine information</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.health.gov.au/news/health-alerts/novel-coronavirus-2019-ncov-health-alert/advice-for-people-at-risk-of-coronavirus-covid-19" target="_blank">Advice for people at risk</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.health.gov.au/news/health-alerts/novel-coronavirus-2019-ncov-health-alert/how-to-protect-yourself-and-others-from-coronavirus-covid-19/social-distancing-for-coronavirus-covid-19" target="_blank">Social distancing</a></li>
</ul>
</div>
</div>
<div class="flex -mx-2 py-3">
<div class="w-1/2 px-5 pb-5 rounded overflow-hidden shadow-lg">
<p class="font-bold text-gray-800 text-xl py-5">State and Territory Government Information</p>
<ul class="list-disc text-teal-900 text-base border-solid border-l-8 border-yellow-500 rounded-t-lg rounded-b-lg p-4">
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://preview.nsw.gov.au/covid-19" target="_blank">New South Wales</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.dhhs.vic.gov.au/coronavirus" target="_blank">Victoria</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.qld.gov.au/health/conditions/health-alerts/coronavirus-covid-19" target="_blank">Queensland</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.sa.gov.au/covid-19" target="_blank">South Australia</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.wa.gov.au/government/covid-19-coronavirus" target="_blank">Western Australia</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://coronavirus.tas.gov.au/" target="_blank">Tasmania</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://coronavirus.nt.gov.au/" target="_blank">Northern Territory</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.covid19.act.gov.au/" target="_blank">Australian Capital Territory</a></li>
</ul>
</div>
<div class="w-1/2 px-5 pb-5 rounded overflow-hidden shadow-lg">
<p class="font-bold text-gray-800 text-xl py-5">Other useful links</p>
<ul class="list-disc text-teal-900 text-base border-solid border-l-8 border-yellow-500 rounded-t-lg rounded-b-lg p-4">
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.healthdirect.gov.au/symptom-checker/tool/basic-details" target="_blank">COVID-19 Symptom Checker</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://api.whatsapp.com/send?phone=61400253787&text=To%20learn%20more%20about%20COVID-19%20in%20Australia%2c%20press%20the%20send%20button%20%e2%86%92&source=&data=" target="_blank">WhatsApp message</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://apps.apple.com/au/app/coronavirus-australia/id1503846231" target="_blank">Official COVID-19 app for IPhone</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://play.google.com/store/apps/details?id=au.gov.health.covid19" target="_blank">Official COVID-19 app for Android</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://www.facebook.com/ausgov/" target="_blank">Australian Government Facebook</a></li>
<li class="ml-2 p-2 hover:text-teal-700">
<a href="https://twitter.com/ausgov" target="_blank">Australian Government Twitter</a></li>
</ul>
</div>
</div>
</div>
</div>
</main>
<!--Footer-->
<div class="w-full items-justified flex-wrap bg-yellow-500 p-6">
<p class="text-sm text-center font-bold text-teal-800"><i class="fas fa-house-user"></i> QIG - Quarantine and Isolation Guide</p>
<p class="text-sm text-center font-bold text-teal-800 py-2">Made with <i class="fa fa-heart text-red-800"></i> by the callback-cats</p>
</div>
<!--Javascript-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</body>
</html>