-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (165 loc) · 15.3 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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MEDIFYU</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.1/flowbite.min.css" rel="stylesheet" />
</head>
<body>
<nav class="bg-white border-gray-200 dark:border-gray-600 dark:bg-gray-900">
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl p-4">
<a href="#" class="flex items-center">
<span class="self-center text-2xl font-bold whitespace-nowrap dark:text-white">M E D I F Y U</span>
<img src="../static/logo.png" class="h-10 mr-5" style="width: 170%;" alt="medifyu logo" />
</a>
<button data-collapse-toggle="mega-menu-full-image" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mega-menu-full-image" aria-expanded="false">
<span class="sr-only">Toggle Menu</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
</svg>
</button>
<div id="mega-menu-full-image" class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1">
<ul class="flex flex-col mt-4 font-medium md:flex-row md:space-x-8 md:mt-0">
<li>
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-blue-500 md:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">Home</a>
</li>
<li class="relative group">
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-blue-500 md:dark:hover:bg-transparent dark:border-gray-700">For You</a>
<ul class="absolute hidden group-hover:block bg-white text-gray-700 shadow-md mt-1 rounded-md whitespace-nowrap">
<li><a href="{{ url_for('ehr') }}" class="block px-4 py-2 hover:bg-gray-200">EHR</a></li>
<li><a href="{{ url_for('medmgt') }}" class="block px-4 py-2 hover:bg-gray-200">Medicine management</a></li>
<li><a href="{{ url_for('trpt') }}" class="block px-4 py-2 hover:bg-gray-200">Test reports</a></li>
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Manage billing</a></li>
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Emergency contact</a></li>
</ul>
</li>
<li class="relative group">
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-blue-500 md:dark:hover:bg-transparent dark:border-gray-700">For Business</a>
<ul class="absolute hidden group-hover:block bg-white text-gray-700 shadow-md mt-1 rounded-md whitespace-nowrap">
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Admin</a></li>
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Doctor</a></li>
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Pharmacy</a></li>
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Insurance company</a></li>
</ul>
</li>
<li class="relative group">
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 hover:bg-gray-50 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-blue-500 md:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
<ul class="absolute hidden group-hover:block bg-white text-gray-700 shadow-md mt-1 rounded-md">
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Call</a></li>
<li><a href="#" class="block px-4 py-2 hover:bg-gray-200">Chat</a></li>
</ul>
</li>
<li>
<a href="{{ url_for('login') }}" class="flex items-center justify-between w-full md:w-auto">
<button id="mega-menu-full-cta-image-button" class="flex items-center justify-between w-full py-2.4 pl-3 pr-4 font-medium text-gray-900 border-b-4 border-gray-100 md:w-auto hover:bg-gray-50 md:hover:bg-transparent md:border-gray-100 md:hover:text-blue-600 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-blue-500 md:dark:hover:bg-transparent dark:border-gray-700">Log In
</button>
</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="bg-white dark:bg-gray-900">
<div class="grid max-w-screen-xl px-4 py-4 mx-auto lg:gap-8 xl:gap-0 lg:py-8 lg:grid-cols-12 items-center">
<div class="mr-auto lg:col-span-7 flex flex-col items-center lg:items-start">
<h1 class="max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none text-center lg:text-left md:text-5xl xl:text-6xl dark:text-white">Healthcare just got more simple</h1>
<p class="max-w-2xl mb-6 font-light text-gray-500 text-center lg:text-left lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">Dedicated to comprehensive, personal, and proactive care. Transforming your wellness with compassion and convenience for the entire family.</p>
<a href="{{ url_for('signup') }}" class="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-800">
Get started
<svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
<div class="hidden lg:flex lg:col-span-5 justify-center">
<img src="../static/11.jpg" alt="mockup" style="width: calc(595.29px * 1.10); height: calc(453.18px * 1.02);">
</div>
</div>
</section>
<section class="bg-white dark:bg-gray-900">
<div class="gap-5 items-center py-8 px-4 mx-auto max-w-screen-xl xl:gap-10 md:grid md:grid-cols-2 sm:py-10 lg:px-4">
<img class="w-full dark:hidden" src="../static/01.png" alt="dashboard image" style="max-height: 70vh; object-fit: contain; object-position: top;">
<img class="w-full hidden dark:block" src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/cta/cta-dashboard-mockup-dark.svg" alt="dashboard image" style="max-height: 70vh; object-fit: contain; object-position: top;">
<div class="mt-5 md:mt-0 flex flex-col justify-center">
<h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white text-center md:text-left" style="margin-top: 1rem;">Schedule Your Appointment Online Now</h2>
<p class="mb-6 font-light text-gray-500 md:text-lg dark:text-gray-400 text-center md:text-left">Secure your spot with ease with just a click. Enjoy the convenience of choosing your preferred date and time at your convenience, ensuring prompt access to healthcare services.</p>
<a href="{{ url_for('schedule') }}" class="inline-flex items-center justify-center text-white bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-blue-800" style="width: calc(503.18px * 0.29);">
Book now
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</section>
<section class="bg-white dark:bg-gray-900">
<div class="grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-10 lg:grid-cols-2 items-center">
<div class="flex flex-col justify-center lg:px-4">
<h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white text-center lg:text-left">Pharmacy</h2>
<p class="mb-6 font-light text-gray-500 md:text-lg dark:text-gray-400 text-center lg:text-left">Experience the convenience of reliable online prescription services. Save time, save money, and stay healthy with our efficient delivery options. Discover a new way to manage your healthcare needs effortlessly.</p>
<a href="{{ url_for('phcy') }}" class="inline-flex items-center justify-center text-white bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-blue-800" style="width: calc(503.18px * 0.29);">
Order now
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
<div class="hidden lg:block lg:col-span-1">
<img src="../static/02.jpg" alt="dashboard image" style="max-height: 70vh; object-fit: contain; object-position: top;">
</div>
</div>
</section>
<section class="bg-white dark:bg-gray-900">
<div class="gap-5 items-center py-8 px-4 mx-auto max-w-screen-xl xl:gap-10 md:grid md:grid-cols-2 sm:py-10 lg:px-4">
<img class="w-full dark:hidden" src="../static/03.jpg" alt="dashboard image" style="max-height: 70vh; object-fit: contain; object-position: top;">
<img class="w-full hidden dark:block" src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/cta/cta-dashboard-mockup-dark.svg" alt="dashboard image" style="max-height: 70vh; object-fit: contain; object-position: top;">
<div class="mt-5 md:mt-0 flex flex-col justify-center">
<h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white text-center md:text-left" style="margin-top: 1rem;">Therapy</h2>
<p class="mb-6 font-light text-gray-500 md:text-lg dark:text-gray-400 text-center md:text-left">Explore a diverse range of therapies tailored to enhance your holistic well-being. From yoga and music therapy to adventure and animal-assisted therapy, discover effective approaches like cognitive-behavioral therapy (CBT) and exposure therapy, for better lifestyle.</p>
<a href="{{ url_for('trpy') }}" class="inline-flex items-center justify-center text-white bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-blue-800" style="width: calc(503.18px * 0.29);">
Join now
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
</div>
</section>
<section class="bg-white dark:bg-gray-900">
<div class="grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-10 lg:grid-cols-2 items-center">
<div class="flex flex-col justify-center lg:px-4">
<h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white text-center lg:text-left">Insurance Claims</h2>
<p class="mb-6 font-light text-gray-500 md:text-lg dark:text-gray-400 text-center lg:text-left">Streamline your insurance claims with our efficient service. With just two simple steps, submit and track your claims hassle-free.</p>
<a href="" class="inline-flex items-center justify-center text-white bg-blue-500 hover:bg-blue-600 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-blue-800" style="width: calc(503.18px * 0.29);">
Claim now
<svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>
</a>
</div>
<div class="hidden lg:block lg:col-span-1">
<img src="../static/1111.png" alt="dashboard image" style="max-height: 70vh; object-fit: contain; object-position: top;">
</div>
</div>
</section>
<footer class="bg-white rounded-lg shadow m-4 dark:bg-gray-800">
<div class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024 <a href="https://flowbite.com/" class="hover:underline">MEDIFYU™</a>. All Rights Reserved.
</span>
<ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
<li>
<a href="#" class="hover:underline me-4 md:me-6">About</a>
</li>
<li>
<a href="#" class="hover:underline me-4 md:me-6">Licensing</a>
</li>
<li>
<a href="#" class="hover:underline">Privacy Policy</a>
</li>
</ul>
</div>
</footer>
</body>
</html>