forked from aritra43/steadystridenew
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
46 lines (45 loc) · 4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="output.css">
</head>
<body>
<div class="lg:w-[100vw] lg:h-[100vh]">
<div class="lg:w-full lg:h-[100vh]">
<div style="background-image: url(./homescreennew.png); background-repeat: no-repeat; background-size: cover;" class="w-full h-[100vh] lg:hidden absolute">
<!-- <img class="absolute" src="./homescreennew.png" alt=""> -->
</div>
<div class="hidden lg:block">
<img id="relimg" class="hidden lg:block lg:w-full lg:h-[100vh] lg:absolute" src="./homescreen.png" alt=""></div>
<div class="lg:h-20 lg:border-b-2 lg:border-green-400 relative lg:w-full lg:h-20 lg:border-b-2 lg:border-green-400 lg:relative ">
<div class="">
<div class="relative lg:hidden flex flex-row flex-wrap justify-between border-b-2 border-green-400 h-20">
<div class="text-green-700 relative text-2xl p-3 pt-6 ">SteadyStride</div>
<div class="mt-2"><a id="ham" class="text-[10vw] pr-5 pt-4 mt-4" href="ham.html">≡</a></div>
</div>
<ul class="lg:flex lg:flex-row lg:justify-center lg:justify-evenly lg:flex lg:flex-row lg:justify-center lg:justify-evenly hidden">
<li class="p-7 font-semibold text-green-800"><a class="hover:bg-green-900 hover:text-green-400 hover:rounded-xl p-3 transition-colors duration-[0.4s] transition-all" href="home.html">Home</a></li>
<li class="p-7 font-semibold text-green-800"><a class="hover:bg-green-900 hover:text-green-400 hover:rounded-xl p-3 transition-colors duration-[0.4s] transition-all" href="about.html">About Us</a></li>
<li class="p-7 font-semibold text-green-800"><a class="hover:bg-green-900 hover:text-green-400 hover:rounded-xl p-3 transition-colors duration-[0.4s] transition-all" href="randoml.html">Tremor Prediction</a></li>
<div class="">
<h1 class="bg-gradient-to-r from-green-900 to-green-700 bg-clip-text p-5 text-3xl font-bold text-transparent lg:bg-gradient-to-r from-green-900 to-green-700 lg:bg-clip-text lg:p-5 lg:text-3xl lg:font-bold lg:text-transparent ">SteadyStride</h1>
</div>
<li class="p-7 font-semibold text-green-800"><a class="hover:bg-green-900 hover:text-green-400 hover:rounded-xl p-3 transition-colors duration-[0.4s] transition-all" href="report.html">Report</a></li>
<li class="p-7 font-semibold text-green-800"><a class="hover:bg-green-900 hover:text-green-400 hover:rounded-xl p-3 transition-colors duration-[0.4s] transition-all" href="home.html#footer">Contact Us</a></li>
<li class="p-7 font-semibold text-green-800"><a class="hover:bg-green-900 hover:text-green-400 hover:rounded-xl p-3 transition-colors duration-[0.4s] transition-all" id="new" href="signIn.html">Logout</a></li>
</ul>
<div class="lg:flex lg:flex-row">
<div class="lg:w-1/2 lg:h-[85vh] lg:p-32">
<h1 class="lg:font-bold lg:text-4xl lg:mb-9 lg:text-left text-center text-3xl font-bold p-2 mb-5">About Us</h1>
<p class="lg:font-semibold lg:text-xl lg:text-left text-center text-xl">At the forefront of healthcare innovation, we are transforming tremor management with our Wearable IoT-Based Anti-Tremor Band. This advanced device uses cutting-edge sensor technology and machine learning algorithms to detect and reduce tremors. By applying targeted pressure to nerves, it helps users regain control and freedom. Continuously monitoring tremor patterns, it provides real-time, personalized relief, empowering individuals to lead vibrant, independent lives.</p>
</div>
<div class="lg:w-1/2 lg:h-[85vh]"><img class="lg:m-auto lg:mt-24" src="./newaboutus.png" alt=""></div>
</div>
</div>
</div>
</div>
</body>
</html>