Files
html-css-training-page/Home/index.html
2023-10-27 18:29:49 +05:30

405 lines
13 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="../images/favicon.ico" />
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<title>GG-Hospital</title>
</head>
<body>
<!-- Address Bar Starts Here-->
<div id="addressBar" class="addressBar">
<div class="addressBarLeft">
<p>follow us on:</p>
<img src="../images/in.png" alt="" />
<img src="../images/yt.png" alt="" />
<img src="../images/ig.png" alt="" />
<img src="../images/fb.png" alt="" />
</div>
<div class="addressBarRight">
<div class="addressBarPhone">
<img src="../images/phone.svg" alt="phone" />
<a class="contactLink" href="tel:0471 2779100">0471 2779100</a> |
<a class="contactLink" href="tel:0471 2779101">0471 2779101</a> |
<a class="contactLink" href="tel:0471 4299299">0471 4299299</a>
</div>
<div class="addressBarEmail">
<img src="../images/mail.svg" alt="email" />
<a class="contactLink" href="tel:0471 2779100"
>gghospitalphkpl@gmail.com</a
>
|
<a class="contactLink" href="tel:0471 2779100"
>mdoffice@gg-hospital.com</a
>
</div>
</div>
</div>
<!-- Address Bar Ends Here-->
<!-- NavBar Starts Here-->
<nav id="navbar" class="navbar">
<div class="logo">
<img src="../images/gglogo.png" alt="Logo" />
</div>
<ul class="nav-items">
<li><a href="#">Home</a></li>
<li><a href="#careerSection">Careers</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<!-- NavBar Ends Here-->
<div class="bodyContainer">
<!-- Body Section 1 Starts here -->
<div class="section1">
<div class="section1_left">
<div class="section1_leftContainer">
<h1 class="section1Title">
Love & Care to
<br /><span>Humanity</span>
</h1>
<p>
Fastest-Growing Multi Speciality Hospital <br />in South Kerala
</p>
<div class="section1_btnGroup">
<button class="section1_btn1">Book an Appoinment</button>
<button class="section1_btn2">
<img src="../images/playbutton.png" alt="" /> Doctor's Talk
</button>
</div>
</div>
</div>
<div class="section1_right">
<img src="../images/HomeImageCropped.png" alt="" />
</div>
</div>
<!-- Body Section 1 Ends here -->
<!-- Section 1 Forms Starts here -->
<div class="bookAppointmentContainer">
<form class="bookAppointmentForm">
<div class="input-container">
<input type="text" placeholder="Full Name" class="input-field" />
<input type="tel" placeholder="Phone Number" class="input-field" />
<input type="date" placeholder="dd/mm/yyyy" class="input-field" />
</div>
<div class="input-container">
<select class="select-field">
<option value="" disabled selected>Select Department</option>
<option value="Department 1">Department 1</option>
<option value="Department 2">Department 2</option>
<option value="Department 3">Department 3</option>
</select>
<select class="select-field">
<option value="" disabled selected>Select Doctor</option>
<option value="Doctor 1">Doctor 1</option>
<option value="Doctor 2">Doctor 2</option>
<option value="Doctor 3">Doctor 3</option>
</select>
<button class="form_btn1">Book an Appointment</button>
</div>
</form>
</div>
<!-- Section 1 Forms Ends here -->
<!-- Our Departments Starts here -->
<div class="ourDepartments">
<div class="ourDepartments_header">
<h1>
Our <br />
Departments
</h1>
</div>
<div id="container">
<div id="slider-container">
<span onclick="slideRight()" class="btn"></span>
<div id="slider">
<!-- slide 1 -->
<div class="slide">
<div class="departmentCard">
<img src="../images/departmentimage1.png" alt="" />
<div>
<h2>Department 1</h2>
<p>
Our internists have put in their years of experience in
dealing with any disease either common or ra...
</p>
<button class="readmoreBtn">Read More</button>
</div>
</div>
</div>
<!-- slide 2 -->
<div class="slide">
<div class="departmentCard">
<img src="../images/departmentimage1.png" alt="" />
<div>
<h2>Department 2</h2>
<p>
Our internists have put in their years of experience in
dealing with any disease either common or ra...
</p>
<button class="readmoreBtn">Read More</button>
</div>
</div>
</div>
<!-- slide 3 -->
<div class="slide">
<div class="departmentCard">
<img src="../images/departmentimage1.png" alt="" />
<div>
<h2>Department 3</h2>
<p>
Our internists have put in their years of experience in
dealing with any disease either common or ra...
</p>
<button class="readmoreBtn">Read More</button>
</div>
</div>
</div>
<!-- slide 4 -->
<div class="slide">
<div class="departmentCard">
<img src="../images/departmentimage1.png" alt="" />
<div>
<h2>Department 4</h2>
<p>
Our internists have put in their years of experience in
dealing with any disease either common or ra...
</p>
<button class="readmoreBtn">Read More</button>
</div>
</div>
</div>
<!-- slide 5 -->
<div class="slide">
<div class="departmentCard">
<img src="../images/departmentimage1.png" alt="" />
<div>
<h2>Department 5</h2>
<p>
Our internists have put in their years of experience in
dealing with any disease either common or ra...
</p>
<button class="readmoreBtn">Read More</button>
</div>
</div>
</div>
</div>
<span onclick="slideLeft()" class="btn"></span>
</div>
</div>
</div>
<!-- Our Departments Ends here -->
<!-- why GG section Starts here -->
<div class="whyGGSection">
<div class="whyGGSectionLeft">
<img src="../images/whyggdoctorimage.png" alt="" />
</div>
<div class="whyGGSectionRight">
<div class="whyGGSectionContent">
<h1>Why GG Hospital</h1>
<ul class="whyGGSectionList">
<li>
Fastest growing multi-super specialty hospital in South Kerala
</li>
<li>
Achieved the unique reputation of attracting the finest clinical
talent from across the country
</li>
<li>
The International Patient Services at GG Hospital ensure to
strike the chord of care in every patient from the moment they
establish contact till the time they are discharged after
treatment and cure
</li>
<li>
The growth of GG Hospital to become such a reputed and renowned
institution in Kerala has been fueled by the combination of
Love, Care and Quality
</li>
<li>
GG hospital emphasises Love and care towards humanity provided
to patients and thus got accredited by NABH and NABL from 2020
onwards.
</li>
</ul>
</div>
</div>
</div>
<!-- why GG section Ends here -->
<!-- Career Section Starts here -->
<div id="careerSection" class="careerSection">
<h1>Career</h1>
<!-- card 1 -->
<div class="careerCard">
<div class="careerCardContent">
<h2>Staff Nurse</h2>
<p>
Designation: Staff Nurse (NICU) | Qualification: Bsc/GNM |
Experience: Minimum 1 Year
</p>
<p>
Send your CV to: gghospitalhrd@gmail.com | Contact
Number:0471-2779100
</p>
</div>
<div>
<button class="careerCardBtn">Apply Now</button>
</div>
</div>
<!-- card 2 -->
<div class="careerCard">
<div class="careerCardContent">
<h2>Job 1</h2>
<p>
Designation: Staff Nurse (NICU) | Qualification: Bsc/GNM |
Experience: Minimum 1 Year
</p>
<p>
Send your CV to: gghospitalhrd@gmail.com | Contact
Number:0471-2779100
</p>
</div>
<div>
<button class="careerCardBtn">Apply Now</button>
</div>
</div>
<!-- card 3 -->
<div class="careerCard">
<div class="careerCardContent">
<h2>Job 2</h2>
<p>
Designation: Staff Nurse (NICU) | Qualification: Bsc/GNM |
Experience: Minimum 1 Year
</p>
<p>
Send your CV to: gghospitalhrd@gmail.com | Contact
Number:0471-2779100
</p>
</div>
<div>
<button class="careerCardBtn">Apply Now</button>
</div>
</div>
<!-- card 4 -->
<div class="careerCard">
<div class="careerCardContent">
<h2>Job 3</h2>
<p>
Designation: Staff Nurse (NICU) | Qualification: Bsc/GNM |
Experience: Minimum 1 Year
</p>
<p>
Send your CV to: gghospitalhrd@gmail.com | Contact
Number:0471-2779100
</p>
</div>
<div>
<button class="careerCardBtn">Apply Now</button>
</div>
</div>
</div>
<!-- Career Section Ends here -->
</div>
<!-- footer starts here-->
<footer class="footer">
<!-- footer section 1 -->
<div class="footerSection1">
<div class="section1Col1">
<img src="../images/gglogo.png" alt="" />
<p>
GG Hospital is the flagship hospital of the Sree Gokulam Group of
Companies. Our journey started on 27th January 2016 for the common
people in Trivandrum.
</p>
</div>
<div class="section1Col">
<h3>About GG</h3>
<div class="subItem">
<div class="column">
<p>About</p>
<p>Hospital</p>
</div>
<div class="column">
<p>Academic</p>
<p>Department</p>
</div>
</div>
</div>
<div class="section1Col">
<h3>Legal</h3>
<div class="subItem">
<p>Privacy Policy</p>
<p>Documentation</p>
<p>Terms of Services</p>
<p>Site Map</p>
</div>
</div>
</div>
<hr />
<!-- footer section 2 -->
<div class="footerSection2">
<div class="section1Col1">
<h3>Address</h3>
<p>
Medical College, Pattom Kumarapuram Rd, <br />
Murinjapalam, Thiruvananthapuram, <br />
Kerala 695011
</p>
</div>
<div class="section1Col">
<h3>Phone</h3>
<div class="subItem">
<div class="column">
<p>0471 2779100</p>
<p>0471 2779101</p>
<p>0471 4299299</p>
</div>
</div>
</div>
<div class="section1Col">
<h3>Mail</h3>
<div class="subItem">
<p>gghospitalphkpl@gmail.com</p>
<p>mdoffice@gg-hospital.com</p>
<p>Terms of Services</p>
</div>
</div>
<div class="section1Col">
<h3>We are on Social Media</h3>
<div class="subItem">
<div>
<img src="../images/in.png" alt="" />
<img src="../images/yt.png" alt="" />
<img src="../images/ig.png" alt="" />
<img src="../images/fb.png" alt="" />
</div>
</div>
</div>
</div>
</footer>
<!-- footer ends here-->
</body>
<script src="../js/carousal.js"></script>
</html>