-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (150 loc) · 9.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>HRU Health</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">
<main class="flex-shrink-0">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<div class="container px-5">
<a class="navbar-brand" href="index.html"><img class="logo" src="assets/logo.png"></img></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"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="bg-white py-1">
<div class="container px-5">
<div class="row gx-5 align-items-center justify-content-center">
<div class="col-lg-8 col-xl-7 col-xxl-6">
<div class="my-5 text-center text-xl-start">
<h1 data-aos="fade-up" data-aos-duration="1000" class="display-5 fw-bolder text-dark mb-2">HRU: HOW ARE YOU?</h1>
<p data-aos="fade-up" data-aos-duration="2000" class="lead fw-normal text-dark-50 mb-4">"Bringing back the concept of digitalizing Healthcare. We intend to establish an online healthcare ecosystem."
</p>
<div data-aos="zoom-out-up" data-aos-duration="2000" class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start">
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Learn More</a>
</div>
</div>
</div>
<div data-aos="fade" data-aos-duration="1200" class="col-xl-5 col-xxl-6 d-none d-xl-block text-center"><img class="img-fluid rounded-3 my-5" src="assets/6x4.png" alt="..." /></div>
</div>
</div>
</header>
<!-- Features section-->
<section class="py-2" id="features">
<div class="container px-5 my-5">
<div class="row gx-5">
<div data-aos="fade-right" data-aos-duration="1000" class="col-lg-4 mb-5 mb-lg-0"><h2 class="fw-bolder mb-0">A better way to be healthy.</h2></div>
<div class="col-lg-8">
<div class="row gx-5 row-cols-1 row-cols-md-2">
<div data-aos="fade-up"
data-aos-duration="1000" class="col mb-5 h-100">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-collection"></i></div>
<h2 class="h5">Doctor at door step</h2>
<p class="mb-0">No more hosipital visits. Doctors arrive at your your door step to treat you.</p>
</div>
<div data-aos="fade-up"
data-aos-duration="1000" class="col mb-5 h-100">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-building"></i></div>
<h2 class="h5">Online doctor consultation</h2>
<p class="mb-0">Book your appointments with doctors online.</p>
</div>
<div data-aos="fade-up"
data-aos-duration="1000" class="col mb-5 mb-md-0 h-100">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-toggles2"></i></div>
<h2 class="h5">Lab on Wheels</h2>
<p class="mb-0">Say hello to lab on wheels. It comes right to your home to get you tested.</p>
</div>
<div data-aos="fade-up"
data-aos-duration="1000" class="col h-100">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-3"><i class="bi bi-toggles2"></i></div>
<h2 class="h5">Medicine Delivery</h2>
<p class="mb-0">Partnering with local pharmacy to delivery the medicines at any time you need.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial section-->
<div class="py-5 bg-light">
<div class="container px-5 my-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-10 col-xl-7">
<div class="text-center">
<div data-aos="fade-right" data-aos-duration="1000" class="fs-4 mb-4 fst-italic">"The on-going pandemic made me realise about the need of digitilazing the Healthcare services and make them accessible to people."</div>
<div data-aos="fade-left" data-aos-duration="1000" class="d-flex align-items-center justify-content-center">
<img class="rounded-circle me-3" src="assets/santhosh-40x40.jpg" alt="..." />
<div class="fw-bold">
Santosh
<span class="fw-bold text-primary mx-1">/</span>
Founder, HRU
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to action-->
<aside class="bg-primary bg-gradient rounded-0 p-4 p-sm-5 mt-5">
<div class="d-flex align-items-center justify-content-between flex-column flex-xl-row text-center text-xl-start">
<div class="mb-4 mb-xl-0">
<div class="fs-3 fw-bold text-white">New products, delivered to you.</div>
<div class="text-white-50">Sign up for our newsletter for the latest updates.</div>
</div>
<div class="ms-xl-4">
<div class="input-group mb-2">
<input class="form-control" type="text" placeholder="Email address..." aria-label="Email address..." aria-describedby="button-newsletter" />
<button class="btn btn-outline-light" id="button-newsletter" type="button">Sign up</button>
</div>
<div class="small text-white-50">We care about privacy, and will never share your data.</div>
</div>
</div>
</aside>
</div>
</section>
</main>
<!-- Footer-->
<footer class="bg-dark py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto"><div class="small m-0 text-white">Copyright © HRU Health 2022</div></div>
<div class="col-auto">
<a class="link-light small" href="index.html">Home</a>
<span class="text-white mx-1">·</span>
<a class="link-light small" href="about.html">About</a>
<span class="text-white mx-1">·</span>
<a class="link-light small" href="contact.html">Contact</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>