diff --git a/components/HomeOne/HeroSlider.js b/components/HomeOne/HeroSlider.js index de85f8e..f39580f 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/public/css/responsive.css b/public/css/responsive.css index 6ce63df..3923776 100755 --- a/public/css/responsive.css +++ b/public/css/responsive.css @@ -95,20 +95,26 @@ max-width: 100%; } /* text for the two images */ -/* .slider-info{ +.slider-info{ position: absolute; top: 50%; - right: 100px; + right: 0; transform: translateY(-50%); -} */ +} -/* .slider-infos{ + .slider-info-one{ position: absolute; top: 50%; - left: 100px; + left: 0; transform: translateY(-50%); -} */ +} + .slider-info-two{ + position: absolute; + top: 10%; + left: 0; + transform: translateY(-50%); +} .common-btn a { font-size: 13px; padding: 13px 14px 12px; diff --git a/public/css/style.css b/public/css/style.css index 17a8a0a..05b39c0 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -429,10 +429,10 @@ button:focus { background-size: cover; background-position: center center; background-repeat: no-repeat; - height: 900px; + height: 700px; position: relative; } - + .slider-item-img-1 { background-image: url("/images/home-one/home-slider-1.png"); } @@ -443,6 +443,7 @@ button:focus { .slider-item-img-3 { background-image: url("/images/home-one/home-slider-3.png"); + background-size: 100% 100%; } /* .slider-item .slider-shape img { @@ -484,13 +485,20 @@ button:focus { transform: translateY(-50%); } -.slider-infos{ +.slider-info-one{ position: absolute; top: 50%; left: 100px; transform: translateY(-50%); } +.slider-info-two{ + position: absolute; + top: 50%; + left: 100px; + transform: translateY(-10%); +} + .slider-item .slider-text h1 { font-weight: 700; font-size: 46px;