MermsPartners/KintCare-www
1
0
Fork 0
Code Issues Pull Requests 2 Releases Activity

hero slider home images updated

Browse Source
This commit is contained in:
ChineseChikki
2023-02-10 18:02:36 +01:00
parent 21c6aaf078
commit c072d1c7fb
6 changed files with 73 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/HomeOne/HeroSlider.js
+50 -37
View File
@@ -35,22 +35,23 @@ const HeroSlider = () => {
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="slider-text">
<div className="slider-text ">
<div className="slider-shape">
<img src="/images/home-one/home-slider1.png" alt="Shape" />
</div>
<h1>Exceptional Health Care for Pregnant Mothers & Newborn</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
<div className="common-btn">
<Link href="/appointment">
<a>Get Appointment</a>
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
<img src="/images/home-one/home-slider-1.png" alt="Shape" />
</div>
<div>
<h1>Exceptional Health Care for Pregnant Mothers & Newborn</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
<div className="common-btn">
<Link href="/appointment">
<a>Get Appointment</a>
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
</div>
</div>
</div>
</div>
</div>
@@ -62,19 +63,24 @@ const HeroSlider = () => {
<div className="d-table-cell">
<div className="container">
<div className="slider-text">
{/* <div className="slider-shape-two">
<img src="/images/home-one/home-slider-2.png" alt="Shape" />
</div> */}
<div>
<h1>Caring Health is Important Than All</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
<div className="common-btn">
<Link href="/appointment">
<a>Get Appointment</a>
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
</div>
</div>
<div className="slider-shape-two">
<img src="/images/home-one/home-slider2.png" alt="Shape" />
</div>
<h1>Caring Health is Important Than All</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
<div className="common-btn">
<Link href="/appointment">
<a>Get Appointment</a>
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
<img src="/images/home-one/home-slider-2.png" alt="Shape" />
</div>
</div>
</div>
@@ -87,19 +93,24 @@ const HeroSlider = () => {
<div className="d-table-cell">
<div className="container">
<div className="slider-text">
<div className="slider-shape-three">
<img src="/images/home-one/home-slider3.png" alt="Shape" />
</div>
<h1>We Offer Highly Treatments</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
{/* <div className="slider-shape-three">
<img src="/images/home-one/home-slider-3.png" alt="Shape" />
</div> */}
<div>
<h1>We Offer Highly Treatments</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
<div className="common-btn">
<Link href="/appointment">
<div className="common-btn">
<Link href="/appointment">
<a>Get Appointment</a>
</Link>
<Link href="/about">
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
</Link>
</div>
</div>
<div className="slider-shape-three">
<img src="/images/home-one/home-slider-3.png" alt="Shape" />
</div>
</div>
</div>
@@ -111,4 +122,6 @@ const HeroSlider = () => {
)
}
export default HeroSlider;
export default HeroSlider;
public/css/style.css
+23 -13
View File
@@ -335,6 +335,7 @@ button:focus {
height: 40px;
}
.nav-srh form .icon-search {
position: absolute;
top: 0;
@@ -419,8 +420,9 @@ button:focus {
/*-- End Navbar --*/
/*-- Home Slider --*/
.slider-item-img {
background-image: url("/images/home-one/home-slider-bg.jpg");
background-image: url("/images/home-one/home-slider-bckgrd.png");
}
.slider-item {
@@ -432,24 +434,29 @@ button:focus {
}
.slider-item .slider-shape img {
position: absolute;
top: -9px;
right: -90px;
/* position: absolute; */
/* top: -9px; */
/* right: -90px; */
max-width: 730px;
order: 1;
box-shadow: 0px 0px 20px #2459b8;
}
.slider-item .slider-shape-two img {
position: absolute;
top: 20px;
right: -60px;
/* position: absolute; */
/* top: 20px; */
/* top: -59px; */
/* right: 10px; */
max-width: 730px;
box-shadow: 0px 0px 20px #2459b8;
}
.slider-item .slider-shape-three img {
position: absolute;
top: 60px;
right: 0;
/* position: absolute; */
/* top: -59px; */
/* right: 10px; */
max-width: 730px;
box-shadow: 0px 0px 20px #2459b8;
}
.slider-item::before {
@@ -465,8 +472,11 @@ button:focus {
.slider-item .slider-text {
position: relative;
margin-top: -160px;
margin-top: 20px;
z-index: 5;
display: flex;
gap: 100px;
}
.slider-item .slider-text h1 {
@@ -484,7 +494,7 @@ button:focus {
font-weight: 40;
margin-bottom: 40px;
max-width: 575px;
margin-left: 0;
margin-right: 0;
}
.common-btn a {
@@ -4939,4 +4949,4 @@ footer {
.faq-content .accordion .accordion__panel p {
color: #344c5d;
}
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */
public/images/home-one/home-slider-1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 495 KiB

public/images/home-one/home-slider-2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 407 KiB

public/images/home-one/home-slider-3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 486 KiB

public/images/home-one/home-slider-bckgrd.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 450 KiB