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

Home sliders images latest updates

Browse Source
This commit is contained in:
ChineseChikki
2023-02-10 16:11:28 +01:00
parent 09393d90b6
commit 61046b961a
5 changed files with 57 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/HomeOne/HeroSlider.js
+42 -38
View File
@@ -40,20 +40,18 @@ const HeroSlider = () => {
<img src="/images/home-one/home-slider-1.png" alt="Shape" /> <img src="/images/home-one/home-slider-1.png" alt="Shape" />
</div> </div>
<div> <div>
<h1>Exceptional Health Care for Pregnant Mothers & Newborn</h1> <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> <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"> <div className="common-btn">
<Link href="/appointment"> <Link href="/appointment">
<a>Get Appointment</a> <a>Get Appointment</a>
</Link> </Link>
<Link href="/about"> <Link href="/about">
<a className="cmn-btn-right">Learn More</a> <a className="cmn-btn-right">Learn More</a>
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -65,22 +63,25 @@ const HeroSlider = () => {
<div className="d-table-cell"> <div className="d-table-cell">
<div className="container"> <div className="container">
<div className="slider-text"> <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"> <div className="slider-shape-two">
<img src="/images/home-one/home-slider-2.png" alt="Shape" /> <img src="/images/home-one/home-slider-2.png" alt="Shape" />
</div> </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> </div>
</div> </div>
</div> </div>
@@ -92,22 +93,25 @@ const HeroSlider = () => {
<div className="d-table-cell"> <div className="d-table-cell">
<div className="container"> <div className="container">
<div className="slider-text"> <div className="slider-text">
{/* <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">
<a>Get Appointment</a>
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
</div>
</div>
<div className="slider-shape-three"> <div className="slider-shape-three">
<img src="/images/home-one/home-slider-3.png" alt="Shape" /> <img src="/images/home-one/home-slider-3.png" alt="Shape" />
</div> </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">
<a>Get Appointment</a>
</Link>
<Link href="/about">
<a className="cmn-btn-right">Learn More</a>
</Link>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
public/css/style.css
+15 -13
View File
@@ -435,26 +435,28 @@ button:focus {
.slider-item .slider-shape img { .slider-item .slider-shape img {
/* position: absolute; */ /* position: absolute; */
top: -9px; /* top: -9px; */
right: -90px; /* right: -90px; */
max-width: 730px; max-width: 730px;
order: 1; order: 1;
box-shadow: 0px 0px 20px #2459b8;
} }
.slider-item .slider-shape-two img { .slider-item .slider-shape-two img {
/* position: absolute; */ /* position: absolute; */
top: 20px; /* top: 20px; */
right: -60px; /* top: -59px; */
max-width: 730px; /* right: 10px; */
order: 1; max-width: 730px;
box-shadow: 0px 0px 20px #2459b8;
} }
.slider-item .slider-shape-three img { .slider-item .slider-shape-three img {
/* position: absolute; */ /* position: absolute; */
top: 60px; /* top: -59px; */
right: 0; /* right: 10px; */
max-width: 730px; max-width: 730px;
order: 1; box-shadow: 0px 0px 20px #2459b8;
} }
.slider-item::before { .slider-item::before {
@@ -470,11 +472,11 @@ button:focus {
.slider-item .slider-text { .slider-item .slider-text {
position: relative; position: relative;
margin-top: -160px; margin-top: 20px;
z-index: 5; z-index: 5;
display: flex; display: flex;
flex-direction: row; gap: 100px;
gap: 150px;
} }
.slider-item .slider-text h1 { .slider-item .slider-text h1 {
@@ -492,7 +494,7 @@ button:focus {
font-weight: 40; font-weight: 40;
margin-bottom: 40px; margin-bottom: 40px;
max-width: 575px; max-width: 575px;
margin-left: 0; margin-right: 0;
} }
.common-btn a { .common-btn a {
public/images/home-one/home-slider-1.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 236 KiB

After

Width:  |  Height:  |  Size: 495 KiB

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

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 407 KiB

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

Before

Width:  |  Height:  |  Size: 353 KiB

After

Width:  |  Height:  |  Size: 486 KiB