-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (149 loc) · 7.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<title>Document</title>
<link rel="stylesheet" href="Style_files/nav.css">
<link rel="stylesheet" href="Style_files/style.css">
</head>
<body>
<h1 id="my-element" class="top-font">Health Harmony Hub</h1>
<nav class="bg-gray-800 navbar">
<div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-2">
<div class="relative flex h-16 items-center justify-between">
<div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
<div class="hidden sm:ml-6 sm:block">
<div class="flex space-x-8">
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
<a href="#" class="bg-gray-900 text-white rounded-md px-3 py-2 text-sm font-medium ml-0"
aria-current="page">Home</a>
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium"
onclick="openHealthPage()">Health</a>
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium"
onclick="openBotPage()">Personal
Advisor</a>
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Community</a>
</div>
</div>
</div>
<div
class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0 mx-4">
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium"
onclick="openLoginModal()">Login</a>
<a href="#" onclick="openSignUpModal()"
class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">SignUp</a>
</div>
</div>
</div>
</div>
<!-- Mobile menu, show/hide based on menu state. -->
<div class="sm:hidden" id="mobile-menu">
<div class="space-y-1 px-2 pb-3 pt-2">
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
<a href="#" class="bg-gray-900 text-white block rounded-md px-3 py-2 text-base font-medium"
aria-current="page">Home</a>
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Health</a>
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium"
onclick="openBotPage()">Personal
Advisor</a>
<a href="#"
class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Community</a>
</div>
</div>
</nav>
<div id="loginModal" class="modal">
<div class="modal-content mx-auto">
<span class="close" onclick="closeLoginModal()">×</span>
<!-- Add your login form here -->
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username" class="border border-sky-500 my-4" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" class="border border-sky-500 my-4" required>
<button type="submit" class="my-4 p-2 mx-28">Login</button>
</form>
</div>
</div>
<div id="SignUpModal" class="modal">
<div class="modal-content mx-auto">
<span class="close" onclick="closeSignUpModal()">×</span>
<!-- Add your login form here -->
<form>
<label for="EmailId">Email-Id:</label>
<input type="text" id="EmailId" name="EmailId" class="border border-sky-500 my-4" required>
<label for="username">Username:</label>
<input type="text" id="username" name="username" class="border border-sky-500 my-4" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" class="border border-sky-500 my-4" required>
<button type="submit" class="my-4 p-2 mx-28">SignUp</button>
</form>
</div>
</div>
<img src="images/bg.webp" alt="" class="top-image">
<div class="grid grid-cols-2 order-last mt-8">
<div class="text-5xl m-4 mt-32">
Get a Personal Health Advisor with The help of our ChatBot.....
</div>
<div class="w-100 float-end">
<img src="images/background.jpg" class="imagemiddle shadow-2xl anim" alt="">
<div class="m-10"></div>
</div>
</div>
<div class="grid grid-cols-2 order-last mt-8">
<div class="w-100 mx-10 my-10">
<img src="images/disease.jpg" class="shadow-2xl anim" alt="">
</div>
<div class="text-3xl m-4 mt-32 text-slate-500">
Know Your disease by entering your sympton
</div>
</div>
<div class="helping">
<p class=" text-3xl mx-6">
Our Services Will help you.
</p>
<p>
<button class=" againbtn m-6 p-3 text-2xl" onclick="openHealthPage()">See Our Services ></button>
<button class="m-6 p-3 text-2xl againbtn" onclick="openBotPage()">Personal Assistent ></button>
</p>
</div>
<div class="grid grid-cols-2 order-last mt-8">
<div class="text-5xl m-4 mt-32">
Get your health Updates Based on your city carbon footprint value.
</div>
<div class="w-100 float-end">
<img src="images/carbonfootprint.jpg" class=" shadow-2xl anim" alt="">
<div class="m-10"></div>
</div>
</div>
<script src="script.js"></script>
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.8.0/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.8.0/firebase-analytics.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyBejpqlxgAKrnkhJ9uN7tKXMyFaBKJNAOU",
authDomain: "health-3d359.firebaseapp.com",
projectId: "health-3d359",
storageBucket: "health-3d359.appspot.com",
messagingSenderId: "984041097121",
appId: "1:984041097121:web:996e2f671cfe28b150ade0",
measurementId: "G-L7GZQJH591"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
</body>
</html>