first commit
This commit is contained in:
Executable
+51
@@ -0,0 +1,51 @@
|
||||
import React from 'react';
|
||||
|
||||
const AboutUs = () => {
|
||||
return (
|
||||
<div className="welcome-area ptb-100">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="welcome-item welcome-left">
|
||||
<img src="/images/about3.jpg" alt="image" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="welcome-item welcome-right">
|
||||
<div className="section-title-two">
|
||||
<span>About Us</span>
|
||||
<h2>Welcome to Disin Hospital We have...</h2>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<div className="welcome-inner">
|
||||
<h3>Certified Doctors</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-stretcher"></i>
|
||||
<div className="welcome-inner">
|
||||
<h3>Emergency 24 hours</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-network"></i>
|
||||
<div className="welcome-inner">
|
||||
<h3>Modern Technologey</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutUs;
|
||||
Executable
+45
@@ -0,0 +1,45 @@
|
||||
import React from 'react';
|
||||
|
||||
const ContactInfo = () => {
|
||||
return (
|
||||
<div className="emergency-area">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center emergency-bg">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="emergency-item">
|
||||
<i className="icofont-ui-call"></i>
|
||||
<div className="emergency-inner">
|
||||
<h3>Emergency Call</h3>
|
||||
<p>+07 5554 3332 322</p>
|
||||
<p>+07 5554 3332 322</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="emergency-item">
|
||||
<i className="icofont-location-pin"></i>
|
||||
<div className="emergency-inner">
|
||||
<h3>Location</h3>
|
||||
<p>2108-267 Road Quadra, Toronto, Canada Victiria Canada</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="emergency-item">
|
||||
<i className="icofont-ambulance-crescent"></i>
|
||||
<div className="emergency-inner">
|
||||
<h3>Ambulance</h3>
|
||||
<p>+07 5554 3332 322</p>
|
||||
<p>+07 5554 3332 322</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ContactInfo;
|
||||
Executable
+113
@@ -0,0 +1,113 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
import dynamic from 'next/dynamic';
|
||||
const OwlCarousel = dynamic(import('react-owl-carousel3'));
|
||||
|
||||
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 home-slider-two owl-carousel owl-theme"
|
||||
{...options}
|
||||
>
|
||||
<div className="slider-item slider-item-img-two">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="slider-text">
|
||||
<div className="slider-shape">
|
||||
<img src="/images/about-shape1.png" alt="Shape" />
|
||||
</div>
|
||||
<h1>We have Fantastic Doctors and Dentist</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-three">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="slider-text">
|
||||
<div className="slider-shape">
|
||||
<img src="/images/about-shape1.png" alt="Shape" />
|
||||
</div>
|
||||
<h1>We Always Provide Best Services</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-four">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="slider-text">
|
||||
<div className="slider-shape">
|
||||
<img src="/images/about-shape1.png" alt="Shape" />
|
||||
</div>
|
||||
<h1>Hign Quality Medicines at Lowest Rates</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
+69
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
|
||||
const OurExpertise = () => {
|
||||
return (
|
||||
<div className="speciality-area pb-100">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-7">
|
||||
<div className="speciality-left">
|
||||
<div className="section-title-two">
|
||||
<span>Speciality</span>
|
||||
<h2>Our Expertise</h2>
|
||||
</div>
|
||||
|
||||
<div className="speciality-item">
|
||||
<div className="row m-0">
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>Child Care</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>More Stuff</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>Enough Lab</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="speciality-inner">
|
||||
<i className="icofont-check-circled"></i>
|
||||
<h3>24 Hour Doctor</h3>
|
||||
<p>Lorem ipsum dolor sit amet, is consectetur adipiscing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-5 pr-0">
|
||||
<div className="speciality-item speciality-right">
|
||||
<img src="/images/about4.jpg" alt="Speciality" />
|
||||
|
||||
<div className="speciality-emergency">
|
||||
<div className="speciality-icon">
|
||||
<i className="icofont-ui-call"></i>
|
||||
</div>
|
||||
<h3>Emergency Call</h3>
|
||||
<p>+07 554 332 322</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default OurExpertise;
|
||||
Executable
+204
@@ -0,0 +1,204 @@
|
||||
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-two">
|
||||
<span>Services</span>
|
||||
<h2>Our Hospital Services</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="service-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Services;
|
||||
Executable
+42
@@ -0,0 +1,42 @@
|
||||
import React from 'react';
|
||||
|
||||
const Stats = () => {
|
||||
return (
|
||||
<div className="counter-area counter-area-two">
|
||||
<div className="container">
|
||||
<div className="row counter-bg">
|
||||
<div className="col-sm-6 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-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-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-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