-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
63 lines (59 loc) · 3.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tech Phantom</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<nav>
<a href="#" id="title"><img src="Title.png" alt="Title" height="10%" width="12%" style="float:left;padding-bottom:10px"></a>
<a href="#home" class="navigation" id="home-nav">HOME</a>
<a href="#services" class="navigation" id="service-nav">SERVICES</a>
<a href="#contact" class="navigation" id="contact-nav">CONTACT US</a>
<button id="login">
<a href="form.html" style="text-decoration: none;">LOGIN/SIGN-UP</a>
</button>
<button id="physicalnav-btn"><a href="physical.html" style="text-decoration: none;">Physical Well-Being</a></button>
<button id="mentalnav-btn"><a href="mental.html" style="text-decoration: none;">Mental Well-Being</a></button>
</nav>
<hr>
<div id="home" style="color:darkblue;text-shadow:2px 2px pink">
<img src="https://img.freepik.com/free-vector/doctor-character-background_1270-84.jpg?size=338&ext=jpg&ga=GA1.1.1515406099.1641945600" alt="Pic" style="float:right;border-radius: 20%;"
height="15%" width="35%">
<br>
<br>
<br>
<h1>HEALTH TRACKIFY</h1>
<p>Welcome to Health Trackify. Your one stop website for all your healthcare needs.</p>
<p>We care for your physical and mental well-being. We believe that health of every individual
comes first and, to keep a track of your health in your busy scheduele is our mission.</p>
</div>
<div id="services">
<h1>SERVICES</h1>
<p>We help our customers keep a complete track of their health and medicines.</p>
<ul>
<li>You can connect with verified doctors and councellors (24X7) and take the best advice.</li>
<li>Keep a check on the stock of your medicines and get them ordered on time with just one click!</li>
<li>Track your daily medicine schedule and no worries of missing your timely tablets!</li>
</ul>
<p>Have a healthy journey ahead!</p>
<button id="physical-btn"><a href="physical.html">Physical Well-Being</a></button>
<button id="mental-btn"><a href="mental.html">Mental Well-Being</a></button>
</div>
<hr>
<footer>
<div id="Contacts">
<h1>Connect with us</h1>
<a href="https://www.facebook.com/"><img class="Social" src="https://cdn-icons-png.flaticon.com/512/124/124010.png" alt="Facebook" width="2%" height="2%"></a>
<a href="https://www.twitter.com/"><img class="Social" src="https://cdn-icons-png.flaticon.com/512/124/124021.png" alt="Twitter" width="2%" height="2%"></a>
<a href="https://www.instagram.com/"><img class="Social" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/1024px-Instagram_icon.png" alt="Instagram" width="2%" height="2%"></a>
<a href="https://www.linkedIn.com/"><img class="Social" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/600px-LinkedIn_logo_initials.png" alt="LinkedIn" width="2%" height="2%"></a>
<br>
<a href="#" style="font-size:larger; margin-left: 3px;"><b>©2022</b></a>
</div>
</footer>
</body>
</html>