-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (84 loc) · 2.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Open Sans Condensed:300' rel='stylesheet'>
</head>
<style>
.navbar-brand {
font-size: 24px;
}
li a {
font-size: 20px;
}
.navbar {
margin: 0 !important;
}
.container1 {
position: relative;
}
.container2 {
position: relative;
}
.arrow {
position: absolute;
top: 40%;
left: 10%;
right: 50%;
width: 350px;
height: 350px;
}
.centered {
position: absolute;
top: 30%;
left: 10%;
right: 50%;
color: white;
font-family: 'Open Sans Condensed';
font-size: 30px;
font-weight: lighter;
}
.maskimg {
position: absolute;
top: 25%;
left: 60%;
right: 20%;
width: 400px;
height: 400px;
}
img {
width: 100%;
height: auto;
}
</style>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand active" href="index.html">Finding Covidence</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="symptoms.html">Symptoms</a></li>
<li><a href="testing.html">Testing</a></li>
<li><a href="conclusions.html">Conclusions</a></li>
</ul>
</div>
</nav>
<div class='container1'>
<img class = 'arrow' src='index-img/arrow.jpeg'>
<img src='index-img/title.jpeg'>
</div>
<div class="container2">
<img src="index-img/black bg.png" style=width:"100%;">
<div class="centered">As testing kits are scarce and new mild symptoms of the novel coronavirus emerge every day,
we decided to devise a group of quick and simple tests to help people at home. With our tests,
you can personally test your own bodily functions to determine whether or not you display symptoms
of COVID-19.</div>
<img class='maskimg' src="index-img/symbol.png" >
</div>
</body>
</html>