first commit
This commit is contained in:
Executable
+35
@@ -0,0 +1,35 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const AboutCovid19 = () => {
|
||||
return (
|
||||
<div className="about-area about-area-two 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/about2.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>Know More Info About Covid-19</h2>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
|
||||
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here, making it look like readable English.</p>
|
||||
|
||||
<Link href="/about">
|
||||
<a>Know More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutCovid19;
|
||||
Executable
+34
@@ -0,0 +1,34 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const MainBanner = () => {
|
||||
return (
|
||||
<div className="slider-item slider-item-two 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/covid-circle-image.png" alt="Shape" />
|
||||
</div>
|
||||
|
||||
<h1>Stay Home And Be Aware About Covid-19</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>
|
||||
)
|
||||
}
|
||||
|
||||
export default MainBanner;
|
||||
Executable
+80
@@ -0,0 +1,80 @@
|
||||
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>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
+132
@@ -0,0 +1,132 @@
|
||||
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">
|
||||
<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">
|
||||
<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
+66
@@ -0,0 +1,66 @@
|
||||
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">
|
||||
<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