-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (144 loc) · 15 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<link rel="stylesheet" href="healme.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html" style="font-weight: bold;">HEALME</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto mr-5">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="Aboutus.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="healthbot.html">Health Bot</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Contactus.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
<div class="hero-page">
<div class="container-fluid mt-1 p-3">
<div class="row" style="margin-top:8%; margin-left:0%;">
<div class="col-12 col-lg-12 col-xl-7 col-md-12 col-sm-12">
<div>
<h1 class="Healme">HEALME</h1>
</div>
<div>
<h1 class="YourPersonal">YOURPERSONAL</h1>
</div>
<div>
<h1 class="Healthcompanion">HEALTH COMPANION</h1>
</div>
<div>
<p class="Welcompara">Welcome to HealthBot! Your go-to source for reliable health information and personalized support. Whether you need advice on nutrition, fitness, mental health, or any other health-related topic, HealthBot is here to assist you every step of the way.</p>
</div>
<div>
<a href="healthbot.html"> <button class="Chat-with-HealthBot"> Chat with HealthBot</button></a>
</div>
</div>
<div class="col-12 col-lg-12 col-xl-3 col-md-12 col-sm-12">
<img src="Ellipse 2.jpg">
</div>
</div>
<div class="row p-3" style="margin-top:8%;">
<div class="col-12 col-lg-12 col-xl-12 col-md-12 col-sm-12">
<h1 class="WhyHealthbot ml-2"> WHY HEALTHBOT</h1>
</div>
<div class="row d-flex flex-row justify-content-center mt-3" >
<div class="Rectangle-whyhealthbot ml-5 mr-5">
<h1 class="rect-head mb-4">Personalized Support</h1>
<div class="d-flex justify-content-center"><svg width="64" height="63" viewBox="0 0 64 63" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="2639877_online_support_icon 1">
<path id="Vector" d="M32 54.6V58.8C36.9963 58.8 40.9643 57.0087 43.9957 54.6H32Z" fill="white"/>
<path id="Vector_2" d="M10.6667 33.6V37.8C10.6667 43.05 14.9334 44.1 14.9334 44.1C14.9334 44.1 19.2 56.7 32 56.7" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
<path id="Vector_3" d="M55.4667 35.7H49.0667C49.0667 22.596 42.6667 16.8 42.6667 16.8C36.2667 31.5 14.9333 21 14.9333 35.7H8.53333C8.53333 35.7 8.53333 35.4522 8.53333 27.3C8.53333 12.6 21.3333 4.20001 32 4.20001C40.5333 4.20001 42.6667 8.40001 42.6667 8.40001C51.2 8.40001 55.4667 18.9 55.4667 27.3V35.7Z" fill="white"/>
<path id="Vector_4" d="M33.0667 44.1C32.6912 44.1 31.3088 44.1 30.9333 44.1C29.1669 44.1 27.7333 45.5112 27.7333 47.25C27.7333 48.9888 29.1669 50.4 30.9333 50.4C31.3088 50.4 32.6912 50.4 33.0667 50.4C34.8331 50.4 36.2667 48.9888 36.2667 47.25C36.2667 45.5112 34.8331 44.1 33.0667 44.1Z" fill="white"/>
<path id="Vector_5" d="M34.1333 48.3H44.8C49.5125 48.3 53.3333 44.5389 53.3333 39.9V33.6" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
<path id="Vector_6" d="M53.3333 42H49.0667V31.5H53.3333C55.6907 31.5 57.6 33.3795 57.6 35.7V37.8C57.6 40.1205 55.6907 42 53.3333 42Z" fill="white"/>
</g>
</svg>
</div>
<p class="rect-para mt-5">
HealthBot understands that every individual’s health needs are unique. It offers personalized advice based on your specific questions and health conditions.
</p>
</div>
<div class="Rectangle-whyhealthbot ml-3 mr-5">
<h1 class="rect-head mb-4">24/7 Availability</h1>
<div class="d-flex justify-content-center"><svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="24-hours-support-svgrepo-com 1" clip-path="url(#clip0_7_66)">
<g id="Group">
<path id="Vector" d="M34.8409 0.325867C28.6624 0.325867 23.0193 2.65821 18.7428 6.48728C19.6914 7.9956 20.2302 9.75045 20.2809 11.5619L20.2811 11.5672L20.2813 11.5724C20.3028 12.3886 20.3516 13.2051 20.4215 14.0202C23.6652 9.56302 28.9188 6.65803 34.8409 6.65803C44.6707 6.65803 52.6678 14.6551 52.6678 24.485C52.6678 34.2112 44.8375 42.1378 35.1501 42.3041C36.0347 43.0433 36.948 43.7479 37.889 44.4094L37.8932 44.4125L37.8976 44.4155C39.1788 45.3193 40.2224 46.5042 40.9546 47.8595C51.3252 45.1449 58.9998 35.6948 58.9998 24.485C59 11.1636 48.1625 0.325867 34.8409 0.325867Z" fill="white"/>
<path id="Vector_2" d="M34.2477 49.5898C31.4878 47.3866 29.7658 45.9194 27.3016 43.6367C26.5765 42.965 25.6904 42.5467 24.7805 42.5467C24.0842 42.5467 23.3965 42.7685 22.8304 43.2331C22.2462 43.7249 21.6619 44.2167 21.0775 44.7083C16.3286 39.0646 12.8022 32.4882 10.7292 25.4097C11.4621 25.1953 12.1951 24.9806 12.928 24.7662C14.5431 24.2716 15.3029 22.5474 15.0659 20.8189C14.5503 17.0567 14.2702 15.1877 13.951 11.739C13.7875 9.97124 12.6109 8.43568 10.9247 8.34387C10.6617 8.31833 10.3989 8.30566 10.1382 8.30566C3.86727 8.30566 -1.59275 15.5742 0.427001 24.4662C2.94024 35.4783 8.38105 45.6248 16.1626 53.8119C19.3503 57.1586 23.2553 58.6741 26.7821 58.6741C30.5027 58.6741 33.8026 56.9889 35.4008 53.9894C36.2576 52.534 35.6353 50.6975 34.2477 49.5898Z" fill="white"/>
<path id="Vector_3" d="M27.5756 24.932C25.9056 26.4815 24.8128 27.6998 24.2358 28.656C23.8284 29.3304 23.5312 30.0434 23.352 30.7752C23.2678 31.1196 23.3453 31.4772 23.5646 31.7564C23.7837 32.0353 24.1125 32.1953 24.4671 32.1953H32.4368C33.4132 32.1953 34.2077 31.4008 34.2077 30.4244C34.2077 29.4479 33.4132 28.6535 32.4368 28.6535H28.8378C28.8671 28.6188 28.8973 28.5842 28.9281 28.5494C29.1633 28.2847 29.7391 27.7317 30.6393 26.9062C31.5834 26.0398 32.2208 25.3909 32.5879 24.9225C33.1411 24.2184 33.5527 23.5309 33.8109 22.8796C34.0741 22.2158 34.2077 21.508 34.2077 20.7758C34.2077 19.4621 33.7319 18.347 32.7937 17.4609C31.8616 16.582 30.5785 16.1367 28.9794 16.1367C27.5264 16.1367 26.2922 16.517 25.3116 17.2672C24.72 17.7201 24.2645 18.3476 23.9576 19.1328C23.7503 19.6633 23.8039 20.2701 24.1011 20.7558C24.3983 21.2417 24.9142 21.5657 25.4809 21.6222C25.544 21.6286 25.6069 21.6317 25.669 21.6317C26.4666 21.6317 27.1779 21.1245 27.4392 20.3697C27.5211 20.1331 27.6294 19.945 27.7615 19.8104C28.0397 19.5269 28.4144 19.3889 28.9072 19.3889C29.4081 19.3889 29.7823 19.5193 30.0508 19.7876C30.3187 20.0554 30.4489 20.4461 30.4489 20.9822C30.4489 21.4802 30.271 21.9994 29.9202 22.526C29.7321 22.8017 29.17 23.4465 27.5756 24.932Z" fill="white"/>
<path id="Vector_4" d="M43.5305 16.1367H42.1993C41.82 16.1367 41.4658 16.3237 41.2518 16.6369L35.0952 25.6493C34.9156 25.9123 34.8206 26.2198 34.8206 26.5383V27.9987C34.8206 28.6313 35.3354 29.1461 35.968 29.1461H41.0221V30.3676C41.0221 31.3755 41.8422 32.1955 42.85 32.1955C43.8579 32.1955 44.6779 31.3755 44.6779 30.3676V29.1461H44.8605C45.797 29.1461 46.559 28.3841 46.559 27.4476C46.559 26.5111 45.797 25.7491 44.8605 25.7491H44.6779V17.284C44.6779 16.6515 44.1631 16.1367 43.5305 16.1367ZM41.0224 25.7491H38.7537L41.0224 22.3766V25.7491Z" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_7_66">
<rect width="59" height="59" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<p class="rect-para mt-5">
We understand that health questions can arise at any time. That’s why HealthBot is available 24/7, providing you with instant support and answers whenever you need them, no matter the time of day or night. </div>
<div class="Rectangle-whyhealthbot ml-3" >
<h1 class="rect-head mb-4">User-Friendly Experience</h1>
<div class="d-flex justify-content-center"><svg width="62" height="62" viewBox="0 0 62 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="user-experience-design-svgrepo-com 1" clip-path="url(#clip0_7_85)">
<path id="user--experience-design_1_" d="M30.7597 59.5825C25.7126 59.5825 20.8921 58.203 16.8214 55.5951L17.5751 54.4229C21.421 56.8855 25.9799 58.1855 30.7617 58.1855C35.4194 58.1855 40.1043 56.8487 43.9522 54.419L44.6981 55.599C40.6274 58.1681 35.6791 59.5825 30.7597 59.5825ZM54.0097 51.8325C50.4196 51.8325 47.4997 48.9107 47.4997 45.3225C47.4997 41.7342 50.4215 38.8125 54.0097 38.8125C57.598 38.8125 60.5197 41.7342 60.5197 45.3225C60.5197 48.9107 57.5999 51.8325 54.0097 51.8325ZM54.0097 40.2075C51.1887 40.2075 48.8947 42.5015 48.8947 45.3225C48.8947 48.1435 51.1887 50.4375 54.0097 50.4375C56.8307 50.4375 59.1247 48.1435 59.1247 45.3225C59.1247 42.5015 56.8307 40.2075 54.0097 40.2075ZM15.2598 51.8325H1.69726C1.44732 51.8325 1.21676 51.6988 1.09276 51.4818C0.968759 51.2648 0.968759 50.9974 1.0947 50.7824L7.87594 39.1574C8.12588 38.7292 8.83113 38.7292 9.08107 39.1574L15.8623 50.7824C15.9883 50.9974 15.9883 51.2648 15.8643 51.4818C15.7403 51.6988 15.5097 51.8325 15.2598 51.8325ZM2.91207 50.4375H14.0449L8.47851 40.8953L2.91207 50.4375ZM41.1447 45.3225H39.7497V42.0617C39.7497 37.8767 36.9094 34.2807 32.8426 33.3177C32.5519 33.2499 32.3369 33.0019 32.3097 32.7055C32.2826 32.4071 32.4473 32.1242 32.7205 32.0022C34.4623 31.2272 35.5861 29.497 35.5861 27.5944C35.5861 24.9342 33.4219 22.77 30.7617 22.77C28.1015 22.77 25.9373 24.9342 25.9373 27.5944C25.9373 29.497 27.063 31.2272 28.8048 32.0022C29.078 32.1242 29.2427 32.4071 29.2156 32.7035C29.1884 33.0019 28.9734 33.2499 28.6827 33.3177C24.614 34.2826 21.7736 37.8767 21.7736 42.0617V45.3225H20.3786V42.0617C20.3786 37.7585 22.9787 33.9978 26.8634 32.4362C25.42 31.2717 24.5442 29.5009 24.5442 27.5944C24.5442 24.165 27.3342 21.375 30.7636 21.375C34.1949 21.375 36.9849 24.165 36.9849 27.5944C36.9849 29.5009 36.1092 31.2717 34.6657 32.4362C38.5504 33.9978 41.1506 37.7604 41.1506 42.0617V45.3225H41.1447ZM56.5692 35.6873L55.1761 35.5807C55.2246 34.9588 55.2478 34.3291 55.2478 33.6955C55.2478 24.5738 50.1967 16.2716 42.0612 12.0324L42.7044 10.7943C51.305 15.2777 56.6447 24.0526 56.6447 33.6975C56.6447 34.3698 56.6195 35.0305 56.5692 35.6873ZM4.95032 35.6873C4.89994 35.0305 4.87476 34.3698 4.87476 33.6975C4.87476 24.01 10.2145 15.2099 18.8112 10.7284L19.4564 11.9665C11.3228 16.2057 6.26976 24.5331 6.26976 33.6975C6.26976 34.331 6.29494 34.9588 6.34144 35.5827L4.95032 35.6873ZM36.5722 15.02H24.9472C24.5617 15.02 24.2498 14.7081 24.2498 14.3225V2.6975C24.2498 2.31194 24.5617 2 24.9472 2H36.5722C36.9578 2 37.2697 2.31194 37.2697 2.6975V14.3225C37.2697 14.7081 36.9578 15.02 36.5722 15.02ZM25.6447 13.625H35.8747V3.395H25.6447V13.625Z" fill="white" stroke="white" stroke-width="2"/>
</g>
<defs>
<clipPath id="clip0_7_85">
<rect width="62" height="62" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<p class="rect-para mt-5">
HealthBot is designed to be easy to use, whether you are tech-savvy or new to digital health tools. The chatbot interface is simple and engaging, making health advice easily accessible. </div>
</div>
</div>
<div class="row p-3" style="margin-top:8%; padding: 15px;">
<div >
<h1 class="ExploreThePowerfulFeaturesOfHealthbot"> Explore the Powerful Features of HealthBot</h1>
</div>
<div class="mt-3">
<p class="Discover-para"> Discover the unique capabilities that make HealthBot your trusted health companion. From personalized responses to comprehensive health topics, HealthBot is designed to provide you with the support and information you need to take control of your health.</p>
</div>
</div>
</div>
</body>
<footer>
<div class="footer p-3">
<div class="container-fluid">
<div class="row">
<div class="col-xl-8">
<h1 class="Healme" style="color: white;">HEALME</h1>
</div>
<div class="col-xl-4 mt-3">
<h1 style="color: white ;font-family: poppins; mb-5">Quick Links</h1>
<a class="linkss" href="index.html"><p>Home</p></a>
<a class="linkss" href="Aboutus.html"><p>About Us</p></a>
<a class="linkss" href="healthbot.html"> <p>Health Bot</p></a>
<a class="linkss" href="Contactus.html"><p>Contact US</p></a>
</div>
</div>
</div>
</div>
</footer>
</html>