This is a heading
This is a heading
diff --git a/index.html b/index.html index 9bbfc96..a0ba32a 100644 --- a/index.html +++ b/index.html @@ -94,5 +94,8 @@This would add five blank spaces.
+ diff --git a/middle_part/img/department_1.png b/middle_part/img/department_1.png new file mode 100644 index 0000000..cc6c3fb Binary files /dev/null and b/middle_part/img/department_1.png differ diff --git a/middle_part/img/doctors_img.png b/middle_part/img/doctors_img.png new file mode 100644 index 0000000..0302a8a Binary files /dev/null and b/middle_part/img/doctors_img.png differ diff --git a/middle_part/img/tick_icon.png b/middle_part/img/tick_icon.png new file mode 100644 index 0000000..b8aecea Binary files /dev/null and b/middle_part/img/tick_icon.png differ diff --git a/middle_part/middle_part.css b/middle_part/middle_part.css index e69de29..6f8ecca 100644 --- a/middle_part/middle_part.css +++ b/middle_part/middle_part.css @@ -0,0 +1,91 @@ + +.department-section { + position: absolute; + top: 130%; +} + +.department-title{ + margin-left: 60px; +} + + +/* Style for the container of card items */ +.department-container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin-right: 30px; + margin-left: 30px; +} + +/* Style for each card */ +.department-card { + width: 30%; /* 33.33% width for three cards with spacing */ + margin-bottom: 20px; + padding: 5px; +} + +.department-card img { + max-width: 100%; +} + +.department-card h3 { + margin-left: 30px; +} + +.department-card p { + margin-left: 30px; +} + +.why-gg-section { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; /* Full viewport height */ + position: absolute; + top: 220%; + background-color: #EAF2FF; + margin-left: 60px; + margin-right: 60px; + margin-bottom: 100px; +} + +/* Style for the card */ +.card { + position: relative; + max-width: 100%; +} + +/* Style for the image */ +.card img { + width: 100%; + height: auto; +} + +/* Style for the text on top of the image */ +.card-text { + position: absolute; + top: 20px; /* Adjust the top position as needed */ + left: 70%; /* Adjust the left position as needed */ + color: black; + font-size: 24px; + font-weight: bold; + padding: 10px; +} + +ul.custom-bullet { + list-style-image: url('img/tick_icon.png'); + padding-left: 20px; + /* Add padding to adjust the distance between the bullet image and text */ +} + +/* Style for list items */ +li { + margin: 10px 0; /* Adjust margin as needed */ +} + +.why-gg-list{ + position:absolute; + left: 70%; + top: 80px; +} diff --git a/middle_part/middle_part.html b/middle_part/middle_part.html index e69de29..119e1c8 100644 --- a/middle_part/middle_part.html +++ b/middle_part/middle_part.html @@ -0,0 +1,141 @@ + + + + + + + + + +
+
+
+
diff --git a/split_screen.html b/split_screen.html
new file mode 100644
index 0000000..8525e1b
--- /dev/null
+++ b/split_screen.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Love & Care to Humanity
+Fastest-Growing Multi Speciality Hospital in South Kerala
+
+
+
+
+
+ Book an Appoinment
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Departments
+
+
+
+
+ 
+
+
+ Hepatobiliary Surgery
++ The Hepatobiliary and Transplantology Unit of GG Hospital offers a + comprehensive... +
+
+
+
+
+
+ Medical Oncology
++ GG Hospital is the best affordable hospital in South Kerala which + is NABH accredited hospital... +
+
+
+
+
+
+ ENT, Head & Neck Skull Surgery
++ The ENT Department in GG Hospital provides a wide range of + treatment modalities including... +
+
+
+
+ 
+
+
+ Why GG Hospital?
+
+
+ -
+
- Multi-super specialty hospital in South Kerala. +
- Achieved the unique reputation +
- Multi-super specialty hospital in South Kerala. +
- Multi-super specialty hospital in South Kerala. +
- Achieved the unique reputation +
- Multi-super specialty hospital in South Kerala. +
+
+
+
diff --git a/top_header/top_header.css b/top_header/top_header.css
index 893710d..578c469 100644
--- a/top_header/top_header.css
+++ b/top_header/top_header.css
@@ -1,43 +1,3 @@
-body {
- margin: 0;
- font-family: Arial, Helvetica, sans-serif;
- }
-
- .topnav {
- margin-top: 30px;
- overflow: hidden;
- background-color: #FFFF;
- }
-
- .topnav a {
- float: left;
- color: black;
- text-align: end;
- padding: 14px 16px;
- text-decoration: none;
- font-size: 15px;
- }
-
- .topnav a:hover {
- color: red;
- }
-
- .topnav a.active {
- color: red;
- }
-
- .logo {
- width: 200px;
- height: 50px;
- padding-right: 480px;
- padding-left: 30px;
- }
-
- .header-container{
- display: flex;
- align-items: center;
- }
-
.doctor_img {
width: 95vw;
diff --git a/top_header/top_header.html b/top_header/top_header.html
index b5cb2f0..c8a9385 100644
--- a/top_header/top_header.html
+++ b/top_header/top_header.html
@@ -3,6 +3,7 @@
+
+
+
+ Left Half
+This is the left half of the screen.
+
+
+
+ Right Half
+This is the right half of the screen.
+