first commit
This commit is contained in:
Executable
+52
@@ -0,0 +1,52 @@
|
||||
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>How We Care</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
+69
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
const OwlCarousel = dynamic(import('react-owl-carousel3'));
|
||||
|
||||
const options = {
|
||||
items:1,
|
||||
loop:true,
|
||||
margin:0,
|
||||
nav: true,
|
||||
dots: false,
|
||||
autoplay:false,
|
||||
autoplayHoverPause:true,
|
||||
navText: [
|
||||
"<i class='icofont-simple-left'></i>",
|
||||
"<i class='icofont-simple-right'></i>"
|
||||
],
|
||||
};
|
||||
|
||||
const FeedbackSlider = () => {
|
||||
const [display, setDisplay] = React.useState(false);
|
||||
|
||||
React.useEffect(() => {
|
||||
setDisplay(true);
|
||||
}, [])
|
||||
return (
|
||||
<div className="review-area ptb-100">
|
||||
<div className="container">
|
||||
{display ? <OwlCarousel
|
||||
className="feedback-slider owl-carousel owl-theme"
|
||||
{...options}
|
||||
>
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client1.png" alt="Feedback" />
|
||||
<h3>Adision Smith</h3>
|
||||
</div>
|
||||
<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</p>
|
||||
</div>
|
||||
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client2.png" alt="Feedback" />
|
||||
<h3>John Cena</h3>
|
||||
</div>
|
||||
<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</p>
|
||||
</div>
|
||||
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client3.png" alt="Feedback" />
|
||||
<h3>Mac Smith</h3>
|
||||
</div>
|
||||
<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</p>
|
||||
</div>
|
||||
|
||||
<div className="feedback-item">
|
||||
<div className="client-img">
|
||||
<img src="/images/clients/client4.png" alt="Feedback" />
|
||||
<h3>Shane Watson</h3>
|
||||
</div>
|
||||
<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</p>
|
||||
</div>
|
||||
</OwlCarousel> : ''}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default FeedbackSlider;
|
||||
Executable
+82
@@ -0,0 +1,82 @@
|
||||
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 owl-carousel owl-theme"
|
||||
{...options}
|
||||
>
|
||||
<div className="slider-item slider-item-three slider-item-three-img">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="slider-text">
|
||||
<span>Stay Safe &</span>
|
||||
<h1>Be Informed About Covid-19</h1>
|
||||
|
||||
<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-three slider-item-three-img-two">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="slider-text">
|
||||
<span>Stay Safe &</span>
|
||||
<h1>Be Aware About Covid-19</h1>
|
||||
|
||||
<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
+48
@@ -0,0 +1,48 @@
|
||||
import React from 'react';
|
||||
|
||||
const HowCovid19Spreads = () => {
|
||||
return (
|
||||
<div className="spread-area pb-70">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="spread-content">
|
||||
<div className="section-title-two">
|
||||
<span>Spreads</span>
|
||||
<h2>How Covid-19 Spreads</h2>
|
||||
</div>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum assumenda quisquam accusamus vero minima nemo natus non asperiores, voluptas iste repellat officiis obcaecati possimus quasi. Vitae nesciunt animi magnam nobis!</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<img src="/images/home-five/spread.png" alt="Spread" />
|
||||
<h3>Person To Person</h3>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Impedit delectus sit minima natus.</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/images/home-five/spread.png" alt="Spread" />
|
||||
<h3>Infected Person Coughs</h3>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Impedit delectus sit minima natus.</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/images/home-five/spread.png" alt="Spread" />
|
||||
<h3>Close Contact Another</h3>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Impedit delectus sit minima natus.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="spread-img">
|
||||
<img src="/images/home-five/spread-main.jpg" alt="Spread" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default HowCovid19Spreads;
|
||||
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>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
+133
@@ -0,0 +1,133 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Services = () => {
|
||||
return (
|
||||
<div className="services-area service-area-two pb-70">
|
||||
<div className="container">
|
||||
<div className="section-title-two">
|
||||
<span>Services</span>
|
||||
<h2>Get Special Services For Covid-19</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-doctor"></i>
|
||||
<h3>Expert Doctors</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 Doctors</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-4">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-helicopter"></i>
|
||||
<h3>Emergency Helicopter</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-helicopter"></i>
|
||||
<h3>Emergency Helicopter</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-4">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-architecture"></i>
|
||||
<h3>Leading Technology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-architecture"></i>
|
||||
<h3>Leading Technology</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-4">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-user-male"></i>
|
||||
<h3>24 Hours Open</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-user-male"></i>
|
||||
<h3>24/7 Open</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-4">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>Free 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>Free 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 className="col-sm-6 col-lg-4">
|
||||
<div className="service-item">
|
||||
<div className="service-front">
|
||||
<i className="icofont-home"></i>
|
||||
<h3>Home Advise</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p>
|
||||
</div>
|
||||
<div className="service-end">
|
||||
<i className="icofont-home"></i>
|
||||
<h3>Home Advise</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
+42
@@ -0,0 +1,42 @@
|
||||
import React from 'react';
|
||||
|
||||
const Stats = () => {
|
||||
return (
|
||||
<div className="counter-area counter-area-three">
|
||||
<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">2300</span>+</h3>
|
||||
<p>Total Affected</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-simple-smile"></i>
|
||||
<h3 className="counter">153</h3>
|
||||
<p>Total Recovered</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Stats;
|
||||
Executable
+69
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
|
||||
const SymptomsCovid19 = () => {
|
||||
return (
|
||||
<div className="symptoms-area pb-70">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="symptoms-img">
|
||||
<img src="/images/symptoms.jpg" alt="Symptoms" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="symptoms-content">
|
||||
<div className="section-title-two">
|
||||
<span>Symptoms</span>
|
||||
<h2>Symptoms Of Covid-19</h2>
|
||||
</div>
|
||||
|
||||
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<span>
|
||||
<i className="icofont-caret-right"></i>
|
||||
Cough
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<i className="icofont-caret-right"></i>
|
||||
Headache
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<i className="icofont-caret-right"></i>
|
||||
Tiredness
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<i className="icofont-caret-right"></i>
|
||||
Fever
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<i className="icofont-caret-right"></i>
|
||||
Breath Shortness
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>
|
||||
<i className="icofont-caret-right"></i>
|
||||
Muscle Pain
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default SymptomsCovid19;
|
||||
Reference in New Issue
Block a user