-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
240 lines (228 loc) · 12.5 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!DOCTYPE HTML>
<html>
<head>
<title>Masked Heroes Initiative</title>
<meta charset="utf-8" />
<meta name="description" content="Official Website of Masked Heroes Initiative">
<meta name="keywords" content="Masked Heroes Initiative, mask, masked, hero, heroes,
initiative, mhi, donate, free, free masks, hospitals, donations, mask donations, hospital mask donations,
donate now, COVID19, covid 19, corona, corona virus, coronavirus, safety, maskedheroes, masked initiative, maskedheroesinitiative">
<meta author="Sunay Dagli, Ramanan Abeyakaran">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Masked Heroes Initiative">
<meta itemprop="description" content="Official Website of Masked Heroes Initiative">
<meta itemprop="image" content="images/maskdocbackground.JPG">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="http://maskedheroesinitiative.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Masked Heroes Initiative">
<meta property="og:description" content="Official Website of Masked Heroes Initiative">
<meta property="og:image" content="images/maskdocbackground.JPG">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="images/android-chrome-512x512.png">
<meta name="twitter:title" content="Masked Heroes Initiative">
<meta name="twitter:description" content="Official Website of Masked Heroes Initiative">
<meta name="twitter:image" content="images/maskdocbackground.JPG">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171178162-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-171178162-1');
</script>
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="landing">
<!-- Header -->
<nav class='navbar navbar-expand-lg navbar-light'>
<a href="http://maskedheroesinitiative.com">
<img src="images/MHI Raleway-14.png">
</a>
<button class='navbar-toggler ml-auto' data-toggle='collapse' data-target="#navbarMenu">
<span class='navbar-toggler-icon'></span>
</button>
<div class = "collapse navbar-collapse" id='navbarMenu'>
<ul class = "navbar-nav ml-auto">
<li class='navbar-item'><a class='nav-link' href="donate.html">Donate</a></li>
<li class='navbar-item dropdown'><a class='nav-link dropdown-toggle' data-toggle="dropdown" href="about.html">About Us</a>
<ul class ="dropdown-menu">
<li><a href="about.html#mission">Mission</a></li>
<li><a href="about.html#shoutouts">Shoutouts</a></li>
<li><a href="about.html#donations">PPE Donations</a></li>
<li><a href="about.html#gallery">Gallery</a></li>
</ul>
</li>
<li class='navbar-item'><a class='nav-link' href="bloghome.html">Blog</a></li>
<li class='navbar-item'><a class='nav-link' href="covidinfo.html">COVID-19 Info</a></li>
<li class='navbar-item dropdown'><a class='nav-link dropdown-toggle' data-toggle="dropdown" href="updatedteampage.html">Our Team</a>
<ul class ="dropdown-menu">
<li><a href="updatedteampage.html#president">President</a></li>
<li><a href="updatedteampage.html#finance">Finance</a></li>
<li><a href="updatedteampage.html#socmedia">Social Media</a></li>
<li><a href="updatedteampage.html#tech">Technology</a></li>
<li><a href="updatedteampage.html#advising">Advising</a></li>
<li><a href="updatedteampage.html#operations">Operations</a></li>
</ul>
</li>
<li class='navbar-item'><a class='nav-link' href="contact.html">Contact</a></li>
<li class='navbar-item dropdown'><a class='nav-link dropdown-toggle' data-toggle="dropdown" href="universities.html">Universities</a>
<ul class ="dropdown-menu">
<li><a href="universities.html#ucla">UCLA</a></li>
<li><a href="universities.html#ucb">UC Berkeley</a></li>
<li><a href="universities.html#uci">UC Irvine</a></li>
<li><a href="universities.html#ucsd">UC San Diego</a></li>
<li><a href="universities.html#ucr">UC Riverside</a></li>
<li><a href="universities.html#cpp">Cal Poly Pomona</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<h2 style="color: FFFFFF">Masked Heroes Initiative</h2>
<p style="color: #D0CCFE">protect as one</p>
<a href="covidinfo.html#Testing"><p style="color: #D0CCFE; font-size: 25px;">Click here to find a vacccination site near you</p></a>
<ul class="actions">
<li><br><br></li>
</ul>
</section>
<!-- One -->
<section id="one" class="wrapper style1">
<div class="container 75%">
<div class="row 200%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>Donated over 40,000 units of PPE</h2>
<p style="color: #9C9EC8">Defeating COVID-19 Together</p>
</header>
</div>
<div class="6u$ 12u$(medium)">
<!--<p>We’re in the middle of the worst <b>pandemic</b> of our lifetimes. But in times of challenge, America has always been able to <b>overcome</b> it because we’ve faced them <b>together</b>. It’s up to us — <b>all of us</b> — to come together and protect one another. </p>
<p>Because of the events of <b>George Floyd, Breonna Taylor, Rayshard Brooks</b>, and various other <b>black lives</b> cut short due to police brutality, protests have broken out in the streets. Just because another crisis has come about in our country, it does <b>NOT</b> mean that COVID-19 has disappeared.</p>
<p>With your help, we can make sure that <b>anyone</b> who is demanding justice can do it just a little <b>safer</b>, and anyone who has to treat patients has the <b>equipment</b> to do so. </p>-->
<p>A resurgence in the pandemic is happening — mostly among the unvaccinated. In the United States, only about half of the eligible population has gotten vaccinated due to hesitancy of or inaccessibilityto the COVID-19 vaccine. </p>
<p>The only way to defeat this pandemic is to have our communities vaccinated. The Masked Heroes Initiative will coordinate efforts to provide critical information regarding the safe and effective vaccine and encourage communities to be vaccinated — and return to our normal lives as quickly as possible</p>
<p>This is <b>our shot</b> — and with your help, we can #ProtectAsOne and finally end this pandemic.</p>
</div>
</div>
</div>
</section>
<section id="two" class ="wrapper style2 centered">
<iframe title="COVID-19 Cases Per 100,000 People in United States" aria-label="map" id="datawrapper-chart-n6isy" src="https://mhi-map-automation.herokuapp.com/" scrolling="no" frameborder="0" style="width: 0; min-width: 75% !important; border: none;" height="800"></iframe>
</section>
<!-- Two -->
<section id="three" class="wrapper style1">
<div class="container">
<header class="major special">
<h2>Masked Heroes Initiative at a Glance</h2>
<p style="color: #D0CCFE">A little bit about us</p>
</header>
<div class="feature-grid">
<div class="feature">
<!--<div class="image rounded"><img class = "glance" src="images/docmask2.jpg" alt="" /></div>-->
<div class="image rounded"><img class = "glance" src="images/biography_photos/jay_kim-turner.png" alt="" /></div>
<div class="content">
<header>
<h3>Our Message</h3>
</header>
<p>No matter what your background or who you are, we are all at risk to this virus. We must all come together to defeat COVID-19, and no one should get left behind.</p>
</div>
</div>
<div class="feature">
<!--<div class="image rounded"><img class = "glance" src="images/doc1.jpg" alt="" /></div>-->
<div class="image rounded"><img class = "glance" src="images/biography_photos/rainey_williams.png" alt="" /></div>
<div class="content">
<header>
<h3>Our Mission</h3>
</header>
<p>We are here to help during this crisis by providing masks to the frontline healthcare workers mitigating this outbreak and anyone who does not have a mask to protect others.</p>
</div>
</div>
<div class="feature">
<!--<div class="image rounded"><img class = "glance" src="images/personmask2.jpg" alt="" /></div>-->
<div class="image rounded"><img class = "glance" src="images/biography_photos/saleem_haider.png" alt="" /></div>
<div class="content">
<header>
<h3>Our work</h3>
</header>
<p>From large university hospitals to local urgent care centers, we provide supplies to organizations running out of supplies in cities suffering from outbreaks. Sometimes, we even provide to areas that haven’t seen an outbreak — so that they can be prepared for one.</p>
</div>
</div>
<div class="feature">
<!--<div class="image rounded"><img class = "glance" src="images/personmask1.jpeg" alt="" /></div>-->
<div class="image rounded"><img class = "glance" src="images/biography_photos/brian_trinh.png" alt="" /></div>
<div class="content">
<header>
<h3>Our Team</h3>
</header>
<p>Our team is a group of high school and college students, chipping in to do our part in overcoming the COVID-19 pandemic crisis together.</p>
</div>
</div>
</div>
<ul class="actions align-center">
<li><a href="about.html" class="button special big">More About Us</a></li>
</ul>
</div>
</section>
<section id="four" class="wrapper style3 special">
<div class="container">
<header class="major">
<h2 style="color: #FFFFFF">We need your help.</h2>
<p style="color: #D0CCFE">Let us know what you can do to help the cause.</p>
</header>
<ul class="actions">
<li><a href="contact.html" class="button special big">Get in touch</a></li>
</ul>
</div>
</section>
<section class="container centered">
<header class="special">
<h2 id="partners">our partners</h2>
</header>
<ul class="flexed">
<!--<li class="partner">
<div class="card centered no-border" style="width: 16rem;">
<img class="card-img-top logo mx-auto" src="images/medlifelogo.png" alt="BLM">
<div class="card-body">
<h4 class="card-title">Medlife @ UCLA</h4>
</div>
</div>
</li>-->
<li class="partner">
<div class="card centered no-border " style="width: 16rem;">
<img class="card-img-top logo mx-auto" src="images/tedxlogo.png" alt="BLM">
<div class="card-body">
TEDx CSUF
</div>
</div>
</li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https://www.instagram.com/maskedheroesinitiative/" target="_blank" class="icon fa-instagram"></a></li>
<li><a href="https://www.facebook.com/maskedheroesinitiative" target="_blank" class="icon fa-facebook"></a></li>
<li><a href="https://twitter.com/maskedheroesmhi" target="_blank" class="icon fa-twitter"></a></li>
<li><a href="https://linkedin.com/company/masked-heroes-initiative" target="_blank" class="icon fa-linkedin-square"></a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
</body>
</html>