└── Hospital Appointment ├── assets ├── about.jpg ├── header.jpg ├── choose-us.jpg ├── doctor-1.jpg ├── doctor-2.jpg └── doctor-3.jpg ├── index.html └── styles.css /Hospital Appointment/assets/about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sriramsabari-2004/Book-Your-Hospital-Appointment/HEAD/Hospital Appointment/assets/about.jpg -------------------------------------------------------------------------------- /Hospital Appointment/assets/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sriramsabari-2004/Book-Your-Hospital-Appointment/HEAD/Hospital Appointment/assets/header.jpg -------------------------------------------------------------------------------- /Hospital Appointment/assets/choose-us.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sriramsabari-2004/Book-Your-Hospital-Appointment/HEAD/Hospital Appointment/assets/choose-us.jpg -------------------------------------------------------------------------------- /Hospital Appointment/assets/doctor-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sriramsabari-2004/Book-Your-Hospital-Appointment/HEAD/Hospital Appointment/assets/doctor-1.jpg -------------------------------------------------------------------------------- /Hospital Appointment/assets/doctor-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sriramsabari-2004/Book-Your-Hospital-Appointment/HEAD/Hospital Appointment/assets/doctor-2.jpg -------------------------------------------------------------------------------- /Hospital Appointment/assets/doctor-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sriramsabari-2004/Book-Your-Hospital-Appointment/HEAD/Hospital Appointment/assets/doctor-3.jpg -------------------------------------------------------------------------------- /Hospital Appointment/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | Hospital Management 12 | 13 | 14 |

15 | 25 |

26 |

27 |

Providing a Good Patient Experience

28 |

29 | Welcome, where exceptional patient experiences are our priority. 30 | With compassionate care, state-of-the-art facilities, and a 31 | patient-centered approach, we're dedicated to your well-being. 32 |

33 | 34 |

35 |

36 | 44 |

45 |

46 |

47 | 48 |

49 | 59 |

60 |

61 | 62 |

Laboratory Test

63 |

64 | Accurate Diagnostics, Swift Results: Experience top-notch Laboratory 65 | Testing at our facility. 66 |

67 | Learn More 68 |

69 |

70 | 71 |

Health Check

72 |

73 | Our thorough assessments and expert evaluations help you stay 74 | proactive about your health. 75 |

76 | Learn More 77 |

78 |

79 | 80 |

General Dentistry

81 |

82 | Experience comprehensive oral care with Dentistry. Trust us to keep 83 | your smile healthy and bright. 84 |

85 | Learn More 86 |

87 |

88 |

89 |

90 |

91 | 92 |

93 | Welcome to our healthcare website, your one-stop destination for 94 | reliable and comprehensive health care information. We are committed 95 | to promoting wellness and providing valuable resources to empower you 96 | on your health journey. 97 |

98 |

99 | Explore our extensive collection of expertly written articles and 100 | guides covering a wide range of health topics. From understanding 101 | common medical conditions to tips for maintaining a healthy lifestyle, 102 | our content is designed to educate, inspire, and support you in making 103 | informed choices for your health. 104 |

105 |

106 | Discover practical health tips and lifestyle advice to optimize your 107 | physical and mental well-being. We believe that small changes can lead 108 | to significant improvements in your quality of life, and we're here to 109 | guide you on your path to a healthier and happier you. 110 |

111 |

112 |

113 |

114 |

115 |

116 | 117 |

118 |

119 |

120 |

121 |

122 | 123 |

124 | With a steadfast commitment to your well-being, our team of highly 125 | trained healthcare professionals ensures that you receive nothing 126 | short of exceptional patient experiences. 127 |

128 |

129 | 130 |

131 |

Intensive Care

132 |

133 | Our Intensive Care Unit is equipped with advanced technology and 134 | staffed by team of professionals 135 |

136 |

137 | 138 |

139 |

Free Ambulance Car

140 |

141 | A compassionate initiative to prioritize your health and 142 | well-being without any financial burden. 143 |

144 |

145 | 146 |

147 |

Medical and Surgical

148 |

149 | Our Medical and Surgical services offer advanced healthcare 150 | solutions to address medical needs. 151 |

152 |

153 |

154 |

155 |

156 | 157 |

158 | 171 |

172 |

173 |

174 |

175 |

176 | 177 | 178 | 179 | 180 |

181 |

182 |

Dr. Ellisa

183 |

Dermatologist

184 |

185 |

186 |

187 |

188 |

189 | 190 | 191 | 192 | 193 |

194 |

195 |

Dr. Ghandhi

196 |

Cardiologist

197 |

198 |

199 |

200 |

201 |

202 | 203 | 204 | 205 | 206 |

207 |

208 |

Dr. Jeevan

209 |

Cardiologist

210 |

211 |

212 |

213 | 214 | 262 | 263 | 264 | -------------------------------------------------------------------------------- /Hospital Appointment/styles.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"); 2 | 3 | :root { 4 | --primary-color: #da683f; 5 | --primary-color-dark: #c26624; 6 | --primary-color-light: #e9f7f7; 7 | --secondary-color: #fb923c; 8 | --text-dark: #333333; 9 | --text-light: #767268; 10 | --white: #ffffff; 11 | --max-width: 1200px; 12 | } 13 | 14 | * { 15 | padding: 0; 16 | margin: 0; 17 | box-sizing: border-box; 18 | } 19 | 20 | .section__container { 21 | max-width: var(--max-width); 22 | margin: auto; 23 | padding: 5rem 1rem; 24 | } 25 | 26 | .section__header { 27 | margin-bottom: 0.5rem; 28 | font-size: 2rem; 29 | font-weight: 600; 30 | color: var(--text-dark); 31 | } 32 | 33 | .btn { 34 | padding: 0.75rem 2rem; 35 | outline: none; 36 | border: none; 37 | font-size: 1rem; 38 | white-space: nowrap; 39 | color: var(--white); 40 | background-color: var(--secondary-color); 41 | border-radius: 5px; 42 | cursor: pointer; 43 | } 44 | 45 | img { 46 | width: 100%; 47 | display: flex; 48 | } 49 | 50 | a { 51 | text-decoration: none; 52 | } 53 | 54 | html, 55 | body { 56 | scroll-behavior: smooth; 57 | } 58 | 59 | body { 60 | font-family: "Poppins", sans-serif; 61 | } 62 | 63 | header { 64 | background-image: linear-gradient( 65 | to right, 66 | rgba(249, 249, 249, 0.9), 67 | rgba(178, 221, 222, 0.7) 68 | ), 69 | url("assets/header.jpg"); 70 | background-position: center center; 71 | background-size: cover; 72 | background-repeat: no-repeat; 73 | } 74 | 75 | .nav__container { 76 | padding: 2rem 1rem; 77 | display: flex; 78 | align-items: center; 79 | justify-content: space-between; 80 | } 81 | 82 | .nav__logo { 83 | font-size: 1.5rem; 84 | font-weight: 600; 85 | color: var(--white); 86 | } 87 | 88 | .nav__logo span { 89 | color: var(--secondary-color); 90 | } 91 | 92 | .nav__links { 93 | list-style: none; 94 | display: flex; 95 | align-items: center; 96 | justify-content: center; 97 | gap: 2rem; 98 | } 99 | 100 | .link a { 101 | padding: 0.5rem; 102 | color: var(--primary-color-light); 103 | } 104 | 105 | .link a:hover { 106 | color: var(--white); 107 | } 108 | 109 | .header__container { 110 | display: flex; 111 | align-items: center; 112 | gap: 5rem; 113 | } 114 | 115 | .header__container h1 { 116 | margin-bottom: 1rem; 117 | max-width: 800px; 118 | font-size: 3.5rem; 119 | line-height: 4rem; 120 | color: var(--white); 121 | } 122 | 123 | .header__container p { 124 | margin-bottom: 2rem; 125 | max-width: 600px; 126 | color: var(--primary-color-light); 127 | } 128 | 129 | .header__form { 130 | width: 100%; 131 | max-width: 350px; 132 | } 133 | 134 | .header__form form { 135 | display: grid; 136 | gap: 1rem; 137 | padding: 2rem; 138 | background-color: var(--white); 139 | border-radius: 10px; 140 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); 141 | } 142 | 143 | .header__form input { 144 | padding: 1rem; 145 | outline: none; 146 | border: none; 147 | font-size: 1rem; 148 | color: var(--primary-color); 149 | background-color: var(--primary-color-light); 150 | border-radius: 5px; 151 | } 152 | 153 | .header__form input::placeholder { 154 | color: var(--primary-color); 155 | } 156 | 157 | .form__btn { 158 | background-color: var(--primary-color); 159 | transition: 0.3s; 160 | } 161 | 162 | .form__btn:hover { 163 | background-color: var(--primary-color-dark); 164 | } 165 | 166 | .header__form h4 { 167 | font-size: 1.5rem; 168 | font-weight: 700; 169 | color: var(--primary-color); 170 | } 171 | 172 | .service__header { 173 | display: flex; 174 | align-items: center; 175 | justify-content: space-between; 176 | gap: 2rem; 177 | } 178 | 179 | .service__header__content p { 180 | max-width: 600px; 181 | color: var(--text-light); 182 | } 183 | 184 | .service__btn { 185 | padding: 0.75rem 1rem; 186 | outline: none; 187 | font-size: 1rem; 188 | color: var(--primary-color); 189 | border: 1px solid var(--primary-color); 190 | background-color: transparent; 191 | border-radius: 5px; 192 | white-space: nowrap; 193 | cursor: pointer; 194 | transition: 0.3s; 195 | } 196 | 197 | .service__btn:hover { 198 | color: var(--white); 199 | background-color: var(--primary-color); 200 | } 201 | 202 | .service__grid { 203 | margin-top: 4rem; 204 | display: grid; 205 | grid-template-columns: repeat(3, 1fr); 206 | gap: 2rem; 207 | } 208 | 209 | .service__card { 210 | padding: 2rem; 211 | text-align: center; 212 | border-radius: 10px; 213 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); 214 | cursor: pointer; 215 | } 216 | 217 | .service__card span { 218 | display: inline-block; 219 | margin-bottom: 1rem; 220 | padding: 10px 20px; 221 | font-size: 2.5rem; 222 | color: var(--primary-color); 223 | background-color: var(--primary-color-light); 224 | border-radius: 100%; 225 | transition: 0.3s; 226 | } 227 | 228 | .service__card h4 { 229 | margin-bottom: 0.5rem; 230 | font-size: 1.2rem; 231 | font-weight: 600; 232 | color: var(--text-dark); 233 | } 234 | 235 | .service__card p { 236 | margin-bottom: 1rem; 237 | color: var(--text-light); 238 | } 239 | 240 | .service__card a { 241 | color: var(--primary-color); 242 | } 243 | 244 | .service__card a:hover { 245 | color: var(--primary-color-dark); 246 | } 247 | 248 | .service__card:hover span { 249 | color: var(--primary-color-light); 250 | background-color: var(--primary-color); 251 | } 252 | 253 | .about__container { 254 | display: grid; 255 | grid-template-columns: repeat(2, 1fr); 256 | gap: 2rem; 257 | align-items: center; 258 | } 259 | 260 | .about__content p { 261 | margin-bottom: 1rem; 262 | color: var(--text-light); 263 | } 264 | 265 | .about__image img { 266 | max-width: 400px; 267 | margin: auto; 268 | border-radius: 10px; 269 | } 270 | 271 | .why__container { 272 | display: grid; 273 | grid-template-columns: repeat(2, 1fr); 274 | gap: 2rem; 275 | align-items: center; 276 | } 277 | 278 | .why__image img { 279 | max-width: 400px; 280 | margin: auto; 281 | border-radius: 10px; 282 | } 283 | 284 | .why__content p { 285 | color: var(--text-light); 286 | } 287 | 288 | .why__grid { 289 | margin-top: 4rem; 290 | display: grid; 291 | grid-template-columns: 80px auto; 292 | gap: 2rem; 293 | } 294 | 295 | .why__grid span { 296 | display: inline-flex; 297 | align-items: center; 298 | justify-content: center; 299 | font-size: 2.5rem; 300 | color: var(--primary-color); 301 | border-radius: 10px; 302 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); 303 | } 304 | 305 | .why__grid h4 { 306 | margin-bottom: 0.5rem; 307 | font-size: 1.2rem; 308 | font-weight: 600; 309 | color: var(--text-dark); 310 | } 311 | 312 | .why__grid p { 313 | color: var(--text-light); 314 | } 315 | 316 | .doctors__header { 317 | display: flex; 318 | align-items: center; 319 | justify-content: space-between; 320 | gap: 2rem; 321 | } 322 | 323 | .doctors__header__content p { 324 | max-width: 600px; 325 | color: var(--text-light); 326 | } 327 | 328 | .doctors__nav { 329 | display: flex; 330 | align-items: center; 331 | gap: 1rem; 332 | } 333 | 334 | .doctors__nav span { 335 | padding: 5px 15px; 336 | font-size: 1.5rem; 337 | color: var(--primary-color); 338 | background-color: var(--primary-color-light); 339 | cursor: pointer; 340 | } 341 | 342 | .doctors__grid { 343 | margin-top: 4rem; 344 | display: grid; 345 | grid-template-columns: repeat(3, 1fr); 346 | gap: 2rem; 347 | } 348 | 349 | .doctors__card { 350 | text-align: center; 351 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); 352 | border-radius: 10px; 353 | cursor: pointer; 354 | overflow: hidden; 355 | } 356 | 357 | .doctors__card__image { 358 | position: relative; 359 | overflow: hidden; 360 | } 361 | 362 | .doctors__socials { 363 | position: absolute; 364 | left: 0; 365 | bottom: -4rem; 366 | width: 100%; 367 | display: flex; 368 | align-items: center; 369 | justify-content: center; 370 | gap: 1rem; 371 | transition: 0.5s; 372 | } 373 | 374 | .doctors__socials span { 375 | display: inline-block; 376 | padding: 6px 12px; 377 | font-size: 1.5rem; 378 | color: var(--text-dark); 379 | background-color: var(--white); 380 | border-radius: 5px; 381 | cursor: pointer; 382 | transition: 0.3s; 383 | } 384 | 385 | .doctors__socials span:hover { 386 | color: var(--primary-color); 387 | } 388 | 389 | .doctors__card:hover .doctors__socials { 390 | bottom: 2rem; 391 | } 392 | 393 | .doctors__card h4 { 394 | margin-top: 1rem; 395 | font-size: 1.2rem; 396 | font-weight: 600; 397 | color: var(--text-dark); 398 | } 399 | 400 | .doctors__card p { 401 | margin-bottom: 1rem; 402 | color: var(--text-light); 403 | } 404 | 405 | .footer { 406 | background-color: var(--primary-color-light); 407 | } 408 | 409 | .footer__container { 410 | display: grid; 411 | grid-template-columns: 400px repeat(3, 1fr); 412 | gap: 2rem; 413 | } 414 | 415 | .footer__col h3 { 416 | margin-bottom: 1rem; 417 | font-size: 1.5rem; 418 | font-weight: 600; 419 | color: var(--primary-color); 420 | } 421 | 422 | .footer__col h3 span { 423 | color: var(--secondary-color); 424 | } 425 | 426 | .footer__col h4 { 427 | margin-bottom: 1rem; 428 | font-size: 1.2rem; 429 | font-weight: 600; 430 | color: var(--primary-color); 431 | } 432 | 433 | .footer__col p { 434 | margin-bottom: 1rem; 435 | color: var(--text-dark); 436 | cursor: pointer; 437 | transition: 0.3s; 438 | } 439 | 440 | .footer__col p:hover { 441 | color: var(--primary-color); 442 | } 443 | 444 | .footer__col i { 445 | color: var(--primary-color); 446 | } 447 | 448 | .footer__bar { 449 | background-color: var(--primary-color); 450 | } 451 | 452 | .footer__bar__content { 453 | max-width: var(--max-width); 454 | margin: auto; 455 | padding: 0.5rem 1rem; 456 | display: flex; 457 | align-items: center; 458 | justify-content: space-between; 459 | gap: 2rem; 460 | } 461 | 462 | .footer__bar__content p { 463 | font-size: 0.8rem; 464 | color: var(--white); 465 | } 466 | 467 | .footer__socials { 468 | display: flex; 469 | align-items: center; 470 | gap: 1rem; 471 | font-size: 1rem; 472 | color: var(--white); 473 | cursor: pointer; 474 | } 475 | 476 | @media (width < 900px) { 477 | .service__grid { 478 | grid-template-columns: repeat(2, 1fr); 479 | gap: 1rem; 480 | } 481 | 482 | .about__container { 483 | grid-template-columns: repeat(1, 1fr); 484 | } 485 | 486 | .about__image { 487 | grid-area: 1/1/2/2; 488 | } 489 | 490 | .about__content { 491 | text-align: center; 492 | } 493 | 494 | .why__container { 495 | grid-template-columns: repeat(1, 1fr); 496 | } 497 | 498 | .why__content { 499 | text-align: center; 500 | } 501 | 502 | .why__grid { 503 | text-align: left; 504 | } 505 | 506 | .doctors__grid { 507 | grid-template-columns: repeat(2, 1fr); 508 | gap: 1rem; 509 | } 510 | 511 | .footer__container { 512 | grid-template-columns: repeat(2, 1fr); 513 | } 514 | } 515 | 516 | @media (width < 780px) { 517 | .nav__links { 518 | display: none; 519 | } 520 | 521 | .header__container { 522 | flex-direction: column; 523 | } 524 | } 525 | 526 | @media (width < 600px) { 527 | .service__header { 528 | flex-direction: column; 529 | text-align: center; 530 | } 531 | 532 | .service__grid { 533 | grid-template-columns: repeat(1, 1fr); 534 | } 535 | 536 | .why__grid { 537 | column-gap: 1rem; 538 | } 539 | 540 | .doctors__header { 541 | flex-direction: column; 542 | text-align: center; 543 | } 544 | 545 | .doctors__grid { 546 | grid-template-columns: repeat(1, 1fr); 547 | } 548 | 549 | .footer__bar__content { 550 | flex-direction: column; 551 | gap: 1rem; 552 | } 553 | } 554 | --------------------------------------------------------------------------------

Providing a Good Patient Experience

Book Now

Our Special service