first commit
This commit is contained in:
Executable
+49
@@ -0,0 +1,49 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const AboutSection = () => {
|
||||
return (
|
||||
<div className="about-area pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="about-item">
|
||||
<div className="about-left">
|
||||
<img src="/images/about1.jpg" alt="About" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="about-item about-right">
|
||||
<img src="/images/about-shape1.png" alt="About" />
|
||||
<h2>About Our Hospital</h2>
|
||||
<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. Risus commodo viverra maecenas accumsan lacus vel facilisis. </p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<i className="icofont-check-circled"></i>
|
||||
Browse Our Website
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-check-circled"></i>
|
||||
Choose Service
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-check-circled"></i>
|
||||
Send Messege
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<Link href="/about">
|
||||
<a>Know More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutSection;
|
||||
Executable
+114
@@ -0,0 +1,114 @@
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
const OwlCarousel = dynamic(import('react-owl-carousel3'));
|
||||
import Link from 'next/link';
|
||||
|
||||
const options = {
|
||||
items:1,
|
||||
loop:true,
|
||||
margin:0,
|
||||
nav: true,
|
||||
dots: true,
|
||||
smartSpeed: 1000,
|
||||
autoplay:false,
|
||||
autoplayTimeout:9000,
|
||||
autoplayHoverPause:true,
|
||||
navText: [
|
||||
"<i class='icofont-simple-left'></i>",
|
||||
"<i class='icofont-simple-right'></i>"
|
||||
],
|
||||
};
|
||||
|
||||
const HeroSlider = () => {
|
||||
const [display, setDisplay] = React.useState(false);
|
||||
|
||||
React.useEffect(() => {
|
||||
setDisplay(true);
|
||||
}, [])
|
||||
return (
|
||||
<>
|
||||
{display ? <OwlCarousel
|
||||
className="home-slider owl-carousel owl-theme"
|
||||
{...options}
|
||||
>
|
||||
<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="slider-shape">
|
||||
<img src="/images/home-one/home-slider1.png" alt="Shape" />
|
||||
</div>
|
||||
|
||||
<h1>Exceptional Health Care for Woman</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 className="slider-item slider-item-img">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="slider-text">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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="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="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>
|
||||
</OwlCarousel> : ''}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default HeroSlider;
|
||||
Executable
+77
@@ -0,0 +1,77 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const OurExpertise = () => {
|
||||
return (
|
||||
<div className="expertise-area pb-70">
|
||||
<div className="container">
|
||||
<div className="section-title">
|
||||
<h2>Our Expertise</h2>
|
||||
</div>
|
||||
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="expertise-item">
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Certified Doctors</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-stretcher"></i>
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Emergency</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-network"></i>
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Teachnology</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Ambulance</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="expertise-item">
|
||||
<div className="expertise-right">
|
||||
<img src="/images/about4.jpg" alt="Expertise" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default OurExpertise;
|
||||
Executable
+178
@@ -0,0 +1,178 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Services = () => {
|
||||
return (
|
||||
<div className="services-area pb-70">
|
||||
<div className="container">
|
||||
<div className="section-title">
|
||||
<h2>Our Hospital Services</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-doctor"></i>
|
||||
<h3>Expert Doctor</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-doctor"></i>
|
||||
<h3>Expert Doctor</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-prescription"></i>
|
||||
<h3>Diagnosis</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-prescription"></i>
|
||||
<h3>Diagnosis</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-patient-file"></i>
|
||||
<h3>Pathology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-patient-file"></i>
|
||||
<h3>Pathology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-tooth"></i>
|
||||
<h3>Dental Care</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-tooth"></i>
|
||||
<h3>Dental Care</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-heart-beat-alt"></i>
|
||||
<h3>Cardiology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-heart-beat-alt"></i>
|
||||
<h3>Cardiology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-drug"></i>
|
||||
<h3>Medicine</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-drug"></i>
|
||||
<h3>Medicine</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-dna-alt-1"></i>
|
||||
<h3>Neurology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-dna-alt-1"></i>
|
||||
<h3>Neurology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>Ambulance</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
|
||||
<div className="service-end">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>Ambulance</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
|
||||
<Link href="/service-details">
|
||||
<a>Read More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Services;
|
||||
Executable
+45
@@ -0,0 +1,45 @@
|
||||
import React from 'react';
|
||||
|
||||
const Stats = () => {
|
||||
return (
|
||||
<div className="counter-area">
|
||||
<div className="container">
|
||||
<div className="row counter-bg">
|
||||
<div className="col-sm-6 col-md-3 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-patient-bed"></i>
|
||||
<h3 className="counter">850</h3>
|
||||
<p>Patients Beds</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-md-3 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-people"></i>
|
||||
<h3><span className="counter">25000</span>+</h3>
|
||||
<p>Happy Patients</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-md-3 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<h3 className="counter">750</h3>
|
||||
<p>Doctors & Nurse</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-md-3 col-lg-3">
|
||||
<div className="counter-item">
|
||||
<i className="icofont-badge"></i>
|
||||
<h3 className="counter">18</h3>
|
||||
<p>Year Experience</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Stats;
|
||||
Reference in New Issue
Block a user