diff --git a/components/HomeOne/HeroSlider.js b/components/HomeOne/HeroSlider.js index 6f6ef43..d5e31bd 100755 --- a/components/HomeOne/HeroSlider.js +++ b/components/HomeOne/HeroSlider.js @@ -66,7 +66,7 @@ const HeroSlider = () => {
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
@@ -93,7 +93,7 @@ const HeroSlider = () => {
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
diff --git a/components/HomeThree/OurExpertise.js b/components/HomeThree/OurExpertise.js index d14e989..a23c897 100755 --- a/components/HomeThree/OurExpertise.js +++ b/components/HomeThree/OurExpertise.js @@ -3,42 +3,46 @@ import React from 'react'; const OurExpertise = () => { return (Lorem ipsum dolor sit amet, is consectetur adipiscing
Lorem ipsum dolor sit amet, is consectetur adipiscing
Lorem ipsum dolor sit amet, is consectetur adipiscing
Lorem ipsum dolor sit amet, is consectetur adipiscing
diff --git a/public/css/responsive.css b/public/css/responsive.css
index bacf186..05b1d2d 100755
--- a/public/css/responsive.css
+++ b/public/css/responsive.css
@@ -2851,8 +2851,8 @@
/*-- End Welcome --*/
/*-- Speciality --*/
.speciality-left {
- padding-left: 30px;
- padding-right: 65px;
+ /* padding-left: 30px; */
+ /* padding-right: 65px; */
}
/*-- End Speciality --*/
/*-- Appointment --*/
diff --git a/public/css/style.css b/public/css/style.css
index 10259cc..7dd66ac 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -421,9 +421,9 @@ button:focus {
/*-- End Navbar --*/
/*-- Home Slider --*/
-.slider-item-img {
+/* .slider-item-img {
background-image: url("/images/home-one/home-slider-bckgrd.png");
-}
+} */
.slider-item {
background-size: cover;
@@ -441,17 +441,17 @@ button:focus {
.slider-item .slider-shape-two img {
width: 100%;
- height: 700px;
+ height: 100%;
object-fit: cover;
}
.slider-item .slider-shape-three img {
width: 100%;
- height: 700px;
+ height: 100%;
object-fit: cover;
}
-.slider-item::before {
+/* .slider-item::before {
position: absolute;
content: '';
width: 100%;
@@ -460,7 +460,7 @@ button:focus {
top: 0;
background-color: #0046c0;
opacity: .80;
-}
+} */
.slider-item .slider-text {
position: relative;
@@ -469,17 +469,24 @@ button:focus {
.slider-info{
position: absolute;
top: 50%;
- right: 0;
+ right: 100px;
transform: translateY(-50%);
}
-.slider-infos{
+.slider-info-one{
position: absolute;
- bottom: 25%;
- left: 30px;
- transform: translateX(10%);
+ top: 38%;
+ left: 100px;
+ transform: translateY(-50%);
}
+.slider-info-two{
+ position: absolute;
+ left: 100px;
+ bottom: 35%;
+}
+
+
.slider-item .slider-text h1 {
font-weight: 700;
font-size: 46px;
@@ -1969,12 +1976,12 @@ footer {
.speciality-right {
background-image: url("/images/about5.jpg");
background-size:cover;
- background-position: center center;
+ background-position: 30% center;
background-repeat: no-repeat;
border-radius: 10px 0 0 10px;
position: relative;
width: 100%;
- height: 100%;
+ height: 95%;
}
.speciality-right img {
@@ -1984,7 +1991,7 @@ footer {
.speciality-right .speciality-emergency {
position: absolute;
bottom: 20px;
- left: -70px;
+ left: -50px;
background-color: #0046c0;
padding: 30px 295px 25px 40px;
border-radius: 10px;
@@ -2032,8 +2039,8 @@ footer {
}
.speciality-left {
- padding-left: 55px;
- padding-right: 120px;
+ /* padding-left: 55px; */
+ padding-right: 55px;
}
/*-- End Speciality --*/