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

Each slider image used as a cover image

Browse Source
This commit is contained in:
ChineseChikki
2023-02-12 07:12:38 +01:00
parent 21c6aaf078
commit 0d9f01ad4b
7 changed files with 113 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/HomeOne/HeroSlider.js
+42 -34
View File
@@ -34,23 +34,24 @@ const HeroSlider = () => {
<div className="slider-item slider-item-img">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="slider-text">
<div className="container-fluid p-0">
<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 className="slider-info">
<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>
@@ -60,21 +61,23 @@ const HeroSlider = () => {
<div className="slider-item slider-item-img">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="container-fluid p-0">
<div className="slider-text">
<div className="slider-shape-two">
<img src="/images/home-one/home-slider2.png" alt="Shape" />
<img src="/images/home-one/home-slider-2.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="slider-infos">
<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">
<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>
</div>
@@ -85,21 +88,23 @@ const HeroSlider = () => {
<div className="slider-item slider-item-img">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="container-fluid p-0">
<div className="slider-text">
<div className="slider-shape-three">
<img src="/images/home-one/home-slider3.png" alt="Shape" />
<img src="/images/home-one/home-slider-3.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-infos">
<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>
</div>
@@ -111,4 +116,7 @@ const HeroSlider = () => {
)
}
export default HeroSlider;
export default HeroSlider;