-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (117 loc) · 4.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home ~ NeuroMetric Analytics</title>
<!-- BOOTSTRAP CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<!-- Personalized CSS -->
<link href="css/index.css" rel="stylesheet" type="text/css" />
<!-- GENERAL CSS -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body style="background: url('images/ondes-abstract-4k-wd.jpg') no-repeat center center fixed; background-size: cover;">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images/InlineTransparent.png" alt="Neurometric Analytics Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 ">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Settings
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Dark Mode</a></li>
<li class="dropdown-item">
<div id="google_translate_element"></div>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#" aria-disabled="false">Login</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Company Info in Cool Animated Boxes -->
<section class="company-info-section">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 info-box">
<h3>Personalized Medical Care</h3>
<p>Access NMOSD Life Quality Surveys and receive personalized medical care and support.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 info-box">
<h3>Analytics and Insights</h3>
<p>Get valuable insights from data collected from NMOSD patients to understand your condition better.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 info-box">
<h3>Life Support Resources</h3>
<p>Explore information about the disease, available treatments, and lifestyle recommendations.</p>
</div>
</div>
</div>
</section>
<!-- "Take the Survey" Button -->
<div class="take-survey-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<a href="form.html" class="btn btn-primary btn-lg">Take the Survey</a>
</div>
</div>
</div>
</div>
<!-- NMOSD Info in Cool Animated Boxes -->
<section class="nmosd-info-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="section-title">About NMOSD</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 info-box">
<h3>Autoimmune Rare Disease</h3>
<p>NMO is an autoimmune rare disease that affects the optic nerve and spinal cord.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 info-box">
<h3>Common Among Women</h3>
<p>NMO is more common among women, affecting them three times more than men.</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 info-box">
<h3>Symptoms</h3>
<p>Symptoms include blurry vision, weakness, numbness, sleeping problems, and more.</p>
</div>
</div>
</div>
</section>
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
crossorigin="anonymous"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'en'},
'google_translate_element'
);
}
</script>
<script type="text/javascript"
src=
"https://translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit">
</script>
</body>
</html>