160 lines
5.7 KiB
HTML
160 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<meta
|
|
name="description"
|
|
content="Learn about the expected side effects of COVID-19 Vaccines"
|
|
/>
|
|
<link rel="apple-touch-icon" href="/logo192.png" />
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<style>
|
|
@import "/styles/variables.css";
|
|
@import "/styles/variables-dark.css" screen and
|
|
(prefers-color-scheme: dark);
|
|
@import "/styles/extrasmall.css";
|
|
@import "/styles/small.css" only screen and (min-width: 370px) and
|
|
(max-width: 767px);
|
|
@import "/styles/smallmedium.css" only screen and (min-width: 768px) and
|
|
(max-width: 1023px);
|
|
@import "/styles/medium.css" only screen and (min-width: 1024px);
|
|
@import "/styles/large.css" only screen and (min-width: 1366px);
|
|
@import "/styles/extralarge.css" only screen and (min-width: 1921px);
|
|
@font-face {
|
|
font-family: "GlacialBold";
|
|
src: url("/fonts/glacialindifference-bold-webfont.woff2")
|
|
format("woff2"),
|
|
url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "GlacialItalic";
|
|
src: url("/fonts/glacialindifference-italic-webfont.woff2")
|
|
format("woff2"),
|
|
url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Glacial";
|
|
src: url("/fonts/glacialindifference-regular-webfont.woff2")
|
|
format("woff2"),
|
|
url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
[data-font="sans"] {
|
|
font-family: "Glacial", sans-serif;
|
|
font-display: swap;
|
|
}
|
|
[data-font="sans-bold"] {
|
|
font-family: "GlacialBold", sans-serif;
|
|
font-display: swap;
|
|
}
|
|
[data-font="sans-italic"] {
|
|
font-family: "GlacialItalic", sans-serif;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
</style>
|
|
<title>Vax & Me | Copyright</title>
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<div class="app-container">
|
|
<header>
|
|
<div class="logo-container">
|
|
<div class="logo"></div>
|
|
<div class="logo-text-container">
|
|
<p data-font="sans-bold">COPYRIGHT</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div class="intro">
|
|
<h3 class="subheader" data-font="sans-bold">© 2021</h3>
|
|
<h6 style="display: inline-block;" class="overline" data-font="sans">
|
|
Alba Rajanibala
|
|
</h6>
|
|
<h6 style="display: inline-block;" class="overline" data-font="sans"> & Ayushya Amitabh
|
|
</h6>
|
|
</div>
|
|
<div class="question-container">
|
|
<p class="overline" data-font="sans">
|
|
Unauthorized copying of this website via any medium is strictly
|
|
prohibited. Designed and developed by Alba Rajanibala and Ayushya
|
|
Amitabh.
|
|
</p>
|
|
</div>
|
|
<div class="question-container">
|
|
<p class="overline" data-font="sans">
|
|
All content on this website, unless otherwise cited is the
|
|
intellectual property of Alba Rajanibala and Ayushya Amitabh, and
|
|
may not be copied, edited, or reproduced without permission.
|
|
</p>
|
|
</div>
|
|
<div class="question-container">
|
|
<p class="overline" data-font="sans-italic">
|
|
Data shown is based on FDA clinical trials.
|
|
</p>
|
|
<div class="answers-container">
|
|
<a
|
|
style="display: block"
|
|
class="question"
|
|
data-font="sans-italic"
|
|
href="https://www.fda.gov/media/144416/download"
|
|
>PFizer-BioNTech</a
|
|
>
|
|
<a
|
|
style="display: block"
|
|
class="question"
|
|
data-font="sans-italic"
|
|
href="https://www.fda.gov/media/144637/download"
|
|
>Moderna</a
|
|
>
|
|
<a
|
|
style="display: block"
|
|
class="question"
|
|
data-font="sans-italic"
|
|
href="https://www.fda.gov/media/146304/download"
|
|
>J&J Janssen</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<footer data-font="sans">
|
|
<div class="link-container">
|
|
<div>
|
|
<h6 class="overline" data-font="sans">FDA Data Sources</h6>
|
|
<a href="https://www.fda.gov/media/144416/download">PFizer-BioNTech</a>
|
|
<a href="https://www.fda.gov/media/144637/download">Moderna</a>
|
|
<a href="https://www.fda.gov/media/146304/download">J&J Janssen</a>
|
|
</div>
|
|
<div>
|
|
<h6 class="overline" data-font="sans">Links</h6>
|
|
<a href="/vaxandme_chart.pdf">Download Chart</a>
|
|
<a href="/">Home</a>
|
|
</div>
|
|
<div>
|
|
<h6 class="overline" data-font="sans">Legal</h6>
|
|
<a href="/copyright">Copyright</a>
|
|
<a href="/privacy">Privacy</a>
|
|
</div>
|
|
</div>
|
|
<div class="overline by" data-font="sans">
|
|
Designed & Developed with ❤ by Alba Rajanibala and Ayushya Amitabh
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|