From 7455a2b37bdc5e024aac5be1834df731cc2445c9 Mon Sep 17 00:00:00 2001 From: ChineseChikki Date: Wed, 1 Mar 2023 23:35:05 +0100 Subject: [PATCH 1/4] Touched other aspect --- components/HomeOne/HeroSlider.js | 4 +-- components/HomeThree/OurExpertise.js | 22 +++++++++------- public/css/responsive.css | 4 +-- public/css/style.css | 39 ++++++++++++++++------------ 4 files changed, 40 insertions(+), 29 deletions(-) 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 = () => {
Shape
-
+

Caring Health is Important Than All

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 = () => {
Shape
-
+

We Offer Highly Treatments

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 (
-
-
+
+
+ Speciality +

Our Expertise

+
+
-
+ {/*
Speciality

Our Expertise

-
+
*/}
-

Home Care
Consult

+

Home Care
Consult

Lorem ipsum dolor sit amet, is consectetur adipiscing

-

Lactation Consultancy

+

Lactation
Consultancy

Lorem ipsum dolor sit amet, is consectetur adipiscing

-

Follow Up care & Support

+

Follow Up care
& Support

Lorem ipsum dolor sit amet, is consectetur adipiscing

-

Telehealth
Conference

+

Telehealth
Conference

Lorem ipsum dolor sit amet, is consectetur adipiscing

@@ -47,7 +51,7 @@ const OurExpertise = () => {
-
+
Speciality 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 --*/ From c69f697796c1a6b52f258dd9cc16ea0edb684dc6 Mon Sep 17 00:00:00 2001 From: ChineseChikki Date: Thu, 2 Mar 2023 00:46:20 +0100 Subject: [PATCH 2/4] new update --- public/css/responsive.css | 36 +++++++++++++++++++----------------- public/css/style.css | 5 ++--- 2 files changed, 21 insertions(+), 20 deletions(-) diff --git a/public/css/responsive.css b/public/css/responsive.css index 05b1d2d..174a49d 100755 --- a/public/css/responsive.css +++ b/public/css/responsive.css @@ -50,7 +50,6 @@ margin-right: auto; margin-bottom: 20px; height: 400px; - object-fit: cover; } .slider-item .slider-shape-two img { position: relative; @@ -61,7 +60,6 @@ margin-right: auto; margin-bottom: 20px; height: 400px; - object-fit: cover; } .slider-item .slider-shape-three img { position: relative; @@ -72,9 +70,8 @@ margin-right: auto; margin-bottom: 20px; height: 400px; - object-fit: cover; } - .slider-item:before { + /* .slider-item:before { position: absolute; content: ''; width: 100%; @@ -83,26 +80,31 @@ top: 0; background-color: #0046c0; opacity: .80; - } + } */ .slider-item .slider-text { margin-top: 0px; - text-align: center; + /* text-align: center; */ } .slider-item .slider-text h1 { font-size: 26px; - margin-bottom: 18px; + /* margin-bottom: 18px; */ max-width: 100%; } .slider-item .slider-text p { margin-bottom: 30px; max-width: 100%; } - /* text for the two imgs */ - .slider-infos{ - top: 30%; - right: 0; - transform: translateY(-50%); - } + /* text for the two images */ +.slider-info-one{ + top: 40%; + transform: translateY(-50%); +} + + +.slider-info-two{ + top: 40%; + transform: translateY(-50%); +} .common-btn a { font-size: 13px; @@ -117,7 +119,7 @@ display: none !important; } .home-slider.owl-theme .owl-dots { - bottom: 20px; + /* bottom: 20px; */ } .home-slider.owl-theme .owl-dots .owl-dot span { width: 20px; @@ -1558,7 +1560,7 @@ } .slider-item .slider-text h1 { font-size: 30px; - margin-bottom: 30px; + margin-bottom: 0; margin-left: auto; margin-right: auto; } @@ -2851,8 +2853,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 7dd66ac..0600052 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -441,14 +441,13 @@ button:focus { .slider-item .slider-shape-two img { width: 100%; - height: 100%; + height: 700px; object-fit: cover; } .slider-item .slider-shape-three img { width: 100%; height: 100%; - object-fit: cover; } /* .slider-item::before { @@ -475,7 +474,7 @@ button:focus { .slider-info-one{ position: absolute; - top: 38%; + top: 50%; left: 100px; transform: translateY(-50%); } From 840c1bc991c8b294e0d7819fbc97de886589af49 Mon Sep 17 00:00:00 2001 From: ChineseChikki Date: Thu, 2 Mar 2023 18:29:17 +0100 Subject: [PATCH 3/4] retouch of hero sliders --- components/HomeOne/HeroSlider.js | 22 ++++---- components/HomeThree/OurExpertise.js | 2 +- public/css/responsive.css | 77 +++++++++++++++------------- public/css/style.css | 31 ++++++----- 4 files changed, 70 insertions(+), 62 deletions(-) diff --git a/components/HomeOne/HeroSlider.js b/components/HomeOne/HeroSlider.js index d5e31bd..de85f8e 100755 --- a/components/HomeOne/HeroSlider.js +++ b/components/HomeOne/HeroSlider.js @@ -31,14 +31,14 @@ const HeroSlider = () => { className="home-slider owl-carousel owl-theme" {...options} > -
+
-
+ {/*
Shape -
+
*/}

Exceptional Health Care for Pregnant Mothers & Newborn

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.

@@ -58,15 +58,15 @@ const HeroSlider = () => {
-
+
-
+ {/*
Shape -
-
+
*/} +

Caring Health is Important Than All

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.

@@ -85,15 +85,15 @@ const HeroSlider = () => {
-
+
-
+ {/*
Shape -
-
+
*/} +

We Offer Highly Treatments

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 a23c897..b6156ed 100755 --- a/components/HomeThree/OurExpertise.js +++ b/components/HomeThree/OurExpertise.js @@ -70,4 +70,4 @@ const OurExpertise = () => { ) } -export default OurExpertise; \ No newline at end of file +export default OurExpertise; diff --git a/public/css/responsive.css b/public/css/responsive.css index 174a49d..6ce63df 100755 --- a/public/css/responsive.css +++ b/public/css/responsive.css @@ -41,7 +41,7 @@ .slider-item { height: 400px; } - .slider-item .slider-shape img { + /* .slider-item .slider-shape img { position: relative; top: 0; right: 0; @@ -49,9 +49,9 @@ margin-left: auto; margin-right: auto; margin-bottom: 20px; - height: 400px; - } - .slider-item .slider-shape-two img { + height: 600px; + } */ + /* .slider-item .slider-shape-two img { position: relative; top: 0; right: 0; @@ -59,9 +59,9 @@ margin-left: auto; margin-right: auto; margin-bottom: 20px; - height: 400px; - } - .slider-item .slider-shape-three img { + height: 600px; + } */ + /* .slider-item .slider-shape-three img { position: relative; top: 0; right: 0; @@ -69,8 +69,8 @@ margin-left: auto; margin-right: auto; margin-bottom: 20px; - height: 400px; - } + height: 600px; + } */ /* .slider-item:before { position: absolute; content: ''; @@ -83,7 +83,7 @@ } */ .slider-item .slider-text { margin-top: 0px; - /* text-align: center; */ + text-align: center; } .slider-item .slider-text h1 { font-size: 26px; @@ -95,16 +95,19 @@ max-width: 100%; } /* text for the two images */ -.slider-info-one{ - top: 40%; - transform: translateY(-50%); -} +/* .slider-info{ + position: absolute; + top: 50%; + right: 100px; + transform: translateY(-50%); +} */ - -.slider-info-two{ - top: 40%; - transform: translateY(-50%); -} +/* .slider-infos{ + position: absolute; + top: 50%; + left: 100px; + transform: translateY(-50%); +} */ .common-btn a { font-size: 13px; @@ -1525,36 +1528,36 @@ margin-left: auto; margin-right: auto; } - .slider-item .slider-shape img { + /* .slider-item .slider-shape img { position: relative; top: 0; right: 0; left: 0; margin-left: auto; margin-right: auto; - /* max-width: 550px; */ + max-width: 550px; margin-bottom: 30px; - } - .slider-item .slider-shape-two img { + } */ + /* .slider-item .slider-shape-two img { position: relative; top: 0; right: 0; left: 0; margin-left: auto; margin-right: auto; - /* max-width: 550px; */ + max-width: 550px; margin-bottom: 30px; - } - .slider-item .slider-shape-three img { + } */ + /* .slider-item .slider-shape-three img { position: relative; top: 0; right: 0; left: 0; margin-left: auto; margin-right: auto; - /* max-width: 550px; */ + max-width: 550px; margin-bottom: 30px; - } + } */ .slider-item .slider-text { margin-top: 0; } @@ -2793,20 +2796,20 @@ @media only screen and (min-width: 992px) and (max-width: 1199px) { /*-- Home Slider --*/ - .slider-item .slider-shape img { + /* .slider-item .slider-shape img { top: 115px; right: 0; - /* max-width: 520px; */ - } - .slider-item .slider-shape-two img { + max-width: 520px; + } */ + /* .slider-item .slider-shape-two img { top: 135px; - /* max-width: 520px; */ + max-width: 520px; right: 0; - } - .slider-item .slider-shape-three img { + } */ + /* .slider-item .slider-shape-three img { top: 150px; - /* max-width: 500px; */ - } + max-width: 500px; + } */ .common-btn a { padding: 16px 22px; } diff --git a/public/css/style.css b/public/css/style.css index 0600052..17a8a0a 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -429,17 +429,29 @@ button:focus { background-size: cover; background-position: center center; background-repeat: no-repeat; - height: 700px; + height: 900px; position: relative; } -.slider-item .slider-shape img { +.slider-item-img-1 { + background-image: url("/images/home-one/home-slider-1.png"); +} + +.slider-item-img-2 { + background-image: url("/images/home-one/home-slider-2.png"); +} + +.slider-item-img-3 { + background-image: url("/images/home-one/home-slider-3.png"); +} + +/* .slider-item .slider-shape img { width: 100%; height: 700px; object-fit: cover; -} +} */ -.slider-item .slider-shape-two img { +/* .slider-item .slider-shape-two img { width: 100%; height: 700px; object-fit: cover; @@ -448,7 +460,7 @@ button:focus { .slider-item .slider-shape-three img { width: 100%; height: 100%; -} +} */ /* .slider-item::before { position: absolute; @@ -472,20 +484,13 @@ button:focus { transform: translateY(-50%); } -.slider-info-one{ +.slider-infos{ position: absolute; top: 50%; 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; From 8b3317cea44e8098f27a4403dca4f2b8a0766003 Mon Sep 17 00:00:00 2001 From: ChineseChikki Date: Thu, 2 Mar 2023 22:10:26 +0100 Subject: [PATCH 4/4] final submit --- components/HomeOne/HeroSlider.js | 4 ++-- public/css/responsive.css | 18 ++++++++++++------ public/css/style.css | 14 +++++++++++--- 3 files changed, 25 insertions(+), 11 deletions(-) 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 = () => { {/*
Shape
*/} -
+

Caring Health is Important Than All

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 = () => { {/*
Shape
*/} -
+

We Offer Highly Treatments

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;