-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
136 lines (132 loc) · 8.77 KB
/
about.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
<!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/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body class="d-flex flex-column">
<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>
<!--
<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog">
<li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li>
<li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownPortfolio" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Portfolio</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownPortfolio">
<li><a class="dropdown-item" href="portfolio-overview.html">Portfolio Overview</a></li>
<li><a class="dropdown-item" href="portfolio-item.html">Portfolio Item</a></li>
</ul>
</li> -->
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="py-5">
<div class="container px-5">
<div class="row justify-content-center">
<div class="col-lg-8 col-xxl-6">
<div class="text-center my-5">
<h1 data-aos="fade" data-aos-duration="1200" class="fw-bolder mb-3">Our mission is to make healthcare accessible for everyone.</h1>
<a data-aos="zoom-out-up" data-aos-duration="1200" class="btn btn-primary btn-lg" href="#scroll-target">Read our story</a>
</div>
</div>
</div>
</div>
</header>
<!-- About section one-->
<section data-aos="fade-left" data-aos-duration="1200" class="py-5 bg-light" id="scroll-target">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6"><img class="img-fluid rounded mb-5 mb-lg-0" src="assets/6x4.png" alt="..." /></div>
<div class="col-lg-6">
<h2 class="fw-bolder">Our founding</h2>
<p class="lead fw-normal text-muted mb-0">The people you want on your founding team depends on what you’re creating. If you’re building an app, you should probably have a person who is capable of creating it in your founding team and not just people with business skills. So you usually have to broaden your normal horizons when looking for your co-founders as our circles tend to be quite small and filled with people who have experience in the same area or function of a company.
</p>
</div>
</div>
</div>
</section>
<!-- About section two-->
<section data-aos="fade-right" data-aos-duration="1200" class="py-5">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6 order-first order-lg-last"><img class="img-fluid rounded mb-5 mb-lg-0" src="assets/6x4.png" alt="..." /></div>
<div class="col-lg-6">
<h2 class="fw-bolder">Growth & beyond</h2>
<p class="lead fw-normal text-muted mb-0">The timing is propitious. In a year which has shown the impacts of one pandemic, rooted in ecological destruction, ideas like degrowth mirror an essential truth — growth without responsibility is not good enough. Humanity now faces a Rubicon of choice. It is still possible to grow beyond growth, caring for those who share this earth with us, and those who are yet to grow up.</p>
</div>
</div>
</div>
</section>
<!-- Team members section-->
<section class="py-5 bg-light">
<div class="container px-5 my-5">
<div data-aos="fade-up" data-aos-duration="1200" class="text-center">
<h2 class="fw-bolder">Our team</h2>
<p class="lead fw-normal text-muted mb-5">Dedicated to quality and your success</p>
</div>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div data-aos="fade-up"
data-aos-duration="1000" class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="assets/santhosh.jpg" alt="..." />
<h5 class="fw-bolder">Santosh Kumar</h5>
<div class="fst-italic text-muted">Founder & CEO</div>
</div>
</div>
</div>
</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/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>