diff --git a/Css-Files/bloodstyle.css b/Css-Files/bloodstyle.css index e645409f..98ec3a2a 100644 --- a/Css-Files/bloodstyle.css +++ b/Css-Files/bloodstyle.css @@ -4,8 +4,9 @@ box-sizing: border-box; font-family: 'poppins',sans-serif; } -bodY{ +body{ display: flex; + flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; @@ -16,7 +17,7 @@ bodY{ text-decoration: none; margin-top: -18px; position: absolute; - left: 50%; + left: 45%; font-size: 30px; justify-content: center; align-items: center; @@ -28,7 +29,6 @@ margin-top: -18px; color: #fff; } #topbar1 { - background: #022a2d; height: 50px; font-size: 14px; transition: all 0.5s; @@ -39,26 +39,9 @@ margin-top: -18px; top: -40px; } - #topbar1 .contact-info a { - margin-top: -40px; - line-height: 1; - color: #fff; - transition: 0.3s; - } - #topbar1 .contact-info a:hover { - color: #3fbbc0; - } - #topbar1 .contact-info i { - color: #3fbbc0; - margin-top: -40px; - padding-right: 4px; - margin-left: 15px; - line-height: 0; - } - #topbar1 .contact-info i:first-child { - margin-left: 0; - } + + #topbar1 .social-links a { margin-top: -40px; @@ -67,6 +50,8 @@ margin-top: -18px; display: inline-block; line-height: 1px; transition: 0.3s; + transform: translateY(-100px); + } #topbar1 .social-links a:hover { diff --git a/Css-Files/doctor.css b/Css-Files/doctor.css index d81e3925..f43991f4 100644 --- a/Css-Files/doctor.css +++ b/Css-Files/doctor.css @@ -24,6 +24,102 @@ body{ padding: 40px 0; border-radius: 20px; } +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + background-color: #f8f8f8; +} + +.logo { + height: 40px; +} + +.header-buttons button { + margin-left: 10px; + padding: 5px 10px; +} + +.calendar { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #f3f3f3; + padding: 10px; + border-bottom: 1px solid #ccc; +} + +.nav-button { + background-color: #007bff; + color: #fff; + border: none; + padding: 5px 10px; + cursor: pointer; +} + +.month { + font-size: 20px; + font-weight: bold; +} + +.dates { + display: flex; + gap: 10px; +} + +.date1, .date2, .date3, .date4, .date5, .date6, .date7, .date8, .date9, .date10, .date11, .date12 { + background-color: #fff; + padding: 10px; + cursor: pointer; + border: 1px solid #ccc; +} + +.date:hover { + background-color: #007bff; + color: #fff; +} + +.schedule { + padding: 20px; +} + +.consultation { + margin-top: 20px; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; + background-color: #f9f9f9; +} + +.consultation h3 { + margin: 0; +} + +.consultation p { + margin: 5px 0; +} + +.consult-button { + background-color: #007bff; + color: #fff; + border: none; + padding: 5px 10px; + cursor: pointer; + margin-top: 10px; + display: inline-block; +} + +.consult-button:hover { + background-color: #0056b3; +} + +footer { + display: flex; + justify-content: space-around; + padding: 10px; + background-color: #f8f8f8; +} .card{ border-radius: 25px; background-color: #FFf; @@ -101,6 +197,7 @@ transition: all 0.3s ease; .button:hover{ background: #02969bd5; } + .swiper-navBtn{ color: white; } diff --git a/Html-Files/doc.html b/Html-Files/doc.html index 8d417803..bff65092 100644 --- a/Html-Files/doc.html +++ b/Html-Files/doc.html @@ -29,203 +29,1479 @@ -
- -
-
- rapidoc@mail.com -
- -
-
+ - + -
-
+
+
+
+ +
+ + +
+
- +

Dr. Satbir Singh

Cardiologist

+ +
+
+ MAY + +
+ 20 + 21 + 22 + 23 + 24 + 25 + 26 +
+ +
+ +
+
+ + + + + +
+
+
+ +
+ + +
+
- +

Dr. Vikas Chopra

Cardiologist

+ +
+
+ MAY + +
+ 1 + 2 + 3 + 4 + 5 + 6 + 7 +
+ +
+ +
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Ajay Aggarwal

Cardiologist

+
+
+ MAY + +
+ 11 + 12 + 13 + 14 + 15 + 16 + 17 +
+
+ +
+ +
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Rajeev Kumar Rajput

Cardiologist

+
+
+ MAY + +
+ 18 + 19 + 20 + 21 + 22 + 23 + 24 +
+
+ +
+ +
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Nityanand Tripathi

Cardiologist

+
+
+ MAY + +
+ 1 + 2 + 3 + 4 + 5 + 6 + 7 +
+
+ +
+ +
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Soni Gupta

Dermatologist

+ +
+
+ MAY + +
+ 21 + 22 + 23 + 24 + 25 + 26 + 27 +
+
+ +
+
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Ranjan Upadhyay

Dermatologist

+ +
+
+ MAY + +
+ 1 + 2 + 3 + 4 + 15 + 26 + 27 +
+ +
+ +
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Deepti Shrivastava

Dermatologist

+ +
+
+ MAY + +
+ 8 + 9 + 10 + 11 + 12 + 13 + 14 +
+ +
+ +
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Manisha Chopra

Dermatologist

+ +
+
+ MAY + +
+ 10 + 12 + 23 + 24 + 25 + 26 + 27 +
+
+ +
+
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Pradeep Bansal

Dermatologist

+ +
+
+ MAY + +
+ 13 + 14 + 15 + 16 + 17 + 18 + 19 +
+
+ +
+
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Jayant Jaswal

Ear-nose-throat (ENT)

+ +
+
+ MAY + +
+ 1 + 2 + 3 + 4 + 5 + 6 + 7 +
+
+ +
+
+
+ + + + + +
+
+ +
+ + +
+
- +

Dr. Vibhuti

Ear-nose-throat (ENT)

+ +
+
+ MAY + +
+ 21 + 22 + 23 + 24 + 29 + 30 + 31 +
+ +
+ +
+
+ + + + + +
- +
-
+ - - - - - + + + + + + + + + + + + + + + diff --git a/Html-Files/images/doctor.png b/Html-Files/images/doctor.png new file mode 100644 index 00000000..074ca25e Binary files /dev/null and b/Html-Files/images/doctor.png differ diff --git a/index.html b/index.html index d694d170..a3baba21 100644 --- a/index.html +++ b/index.html @@ -702,7 +702,7 @@

Doctors

-
+
diff --git a/js/script.js b/js/script.js index 655833c0..acee4673 100644 --- a/js/script.js +++ b/js/script.js @@ -1,6 +1,4 @@ -var swiper = new Swiper(".slide-content", { - slidesPerView: 3, - spaceBetween: 25, +var swiper = new Swiper(".swiper", { loop: true, centerSlide: true, fade: true, @@ -17,12 +15,7 @@ var swiper = new Swiper(".slide-content", { breakpoints:{ 0:{ slidesPerView: 1, - }, - 520:{ - slidesPerView: 2, - }, - 950:{ - slidesPerView: 3, - }, + } }, - }); \ No newline at end of file + }); + diff --git a/style.css b/style.css index 48935ab0..534d44a4 100644 --- a/style.css +++ b/style.css @@ -356,9 +356,6 @@ section { left: calc(50% - 20px); } -.section-title p { - margin-bottom: 0; -} /*################----Home Section----################*/ #home { @@ -558,7 +555,7 @@ section { } .featured-services .title a { - color: #111; + color: #eee; } .featured-services .description { @@ -1738,7 +1735,6 @@ footer { .form-control { width: 50%; /* Full width */ - padding: 10px; border: 1px solid #ccc; /* Light gray border */