first commit
This commit is contained in:
Executable
+66
@@ -0,0 +1,66 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
firebase-debug.log*
|
||||
|
||||
# Firebase cache
|
||||
.firebase/
|
||||
|
||||
# Firebase config
|
||||
|
||||
# Uncomment this if you'd like others to create their own Firebase project.
|
||||
# For a team working on the same Firebase project(s), it is recommended to leave
|
||||
# it commented so all members can deploy to the same project(s) in .firebaserc.
|
||||
# .firebaserc
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (http://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
.next
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variables file
|
||||
.env
|
||||
Executable
+129
@@ -0,0 +1,129 @@
|
||||
import React from 'react';
|
||||
|
||||
const BlogSidebar = () => {
|
||||
return (
|
||||
<div className="blog-details-item">
|
||||
<div className="blog-details-search">
|
||||
<form>
|
||||
<input type="text" className="form-control" placeholder="Search" />
|
||||
<button type="submit" className="btn blog-details-btn">
|
||||
<i className="icofont-search-1"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div className="blog-details-recent">
|
||||
<h3>Recent Blogs</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="/images/blog/blog1.jpg" alt="Recent" />
|
||||
<a href="/blog-details">World AIDS Day, designated on 1 December.</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog">
|
||||
<i className="icofont-businessman"></i> Admin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i> Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/images/blog/blog2.jpg" alt="Recent" />
|
||||
<a href="/blog-details">World AIDS Day, designated on 1 December.</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog">
|
||||
<i className="icofont-businessman"></i> Admin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i> Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<img src="/images/blog/blog3.jpg" alt="Recent" />
|
||||
<a href="/blog-details">World AIDS Day, designated on 1 December.</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog">
|
||||
<i className="icofont-businessman"></i> Admin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i> Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="blog-details-category">
|
||||
<h3>Category</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog">Health Care</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Medical science</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Daily lifestyle</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Medicine</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Mordern Technology</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Cancer Research</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">BioInformatics</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Hospital Events</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Student Succses</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="blog-details-tags">
|
||||
<h3>Tags</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog">Dental</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Health</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Child</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Medicine</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Caveti</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">AIDS</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Dental</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog">Health</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default BlogSidebar;
|
||||
Executable
+43
@@ -0,0 +1,43 @@
|
||||
import React from 'react';
|
||||
|
||||
const CommentForm = () => {
|
||||
return (
|
||||
<div className="blog-details-form pb-100">
|
||||
<div className="blog-details-form-wrap">
|
||||
<h2>Drop your coomment</h2>
|
||||
<form>
|
||||
<div className="form-group">
|
||||
<textarea className="form-control" id="your_comments" rows="8" placeholder="Your Comments"></textarea>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="email" className="form-control" placeholder="Email" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Phone" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Subject" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<button type="submit" className="btn blog-details-form-btn">Post A Comment</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default CommentForm;
|
||||
Executable
+123
@@ -0,0 +1,123 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const LatestBlogPost = () => {
|
||||
return (
|
||||
<div className="blog-area-two pb-70">
|
||||
<div className="container">
|
||||
<div className="section-title">
|
||||
<h2>Our Latest Blogs</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog1.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
In this hospital there are special surgeon.
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog2.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
World AIDS Day, designated on 1 December
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog3.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
More than 80 clinical trials launch to test coronavirus
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default LatestBlogPost;
|
||||
Executable
+84
@@ -0,0 +1,84 @@
|
||||
import React from 'react';
|
||||
|
||||
const AppointmentForm = () => {
|
||||
return (
|
||||
<div className="appointment-area ptb-100 plr-15">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="appointment-item">
|
||||
<h2>Book your appointment</h2>
|
||||
<span>We will confirm your appointment within 2 hours</span>
|
||||
|
||||
<div className="appointment-form">
|
||||
<form>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-business-man-alt-1"></i>
|
||||
<label>Name</label>
|
||||
<input type="text" className="form-control" placeholder="Enter Your Name" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-ui-message"></i>
|
||||
<label>Email</label>
|
||||
<input type="email" className="form-control" placeholder="Enter Your Email" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-ui-call"></i>
|
||||
<label>Phone</label>
|
||||
<input type="text" className="form-control" placeholder="Enter Your Number" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-hospital"></i>
|
||||
<label>Services</label>
|
||||
<select className="form-control" id="exampleFormControlSelect1">
|
||||
<option>Dental Care</option>
|
||||
<option>Neurology</option>
|
||||
<option>Cardiology</option>
|
||||
<option>Pathology</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-doctor"></i>
|
||||
<label>Doctor</label>
|
||||
<select className="form-control" id="exampleFormControlSelect2">
|
||||
<option>Choose Your Doctor</option>
|
||||
<option>John Smith</option>
|
||||
<option>Sarah Taylor</option>
|
||||
<option>Stevn King</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-business-man"></i>
|
||||
<label>Age</label>
|
||||
<input type="text" className="form-control" placeholder="Your Age" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<button type="submit" className="btn appointment-btn">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default AppointmentForm;
|
||||
Executable
+98
@@ -0,0 +1,98 @@
|
||||
import React from 'react';
|
||||
|
||||
const AppointmentFormTwo = () => {
|
||||
return (
|
||||
<div className="appointment-area-three">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-7">
|
||||
<div className="appointment-item appointment-item-two">
|
||||
<h2>Book your appointment</h2>
|
||||
<span>We will confirm your appointment within 2 hours</span>
|
||||
|
||||
<div className="appointment-form">
|
||||
<form>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-business-man-alt-1"></i>
|
||||
<label>Name</label>
|
||||
<input type="text" className="form-control" placeholder="Enter Your Name" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-ui-message"></i>
|
||||
<label>Email</label>
|
||||
<input type="email" className="form-control" placeholder="Enter Your Email" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-ui-call"></i>
|
||||
<label>Phone</label>
|
||||
<input type="text" className="form-control" placeholder="Enter Your Number" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-hospital"></i>
|
||||
<label>Services</label>
|
||||
<select className="form-control" id="exampleFormControlSelect1">
|
||||
<option>Dental Care</option>
|
||||
<option>Pathology</option>
|
||||
<option>Diagnosis</option>
|
||||
<option>Neurology</option>
|
||||
<option>Cardiology</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-doctor"></i>
|
||||
<label>Doctor</label>
|
||||
<input type="text" className="form-control" placeholder="Choose Your Doctor" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-business-man"></i>
|
||||
<label>Age</label>
|
||||
<input type="text" className="form-control" placeholder="Your Age" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<button type="submit" className="btn appointment-btn">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-5 pr-0">
|
||||
<div className="speciality-item speciality-right speciality-right-two speciality-right-three">
|
||||
<img src="/images/doctors/doctor4.jpg" alt="Doctor" />
|
||||
|
||||
<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 AppointmentFormTwo;
|
||||
Executable
+140
@@ -0,0 +1,140 @@
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
const ModalVideo = dynamic(() => import('react-modal-video'), {
|
||||
ssr: false
|
||||
});
|
||||
import {
|
||||
Accordion,
|
||||
AccordionItem,
|
||||
AccordionItemHeading,
|
||||
AccordionItemPanel,
|
||||
AccordionItemButton
|
||||
} from 'react-accessible-accordion';
|
||||
|
||||
const FaqSection = () => {
|
||||
// Popup Video
|
||||
const [isOpen, setIsOpen] = React.useState(true);
|
||||
const openModal = () => {
|
||||
setIsOpen(!isOpen);
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="faq-area-two ptb-100">
|
||||
<div className="faq-shape">
|
||||
<img src="/images/faq-shape1.png" alt="Faq" />
|
||||
<img src="/images/faq-shape2.png" alt="Faq" />
|
||||
</div>
|
||||
|
||||
<div className="container">
|
||||
<div className="section-title">
|
||||
<h2>Frequently Asked & Queastions</h2>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="faq-img">
|
||||
<img src="/images/faq-main.jpg" alt="Faq" />
|
||||
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<Accordion allowZeroExpanded preExpanded={['a']}>
|
||||
<AccordionItem uuid="a">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is the source of the virus?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="b">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
How does the virus spread?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="c">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
Who has had COVID-19 spread the illness to others?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="d">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
Will warm weather stop the outbreak of COVID-19?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="e">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is community spread?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* If you want to change the video need to update videoID */}
|
||||
<ModalVideo
|
||||
channel='youtube'
|
||||
isOpen={!isOpen}
|
||||
videoId='bk7McNUjWgw'
|
||||
onClose={() => setIsOpen(!isOpen)}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default FaqSection;
|
||||
Executable
+117
@@ -0,0 +1,117 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const LatestBlogPost = () => {
|
||||
return (
|
||||
<div className="blog-area pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="section-title">
|
||||
<h2>Our Latest Blogs</h2>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog1.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>In this hospital there are special surgeon</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et..</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog2.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>World AIDS Day, designated on 1 December</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et..</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog3.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>More than 80 clinical trials launch to test coronavirus</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et..</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default LatestBlogPost;
|
||||
Executable
+33
@@ -0,0 +1,33 @@
|
||||
import React from 'react';
|
||||
|
||||
const NewsletterForm = () => {
|
||||
return (
|
||||
<div className="newsletter-area ptb-100">
|
||||
<div className="container">
|
||||
<div className="row newsletter-wrap align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="newsletter-item">
|
||||
<h2>Join Our Newsletter</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="newsletter-item">
|
||||
<div className="newsletter-form">
|
||||
<form className="newsletter-form">
|
||||
<input type="email" className="form-control" placeholder="Enter Your Email" name="EMAIL" required />
|
||||
|
||||
<button className="btn newsletter-btn" type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default NewsletterForm;
|
||||
Executable
+81
@@ -0,0 +1,81 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const OurDoctors = () => {
|
||||
return (
|
||||
<div className="doctors-area ptb-100">
|
||||
<div className="container">
|
||||
<div className="section-title">
|
||||
<h2>Meet Our Doctors</h2>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor1.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Babatunde</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor2.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Addision Smith</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor3.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Sarah Tylor</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Dental Surgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="doctor-btn">
|
||||
<Link href="/doctor-details">
|
||||
<a>See All</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default OurDoctors;
|
||||
Executable
+26
@@ -0,0 +1,26 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const PageBanner = ({pageTitle, homePageUrl, homePageText, activePageText, bgImage}) => {
|
||||
return (
|
||||
<div className={`page-title-area ${bgImage}`}>
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="page-title-item">
|
||||
<h2>{pageTitle}</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href={homePageUrl}>
|
||||
<a>{homePageText}</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li className="active">{activePageText}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default PageBanner;
|
||||
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 TestimonialSlider = () => {
|
||||
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 TestimonialSlider;
|
||||
Executable
+157
@@ -0,0 +1,157 @@
|
||||
import React from 'react';
|
||||
import { resetIdCounter, Tab, Tabs, TabList, TabPanel } from 'react-tabs';
|
||||
resetIdCounter();
|
||||
import dynamic from 'next/dynamic';
|
||||
const ModalVideo = dynamic(() => import('react-modal-video'), {
|
||||
ssr: false
|
||||
});
|
||||
|
||||
const VideoIntro = () => {
|
||||
// Popup Video
|
||||
const [isOpen, setIsOpen] = React.useState(true);
|
||||
const openModal = () => {
|
||||
setIsOpen(!isOpen);
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="video-wrap">
|
||||
<Tabs>
|
||||
<TabPanel>
|
||||
<div className="video-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="video-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
|
||||
<div className="video-content">
|
||||
<h3>Hospital Introduction</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</TabPanel>
|
||||
|
||||
<TabPanel>
|
||||
<div className="video-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="video-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
|
||||
<div className="video-content">
|
||||
<h3>About Our Pharmacy</h3>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</TabPanel>
|
||||
|
||||
<TabPanel>
|
||||
<div className="video-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="video-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
<div className="video-content">
|
||||
<h3>Our reasearch center and lab</h3>
|
||||
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</TabPanel>
|
||||
|
||||
<TabPanel>
|
||||
<div className="video-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="video-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
<div className="video-content">
|
||||
<h3>CCU & ICU</h3>
|
||||
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</TabPanel>
|
||||
|
||||
<TabPanel>
|
||||
<div className="video-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="video-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
<div className="video-content">
|
||||
<h3>Our Doctors</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</TabPanel>
|
||||
|
||||
<TabList>
|
||||
<Tab>Hospital Introduction</Tab>
|
||||
<Tab>Pharmacy</Tab>
|
||||
<Tab>Reasearch & Lab</Tab>
|
||||
<Tab>CCU & ICU</Tab>
|
||||
<Tab>Doctors</Tab>
|
||||
</TabList>
|
||||
</Tabs>
|
||||
</div>
|
||||
|
||||
{/* If you want to change the video need to update videoID */}
|
||||
<ModalVideo
|
||||
channel='youtube'
|
||||
isOpen={!isOpen}
|
||||
videoId='bk7McNUjWgw'
|
||||
onClose={() => setIsOpen(!isOpen)}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default VideoIntro;
|
||||
Executable
+181
@@ -0,0 +1,181 @@
|
||||
import React, { useState } from 'react';
|
||||
import { useForm } from 'react-hook-form';
|
||||
import axios from 'axios';
|
||||
import Swal from 'sweetalert2'
|
||||
import withReactContent from 'sweetalert2-react-content'
|
||||
const MySwal = withReactContent(Swal)
|
||||
import baseUrl from '../../utils/baseUrl';
|
||||
|
||||
const alertContent = () => {
|
||||
MySwal.fire({
|
||||
title: 'Congratulations!',
|
||||
text: 'Your message was successfully send and will back to you soon',
|
||||
icon: 'success',
|
||||
timer: 2000,
|
||||
timerProgressBar: true,
|
||||
showConfirmButton: false,
|
||||
})
|
||||
}
|
||||
|
||||
// Form initial state
|
||||
const INITIAL_STATE = {
|
||||
name: "",
|
||||
email: "",
|
||||
number: "",
|
||||
subject: "",
|
||||
text: ""
|
||||
};
|
||||
|
||||
const ContactForm = () => {
|
||||
|
||||
const [contact, setContact] = useState(INITIAL_STATE);
|
||||
const { register, handleSubmit, errors } = useForm();
|
||||
|
||||
const handleChange = e => {
|
||||
const { name, value } = e.target;
|
||||
setContact(prevState => ({ ...prevState, [name]: value }));
|
||||
console.log(contact)
|
||||
}
|
||||
|
||||
const onSubmit = async e => {
|
||||
// e.preventDefault();
|
||||
try {
|
||||
const url = `${baseUrl}/api/contact`;
|
||||
const { name, email, number, subject, text } = contact;
|
||||
const payload = { name, email, number, subject, text };
|
||||
await axios.post(url, payload);
|
||||
console.log(url);
|
||||
setContact(INITIAL_STATE);
|
||||
alertContent();
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="drop-area">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 p-0">
|
||||
<div className="drop-item drop-img">
|
||||
<div className="drop-left">
|
||||
<h2>Drop your message for any info or question</h2>
|
||||
|
||||
<form id="contactForm" onSubmit={handleSubmit(onSubmit)}>
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
placeholder="Your Name"
|
||||
className="form-control"
|
||||
value={contact.name}
|
||||
onChange={handleChange}
|
||||
ref={register({ required: true })}
|
||||
/>
|
||||
<div className='invalid-feedback' style={{display: 'block'}}>
|
||||
{errors.name && 'Name is required.'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="email"
|
||||
placeholder="Your email"
|
||||
className="form-control"
|
||||
value={contact.email}
|
||||
onChange={handleChange}
|
||||
ref={register({ required: true, pattern: /^\S+@\S+$/i })}
|
||||
/>
|
||||
<div className='invalid-feedback' style={{display: 'block'}}>
|
||||
{errors.email && 'Email is required.'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="number"
|
||||
placeholder="Your phone number"
|
||||
className="form-control"
|
||||
value={contact.number}
|
||||
onChange={handleChange}
|
||||
ref={register({ required: true })}
|
||||
/>
|
||||
<div className='invalid-feedback' style={{display: 'block'}}>
|
||||
{errors.number && 'Number is required.'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="form-group">
|
||||
<input
|
||||
type="text"
|
||||
name="subject"
|
||||
placeholder="Your Subject"
|
||||
className="form-control"
|
||||
value={contact.subject}
|
||||
onChange={handleChange}
|
||||
ref={register({ required: true })}
|
||||
/>
|
||||
<div className='invalid-feedback' style={{display: 'block'}}>
|
||||
{errors.subject && 'Subject is required.'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-md-12">
|
||||
<div className="form-group">
|
||||
<textarea
|
||||
name="text"
|
||||
cols="30"
|
||||
rows="5"
|
||||
placeholder="Write your message..."
|
||||
className="form-control"
|
||||
value={contact.text}
|
||||
onChange={handleChange}
|
||||
ref={register({ required: true })}
|
||||
/>
|
||||
<div className='invalid-feedback' style={{display: 'block'}}>
|
||||
{errors.text && 'Text body is required.'}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12 col-sm-12">
|
||||
<button type="submit" className="drop-btn">Send Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-5 p-0">
|
||||
<div className="speciality-item speciality-right speciality-right-two speciality-right-three">
|
||||
<img src="/images/about4.jpg" alt="Contact" />
|
||||
|
||||
<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 ContactForm;
|
||||
Executable
+39
@@ -0,0 +1,39 @@
|
||||
import React from 'react';
|
||||
|
||||
const ContactInfo = () => {
|
||||
return (
|
||||
<div className="location-area pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center location-wrap">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="location-item">
|
||||
<i className="icofont-location-pin"></i>
|
||||
<h3>Location</h3>
|
||||
<p>2108-267 Road Quadra, Toronto, <br /> Victiria Canada</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="location-item">
|
||||
<i className="icofont-ui-message"></i>
|
||||
<h3>Email</h3>
|
||||
<p>hello@disin.com</p>
|
||||
<p>emailexample@name.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="location-item">
|
||||
<i className="icofont-ui-call"></i>
|
||||
<h3>Phone</h3>
|
||||
<p>+07 5554 3332 322</p>
|
||||
<p>+07 5554 3332 322</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ContactInfo;
|
||||
Executable
+11
@@ -0,0 +1,11 @@
|
||||
import React from 'react';
|
||||
|
||||
const GoogleMap = () => {
|
||||
return (
|
||||
<div className="map-area">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2646.8288827683186!2d-123.36207488437536!3d48.44062387924871!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548f73811b3b8513%3A0x968aa5572a89f353!2s210-2750%20Quadra%20St%2C%20Victoria%2C%20BC%20V8T%204E8%2C%20Canada!5e0!3m2!1sen!2sbd!4v1607418551666!5m2!1sen!2sbd" height="550"></iframe>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default GoogleMap;
|
||||
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;
|
||||
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;
|
||||
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;
|
||||
Executable
+87
@@ -0,0 +1,87 @@
|
||||
import Link from 'next/link';
|
||||
import React from 'react';
|
||||
import dynamic from 'next/dynamic';
|
||||
const ModalVideo = dynamic(() => import('react-modal-video'), {
|
||||
ssr: false
|
||||
});
|
||||
|
||||
const AboutOurHospital = () => {
|
||||
// Popup Video
|
||||
const [isOpen, setIsOpen] = React.useState(true);
|
||||
const openModal = () => {
|
||||
setIsOpen(!isOpen);
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="hospital-area pb-70">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="hospital-shape">
|
||||
<img src="/images/home-three/home-three-hart.png" alt="Shape" />
|
||||
</div>
|
||||
|
||||
<div className="row m-0 align-items-center">
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="hospital-item">
|
||||
<div
|
||||
onClick={e => {e.preventDefault(); openModal()}}
|
||||
className="hospital-play-btn popup-youtube"
|
||||
>
|
||||
<i className="icofont-ui-play"></i>
|
||||
</div>
|
||||
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="hospital-left-one">
|
||||
<img src="/images/home-three/home3-about1.jpg" alt="About" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 p-0">
|
||||
<div className="hospital-left-two">
|
||||
<img src="/images/home-three/home3-about2.jpg" alt="About" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="hospital-item hospital-right">
|
||||
<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>
|
||||
Choose Service
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<Link href="/about">
|
||||
<a className="hospital-btn">Know More</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* If you want to change the video need to update videoID */}
|
||||
<ModalVideo
|
||||
channel='youtube'
|
||||
isOpen={!isOpen}
|
||||
videoId='bk7McNUjWgw'
|
||||
onClose={() => setIsOpen(!isOpen)}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default AboutOurHospital;
|
||||
Executable
+51
@@ -0,0 +1,51 @@
|
||||
import React from 'react';
|
||||
|
||||
const AboutUs = () => {
|
||||
return (
|
||||
<div className="welcome-area pb-100">
|
||||
<div className="container-fluid p-0">
|
||||
<div className="row m-0">
|
||||
<div className="col-lg-6 pl-0">
|
||||
<div className="welcome-item welcome-left welcome-left-two">
|
||||
<img src="/images/about3.jpg" alt="Welcome" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="welcome-item welcome-right">
|
||||
<div className="section-title-two">
|
||||
<span>About Us</span>
|
||||
<h2>Why you choose our hospital</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
+41
@@ -0,0 +1,41 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const MainBanner = () => {
|
||||
return (
|
||||
<div className="banner-area">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="banner-item">
|
||||
<h1>Your Healthy Life is Our First Priority</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-two">
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
<Link href="/about">
|
||||
<a className="cmn-btn-right-two">Learn More</a>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="banner-right">
|
||||
<img src="/images/home-three/home-three-banner1.png" alt="Banner" />
|
||||
<img src="/images/home-three/home-three-banner-shape2.png" alt="Banner" />
|
||||
<img src="/images/home-three/home-three-banner-shape2.png" alt="Banner" />
|
||||
<img src="/images/about-shape1.png" alt="Banner" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="heart-shape">
|
||||
<img src="/images/heart-graph.png" alt="Banner" />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default MainBanner;
|
||||
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-three">
|
||||
<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;
|
||||
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;
|
||||
Executable
+151
@@ -0,0 +1,151 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Footer = () => {
|
||||
const currentYear = new Date().getFullYear();
|
||||
return (
|
||||
<>
|
||||
<footer className="pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="footer-item">
|
||||
<div className="footer-contact">
|
||||
<h3>Contact Us</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<i className="icofont-ui-message"></i>
|
||||
<a href="mailto:info@disin.com">info@disin.com</a>
|
||||
<a href="mailto:hello@disin.com">hello@disin.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-stock-mobile"></i>
|
||||
<a href="tel:+07554332322">Call: +07 554 332 322</a>
|
||||
<a href="tel:+236256256365">Call: +236 256 256 365</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-location-pin"></i>
|
||||
210-27 Quadra, Market Street, Victoria Canada
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-2">
|
||||
<div className="footer-item">
|
||||
<div className="footer-quick">
|
||||
<h3>Quick Links</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/about">
|
||||
<a>About us</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/about">
|
||||
<a>Blog</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>Our Expertise</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/faq">
|
||||
<a>Faq</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/doctor">
|
||||
<a>Doctors</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/contact">
|
||||
<a>Contact us</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="footer-item">
|
||||
<div className="footer-quick">
|
||||
<h3>Our Services</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/service-details">
|
||||
<a>Dental Care</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/service-details">
|
||||
<a>Cardiology</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/service-details">
|
||||
<a>Hijama Therapy</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/service-details">
|
||||
<a>Massage Therapy</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/service-details">
|
||||
<a>Ambluance Sevices</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/service-details">
|
||||
<a>Medicine</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-3">
|
||||
<div className="footer-item">
|
||||
<div className="footer-feedback">
|
||||
<h3>Feedback</h3>
|
||||
<form>
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Name" />
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Phone" />
|
||||
</div>
|
||||
<div className="form-group">
|
||||
<textarea className="form-control" id="your_message" rows="3" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div className="text-left">
|
||||
<button type="submit" className="btn feedback-btn">SUBMIT</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div className="copyright-area">
|
||||
<div className="container">
|
||||
<div className="copyright-item">
|
||||
<p>Copyright © {currentYear} Design & Developed by <a href="https://hibootstrap.com/" target="_blank">HiBootstrap</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default Footer;
|
||||
Executable
+44
@@ -0,0 +1,44 @@
|
||||
import React from 'react';
|
||||
|
||||
const GoTop = ({scrollStepInPx, delayInMs}) => {
|
||||
|
||||
const [thePosition, setThePosition] = React.useState(false);
|
||||
const timeoutRef = React.useRef(null);
|
||||
|
||||
React.useEffect(() => {
|
||||
document.addEventListener("scroll", () => {
|
||||
if (window.scrollY > 170) {
|
||||
setThePosition(true)
|
||||
} else {
|
||||
setThePosition(false);
|
||||
}
|
||||
});
|
||||
}, [])
|
||||
|
||||
const onScrollStep = () => {
|
||||
if (window.pageYOffset === 0){
|
||||
clearInterval(timeoutRef.current);
|
||||
}
|
||||
window.scroll(0, window.pageYOffset - scrollStepInPx);
|
||||
}
|
||||
|
||||
const scrollToTop = () => {
|
||||
timeoutRef.current = setInterval(onScrollStep, delayInMs);
|
||||
}
|
||||
|
||||
const renderGoTopIcon = () => {
|
||||
return (
|
||||
<div className={`go-top ${thePosition ? 'active' : ''}`} onClick={scrollToTop}>
|
||||
<i className='icofont-hand-drawn-up'></i>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{renderGoTopIcon()}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default GoTop;
|
||||
Executable
+24
@@ -0,0 +1,24 @@
|
||||
import React from 'react'
|
||||
import Head from "next/head"
|
||||
import GoTop from './GoTop'
|
||||
|
||||
const Layout = ({ children }) => {
|
||||
return(
|
||||
<>
|
||||
<Head>
|
||||
<title>Disin - React Next Medical Health & Doctors Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="Disin - React Next Medical Health & Doctors Template" />
|
||||
<meta name="og:title" property="og:title" content="Disin - React Next Medical Health & Doctors Template"></meta>
|
||||
<meta name="twitter:card" content="Disin - React Next Medical Health & Doctors Template"></meta>
|
||||
<link rel="canonical" href="https://disin-react.envytheme.com/"></link>
|
||||
</Head>
|
||||
|
||||
{children}
|
||||
|
||||
<GoTop scrollStepInPx="100" delayInMs="10.50" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default Layout;
|
||||
Executable
+258
@@ -0,0 +1,258 @@
|
||||
import React from 'react';
|
||||
import Link from '../../utils/ActiveLink';
|
||||
|
||||
const Navbar = () => {
|
||||
const [menu, setMenu] = React.useState(true)
|
||||
|
||||
const toggleNavbar = () => {
|
||||
setMenu(!menu)
|
||||
}
|
||||
|
||||
React.useEffect(() => {
|
||||
let elementId = document.getElementById("navbar");
|
||||
document.addEventListener("scroll", () => {
|
||||
if (window.scrollY > 170) {
|
||||
elementId.classList.add("is-sticky");
|
||||
} else {
|
||||
elementId.classList.remove("is-sticky");
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
const classOne = menu ? 'collapse navbar-collapse' : 'collapse navbar-collapse show';
|
||||
const classTwo = menu ? 'navbar-toggler navbar-toggler-right collapsed' : 'navbar-toggler navbar-toggler-right';
|
||||
|
||||
return (
|
||||
<div id="navbar" className="navbar-area sticky-top">
|
||||
<div className="main-nav">
|
||||
<div className="container">
|
||||
<nav className="navbar navbar-expand-md navbar-light">
|
||||
<Link href="/">
|
||||
<a onClick={toggleNavbar} className="navbar-brand">
|
||||
<img src="/images/logo.png" alt="logo" />
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<button
|
||||
onClick={toggleNavbar}
|
||||
className={classTwo}
|
||||
type="button"
|
||||
data-toggle="collapse"
|
||||
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span className="icon-bar top-bar"></span>
|
||||
<span className="icon-bar middle-bar"></span>
|
||||
<span className="icon-bar bottom-bar"></span>
|
||||
</button>
|
||||
|
||||
<div className={classOne} id="navbarSupportedContent">
|
||||
<ul className="navbar-nav">
|
||||
<li className="nav-item">
|
||||
<Link href="#" activeClassName="active">
|
||||
<a onClick={e => e.preventDefault()} className="nav-link dropdown-toggle">
|
||||
Home
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<ul className="dropdown-menu">
|
||||
<li className="nav-item">
|
||||
<Link href="/" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Home Demo - 1</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/index-2" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Home Demo - 2</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/index-3" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Home Demo - 3</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/index-4" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Home Demo - 4</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/index-5" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Home Demo - 5</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/about" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">About</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="#">
|
||||
<a onClick={e => e.preventDefault()} className="nav-link dropdown-toggle">
|
||||
Pages
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<ul className="dropdown-menu">
|
||||
<li className="nav-item">
|
||||
<Link href="/appointment" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Appointment</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/departments" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Departments</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/testimonials" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Testimonials</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/sign-up" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Sign Up</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/sign-in" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Sign In</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/faq" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">FAQ's</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/404" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">404 Error Page</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/coming-soon" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Coming Soon</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/privacy-policy" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Privacy Policy</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/terms-condition" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Terms & Conditions</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="#">
|
||||
<a onClick={e => e.preventDefault()} className="nav-link dropdown-toggle">
|
||||
Services
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<ul className="dropdown-menu">
|
||||
<li className="nav-item">
|
||||
<Link href="/services" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Services</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/service-details" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Service Details</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="#">
|
||||
<a onClick={e => e.preventDefault()} className="nav-link dropdown-toggle">
|
||||
Doctors
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<ul className="dropdown-menu">
|
||||
<li className="nav-item">
|
||||
<Link href="/doctors" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Doctors</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/doctor-details" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Doctor Details</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="#">
|
||||
<a onClick={e => e.preventDefault()} className="nav-link dropdown-toggle">
|
||||
Blog
|
||||
</a>
|
||||
</Link>
|
||||
|
||||
<ul className="dropdown-menu">
|
||||
<li className="nav-item">
|
||||
<Link href="/blog" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Blog</a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/blog-details" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Blog Details</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li className="nav-item">
|
||||
<Link href="/contact" activeClassName="active">
|
||||
<a onClick={toggleNavbar} className="nav-link">Contact</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="nav-srh">
|
||||
<form>
|
||||
<input type="text" className="form-control" id="search" placeholder="Search..." />
|
||||
|
||||
<button className="search-icon icon-search">
|
||||
<i className="icofont-search-1"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Navbar;
|
||||
Executable
+72
@@ -0,0 +1,72 @@
|
||||
import React from 'react';
|
||||
|
||||
const TopHeader = () => {
|
||||
return (
|
||||
<div className="header-top">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-sm-8 col-lg-9">
|
||||
<div className="header-top-item">
|
||||
<div className="header-top-left">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="tel:+07554332322">
|
||||
<i className="icofont-ui-call"></i>
|
||||
Call : +07 554 332 322
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:hello@disin.com">
|
||||
<i className="icofont-ui-message"></i>
|
||||
hello@disin.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-location-pin"></i>
|
||||
210-27 Quadra, Canada
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-4 col-lg-3">
|
||||
<div className="header-top-item">
|
||||
<div className="header-top-right">
|
||||
<ul className="lang-list">
|
||||
<li><a href="/">EN</a></li>
|
||||
<li><a href="/ar">AR</a></li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/" target="_blank">
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/" target="_blank">
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/" target="_blank">
|
||||
<i className="icofont-linkedin"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/" target="_blank">
|
||||
<i className="icofont-instagram"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default TopHeader;
|
||||
Executable
+24
@@ -0,0 +1,24 @@
|
||||
version: '3'
|
||||
services:
|
||||
kintcare-www:
|
||||
build:
|
||||
context: .
|
||||
dockerfile: docker/Dockerfile
|
||||
restart: unless-stopped
|
||||
ports:
|
||||
- 9050:3000
|
||||
stdin_open: true
|
||||
working_dir: /usr/src/app
|
||||
volumes:
|
||||
- ./:/usr/src/app
|
||||
- /usr/src/app/node_modules
|
||||
- ./src/:/usr/src/app/src
|
||||
- ./vendors/:/usr/src/app/vendors
|
||||
extra_hosts:
|
||||
- apigateway.wrenchboard.app.dev.fluxtra.net:10.20.30.19
|
||||
- apigateway.wrenchboard.app.lotus.fluxtra.net:172.31.4.19
|
||||
environment:
|
||||
- CHOKIDAR_USEPOLLING=true
|
||||
volumes:
|
||||
src:
|
||||
public:
|
||||
Executable
+109
@@ -0,0 +1,109 @@
|
||||
FROM alpine:3.15
|
||||
|
||||
ENV NODE_VERSION 14.19.0
|
||||
|
||||
RUN addgroup -g 1000 node \
|
||||
&& adduser -u 1000 -G node -s /bin/sh -D node \
|
||||
&& apk add --no-cache \
|
||||
libstdc++ \
|
||||
&& apk add --no-cache --virtual .build-deps \
|
||||
curl \
|
||||
&& ARCH= && alpineArch="$(apk --print-arch)" \
|
||||
&& case "${alpineArch##*-}" in \
|
||||
x86_64) \
|
||||
ARCH='x64' \
|
||||
CHECKSUM="8d5e638d88b62de2f147dee812a5d74e4860a20468eb7ff32c41a02b58e2aebf" \
|
||||
;; \
|
||||
*) ;; \
|
||||
esac \
|
||||
&& if [ -n "${CHECKSUM}" ]; then \
|
||||
set -eu; \
|
||||
curl -fsSLO --compressed "https://unofficial-builds.nodejs.org/download/release/v$NODE_VERSION/node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz"; \
|
||||
echo "$CHECKSUM node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" | sha256sum -c - \
|
||||
&& tar -xJf "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" -C /usr/local --strip-components=1 --no-same-owner \
|
||||
&& ln -s /usr/local/bin/node /usr/local/bin/nodejs; \
|
||||
else \
|
||||
echo "Building from source" \
|
||||
# backup build
|
||||
&& apk add --no-cache --virtual .build-deps-full \
|
||||
binutils-gold \
|
||||
g++ \
|
||||
gcc \
|
||||
gnupg \
|
||||
libgcc \
|
||||
linux-headers \
|
||||
make \
|
||||
python3 \
|
||||
# gpg keys listed at https://github.com/nodejs/node#release-keys
|
||||
&& for key in \
|
||||
4ED778F539E3634C779C87C6D7062848A1AB005C \
|
||||
94AE36675C464D64BAFA68DD7434390BDBE9B9C5 \
|
||||
74F12602B6F1C4E913FAA37AD3A89613643B6201 \
|
||||
71DCFD284A79C3B38668286BC97EC7A07EDE3FC1 \
|
||||
8FCCA13FEF1D0C2E91008E09770F7A9A5AE15600 \
|
||||
C4F0DFFF4E8C1A8236409D08E73BC641CC11F4C8 \
|
||||
C82FA3AE1CBEDC6BE46B9360C43CEC45C17AB93C \
|
||||
DD8F2338BAE7501E3DD5AC78C273792F7D83545D \
|
||||
A48C2BEE680E841632CD4E44F07496B3EB3C1762 \
|
||||
108F52B48DB57BB0CC439B2997B01419BD92F80A \
|
||||
B9E2F5981AA6E0CD28160D9FF13993A75599653C \
|
||||
; do \
|
||||
gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
|
||||
gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
|
||||
done \
|
||||
&& curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/node-v$NODE_VERSION.tar.xz" \
|
||||
&& curl -fsSLO --compressed "https://nodejs.org/dist/v$NODE_VERSION/SHASUMS256.txt.asc" \
|
||||
&& gpg --batch --decrypt --output SHASUMS256.txt SHASUMS256.txt.asc \
|
||||
&& grep " node-v$NODE_VERSION.tar.xz\$" SHASUMS256.txt | sha256sum -c - \
|
||||
&& tar -xf "node-v$NODE_VERSION.tar.xz" \
|
||||
&& cd "node-v$NODE_VERSION" \
|
||||
&& ./configure \
|
||||
&& make -j$(getconf _NPROCESSORS_ONLN) V= \
|
||||
&& make install \
|
||||
&& apk del .build-deps-full \
|
||||
&& cd .. \
|
||||
&& rm -Rf "node-v$NODE_VERSION" \
|
||||
&& rm "node-v$NODE_VERSION.tar.xz" SHASUMS256.txt.asc SHASUMS256.txt; \
|
||||
fi \
|
||||
&& rm -f "node-v$NODE_VERSION-linux-$ARCH-musl.tar.xz" \
|
||||
&& apk del .build-deps \
|
||||
# smoke tests
|
||||
&& node --version \
|
||||
&& npm --version
|
||||
|
||||
ENV YARN_VERSION 1.22.17
|
||||
|
||||
RUN apk add --no-cache --virtual .build-deps-yarn curl gnupg tar \
|
||||
&& for key in \
|
||||
6A010C5166006599AA17F08146C2130DFD2497F5 \
|
||||
; do \
|
||||
gpg --batch --keyserver hkps://keys.openpgp.org --recv-keys "$key" || \
|
||||
gpg --batch --keyserver keyserver.ubuntu.com --recv-keys "$key" ; \
|
||||
done \
|
||||
&& curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz" \
|
||||
&& curl -fsSLO --compressed "https://yarnpkg.com/downloads/$YARN_VERSION/yarn-v$YARN_VERSION.tar.gz.asc" \
|
||||
&& gpg --batch --verify yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
|
||||
&& mkdir -p /opt \
|
||||
&& tar -xzf yarn-v$YARN_VERSION.tar.gz -C /opt/ \
|
||||
&& ln -s /opt/yarn-v$YARN_VERSION/bin/yarn /usr/local/bin/yarn \
|
||||
&& ln -s /opt/yarn-v$YARN_VERSION/bin/yarnpkg /usr/local/bin/yarnpkg \
|
||||
&& rm yarn-v$YARN_VERSION.tar.gz.asc yarn-v$YARN_VERSION.tar.gz \
|
||||
&& apk del .build-deps-yarn \
|
||||
# smoke test
|
||||
&& yarn --version
|
||||
|
||||
#COPY docker-entrypoint.sh /usr/local/bin/
|
||||
#ENTRYPOINT ["docker-entrypoint.sh"]
|
||||
RUN npm install react-router-dom --save
|
||||
|
||||
# add app
|
||||
COPY . ./
|
||||
|
||||
# start app
|
||||
#CMD ["npm","run", "start"]
|
||||
|
||||
#CMD ["npm","run", "dev"]
|
||||
#COPY --from=build-target /usr/src/app/node_modules node_modules
|
||||
#COPY --from=build-target /usr/src/app/.next .next
|
||||
|
||||
#CMD ["next", "start"]
|
||||
Executable
+13
@@ -0,0 +1,13 @@
|
||||
const path = require('path')
|
||||
|
||||
module.exports = {
|
||||
sassOptions: {
|
||||
includePaths: [path.join(__dirname, 'styles')],
|
||||
},
|
||||
i18n: {
|
||||
locales: ['en', 'ar'],
|
||||
defaultLocale: 'en',
|
||||
},
|
||||
output: 'standalone',
|
||||
}
|
||||
|
||||
+3307
File diff suppressed because it is too large
Load Diff
Executable
+29
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"name": "disin",
|
||||
"version": "1.3.0",
|
||||
"description": "Disin - React Next Medical Health & Doctors Template",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start"
|
||||
},
|
||||
"author": "HiBootstrap.com",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"axios": "^0.21.4",
|
||||
"next": "^12.0.4",
|
||||
"nodemailer": "^6.7.2",
|
||||
"nodemailer-sendgrid-transport": "^0.2.0",
|
||||
"react": "^17.0.2",
|
||||
"react-accessible-accordion": "^3.3.5",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-hook-form": "^6.15.8",
|
||||
"react-modal-video": "^1.2.8",
|
||||
"react-owl-carousel3": "^2.2.5",
|
||||
"react-tabs": "^3.2.3",
|
||||
"sass": "^1.44.0",
|
||||
"sweetalert2": "^10.16.9",
|
||||
"sweetalert2-react-content": "^3.3.3"
|
||||
}
|
||||
}
|
||||
Executable
+28
@@ -0,0 +1,28 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Custom404 = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="error-area">
|
||||
<div className="error-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="error-text">
|
||||
<h1>404!</h1>
|
||||
<p>Sorry! The Page Not Found</p>
|
||||
<span>Oops! The page you are looking for does not exit. it might been moved or deleted.</span>
|
||||
|
||||
<Link href="/">
|
||||
<a>Return to Home</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Custom404;
|
||||
Executable
+22
@@ -0,0 +1,22 @@
|
||||
import '../public/css/bootstrap.min.css'
|
||||
import '../public/css/animate.css'
|
||||
import '../public/css/icofont.min.css'
|
||||
import '../public/css/meanmenu.css'
|
||||
import 'react-tabs/style/react-tabs.css'
|
||||
import '../node_modules/react-modal-video/css/modal-video.min.css'
|
||||
import 'react-accessible-accordion/dist/fancy-example.css'
|
||||
import '../public/css/style.css'
|
||||
import '../public/css/responsive.css'
|
||||
import '../public/css/rtl.css'
|
||||
|
||||
import Layout from '../components/_App/Layout';
|
||||
|
||||
const MyApp = ({ Component, pageProps }) => {
|
||||
return (
|
||||
<Layout>
|
||||
<Component {...pageProps} />
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export default MyApp
|
||||
Executable
+25
@@ -0,0 +1,25 @@
|
||||
import Document, { Html, Head, Main, NextScript } from 'next/document';
|
||||
|
||||
class MyDocument extends Document {
|
||||
render() {
|
||||
const {locale} = this.props.__NEXT_DATA__
|
||||
const dir = locale === 'ar' ? 'rtl' : 'ltr';
|
||||
return (
|
||||
<Html lang="zxx" dir={dir} lang={locale}>
|
||||
<Head>
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png"></link>
|
||||
</Head>
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default MyDocument;
|
||||
Executable
+110
@@ -0,0 +1,110 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import OurExpertise from '../components/HomeTwo/OurExpertise';
|
||||
import Services from '../components/HomeOne/Services';
|
||||
import TestimonialSlider from '../components/Common/TestimonialSlider';
|
||||
import LatestBlogPost from '../components/Common/LatestBlogPost';
|
||||
|
||||
const About = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="About"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="About"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="counter-area counter-bg counter-area-four">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<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>
|
||||
|
||||
<OurExpertise />
|
||||
|
||||
<Services />
|
||||
|
||||
<TestimonialSlider />
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default About;
|
||||
Executable
+38
@@ -0,0 +1,38 @@
|
||||
import nodemailer from 'nodemailer';
|
||||
import sgTransport from 'nodemailer-sendgrid-transport';
|
||||
|
||||
const transporter = {
|
||||
auth: {
|
||||
// Update the SendGrid API key here
|
||||
api_key: '###'
|
||||
}
|
||||
}
|
||||
|
||||
const mailer = nodemailer.createTransport(sgTransport(transporter));
|
||||
|
||||
export default async (req, res) => {
|
||||
console.log(req.body)
|
||||
const {name, email, number, subject, text} = req.body;
|
||||
|
||||
const data = {
|
||||
// Update the email here
|
||||
to: 'exampleyour@gmail.com',
|
||||
from: email,
|
||||
subject: 'Hi there',
|
||||
text: text,
|
||||
html: `
|
||||
<b>From:</b> ${name} <br />
|
||||
<b>Number:</b> ${number} <br />
|
||||
<b>Subject:</b> ${subject} <br />
|
||||
<b>Message:</b> ${text}
|
||||
`
|
||||
};
|
||||
try {
|
||||
const response = await mailer.sendMail(data);
|
||||
console.log(response)
|
||||
res.status(200).send("Email send successfully")
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
res.status(500).send("Error proccessing charge");
|
||||
}
|
||||
}
|
||||
Executable
+129
@@ -0,0 +1,129 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Appointment = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Appointment"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Appointment"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="appointment-area-two ptb-100">
|
||||
<div className="container">
|
||||
<div className="row align-items-center appointment-wrap-two">
|
||||
<div className="col-lg-7">
|
||||
<div className="appointment-item appointment-item-two">
|
||||
<div className="appointment-shape">
|
||||
<img src="/images/hart-img1.png" alt="Shape" />
|
||||
</div>
|
||||
|
||||
<h2>Book your appointment</h2>
|
||||
<span>We will confirm your appointment within 2 hours</span>
|
||||
|
||||
<div className="appointment-form">
|
||||
<form>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-business-man-alt-1"></i>
|
||||
<label>Name</label>
|
||||
<input type="text" className="form-control" placeholder="Enter Your Name" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-ui-message"></i>
|
||||
<label>Email</label>
|
||||
<input type="email" className="form-control" placeholder="Enter Your Email" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-ui-call"></i>
|
||||
<label>Phone</label>
|
||||
<input type="text" className="form-control" placeholder="Enter Your Number" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-hospital"></i>
|
||||
<label>Services</label>
|
||||
<select className="form-control" id="exampleFormControlSelect1">
|
||||
<option>Dental Care</option>
|
||||
<option>2</option>
|
||||
<option>3</option>
|
||||
<option>4</option>
|
||||
<option>5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-doctor"></i>
|
||||
<label>Doctor</label>
|
||||
<select className="form-control" id="exampleFormControlSelect2">
|
||||
<option>Choose Your Doctor</option>
|
||||
<option>John Smith</option>
|
||||
<option>Sarah Taylor</option>
|
||||
<option>Stevn King</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<i className="icofont-business-man"></i>
|
||||
<label>Age</label>
|
||||
<input type="text" className="form-control" placeholder="Your Age" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<button type="submit" className="btn appointment-btn">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-5">
|
||||
<div className="appointment-item-two-right">
|
||||
<div className="appointment-item-content">
|
||||
<h2>Working Hours</h2>
|
||||
<ul>
|
||||
<li>Monday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Tuesday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Wednesday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Thursday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Friday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Saturday <span>9:00 AM - 8:00 PM</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Appointment;
|
||||
Executable
+93
@@ -0,0 +1,93 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import CommentForm from '../components/Blog/CommentForm';
|
||||
import BlogSidebar from '../components/Blog/BlogSidebar';
|
||||
import LatestBlogPost from '../components/Blog/LatestBlogPost';
|
||||
|
||||
const BlogDetails = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Blog Details"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Blog Details"
|
||||
bgImage="page-title-four"
|
||||
/>
|
||||
|
||||
<div className="blog-details-area pt-100">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<div className="blog-details-item">
|
||||
<div className="blog-details-img">
|
||||
<img src="/images/blog/blog-details.jpg" alt="Blog" />
|
||||
<h2>More Than 80 Clinical Trials Launch to Test of The Coronavirus</h2>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/blog">
|
||||
<i className="icofont-businessman"></i> Admin
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<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. 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>
|
||||
<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>
|
||||
|
||||
<p>Risus commodo viverra maecenas accumsan lacus vel facilisis. 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.</p>
|
||||
</div>
|
||||
|
||||
<div className="blog-details-previous">
|
||||
<h3>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</h3>
|
||||
<ul>
|
||||
<li>1. Donec a purus at tellus rhoncus semper non sed tortor.</li>
|
||||
<li>2. Etiam ut est laoreet, accumsan erat sed, ullamcorper magna.</li>
|
||||
<li>3. Nullam sit amet magna cursus, consectetur magna in, faucibus erat.</li>
|
||||
<li>4. Aenean vitae tortor pretium, sollicitudin urna at, sollicitudin dui.</li>
|
||||
<li>5. Phasellus tempor velit sed leo viverra lacinia.</li>
|
||||
<li>6. Suspendisse quis sapien dapibus, sagittis ligula a, rhoncus justo.</li>
|
||||
</ul>
|
||||
|
||||
<div className="prev-next">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Previous</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Next</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<CommentForm />
|
||||
</div>
|
||||
|
||||
<div className="col-lg-4">
|
||||
<BlogSidebar />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default BlogDetails;
|
||||
Executable
+349
@@ -0,0 +1,349 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Blog = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Blog"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Blog"
|
||||
bgImage="page-title-four"
|
||||
/>
|
||||
|
||||
<div className="blog-area-two pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog1.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
In this hospital there are special surgeon.
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog2.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
World AIDS Day, designated on 1 December
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog3.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
More than 80 clinical trials launch to test coronavirus
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog4.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
We always give the best from us
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog5.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Be aware about the coronavirus
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog6.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
No one find any medicines to prevent evolovirus
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog7.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Thailand is trying to make vaccine of coronavirus
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog8.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Already 1932 people have died in China
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 col-lg-4">
|
||||
<div className="blog-item">
|
||||
<div className="blog-top">
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
<img src="/images/blog/blog9.jpg" alt="Blog" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="blog-bottom">
|
||||
<h3>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
30+ countries have affected by coronavirus
|
||||
</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<p>Lorem ipsum is dolor sit amet, csectetur adipiscing elit, dolore smod tempor incididunt ut labore et....</p>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/blog-details">
|
||||
<a>
|
||||
Read More <i className="icofont-long-arrow-right"></i>
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-calendar"></i>
|
||||
Jan 03, 2020
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Blog;
|
||||
Executable
+108
@@ -0,0 +1,108 @@
|
||||
import React from 'react';
|
||||
|
||||
const Contact = () => {
|
||||
const [days, setDays] = React.useState('');
|
||||
const [hours, setHours] = React.useState('');
|
||||
const [minutes, setMinutes] = React.useState('');
|
||||
const [seconds, setSeconds] = React.useState('');
|
||||
|
||||
React.useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
commingSoonTime();
|
||||
}, 1000);
|
||||
return () => clearInterval(interval);
|
||||
}, [])
|
||||
|
||||
const commingSoonTime = () => {
|
||||
let endTime = new Date("August 23, 2022 17:00:00 PDT");
|
||||
let endTimeParse = (Date.parse(endTime)) / 1000;
|
||||
let now = new Date();
|
||||
let nowParse = (Date.parse(now) / 1000);
|
||||
let timeLeft = endTimeParse - nowParse;
|
||||
let days = Math.floor(timeLeft / 86400);
|
||||
let hours = Math.floor((timeLeft - (days * 86400)) / 3600);
|
||||
let minutes = Math.floor((timeLeft - (days * 86400) - (hours * 3600 )) / 60);
|
||||
let seconds = Math.floor((timeLeft - (days * 86400) - (hours * 3600) - (minutes * 60)));
|
||||
if (hours < "10") { hours = "0" + hours; }
|
||||
if (minutes < "10") { minutes = "0" + minutes; }
|
||||
if (seconds < "10") { seconds = "0" + seconds; }
|
||||
setDays(days);
|
||||
setHours(hours);
|
||||
setMinutes(minutes);
|
||||
setSeconds(seconds);
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<div className="coming-area">
|
||||
<div className="coming-item">
|
||||
<div className="d-table">
|
||||
<div className="d-table-cell">
|
||||
<div className="container">
|
||||
<div className="coming-text">
|
||||
<h1>Under Construction...</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea deserunt beatae voluptas, animi harum dolorum totam, praesentium, dolor sint aspernatur perspiciatis iusto labore nulla rerum earum! Sit commodi quia provident!</p>
|
||||
|
||||
<div className="row coming-wrap" id="timer">
|
||||
<div className="col-6 col-sm-6 col-lg-3">
|
||||
<div className="coming-inner">
|
||||
<div id="days">
|
||||
{days} <span>Days</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 col-sm-6 col-lg-3">
|
||||
<div className="coming-inner">
|
||||
<div id="hours">
|
||||
{hours} <span>Hours</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 col-sm-6 col-lg-3">
|
||||
<div className="coming-inner">
|
||||
<div id="minutes">
|
||||
{minutes} <span>Minutes</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-6 col-sm-6 col-lg-3">
|
||||
<div className="coming-inner">
|
||||
<div id="seconds">
|
||||
{seconds} <span>Seconds</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/" target="_blank">
|
||||
<i className="icofont-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/" target="_blank">
|
||||
<i className="icofont-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/" target="_blank">
|
||||
<i className="icofont-linkedin"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.pinterest.com/" target="_blank">
|
||||
<i className="icofont-pinterest"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Contact;
|
||||
Executable
+36
@@ -0,0 +1,36 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import ContactInfo from '../components/Contact/ContactInfo';
|
||||
import ContactForm from '../components/Contact/ContactForm';
|
||||
import GoogleMap from '../components/Contact/GoogleMap';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Contact = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Contact Us"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Contact Us"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<ContactInfo />
|
||||
|
||||
<ContactForm />
|
||||
|
||||
<GoogleMap />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Contact;
|
||||
Executable
+106
@@ -0,0 +1,106 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Departments = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Departments"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Departments"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="departments-area pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-tooth"></i>
|
||||
<h3>Dental Care</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-baby"></i>
|
||||
<h3>Baby Care</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-laboratory"></i>
|
||||
<h3>Laboratory</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-icu"></i>
|
||||
<h3>ICU</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-dna-alt-2"></i>
|
||||
<h3>DNA Test</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-surgeon"></i>
|
||||
<h3>Surgeon</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-xray"></i>
|
||||
<h3>X-ray</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-blood-test"></i>
|
||||
<h3>Blood Test</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="department-item">
|
||||
<i className="icofont-ambulance-crescent"></i>
|
||||
<h3>Ambulance Service</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Praesentium eaque omnis corporis, animi aspernatur tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Departments;
|
||||
Executable
+112
@@ -0,0 +1,112 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import AppointmentFormTwo from '../components/Common/AppointmentFormTwo';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const DoctorDetails = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Dr. Sarah Taylor (Neurosurgeon)"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Doctor Details"
|
||||
bgImage="page-title-five"
|
||||
/>
|
||||
|
||||
<div className="doctor-details-area pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="doctor-details-item doctor-details-left">
|
||||
<img src="/images/doctors/doctor3.jpg" alt="Doctor" />
|
||||
|
||||
<div className="doctor-details-contact">
|
||||
<h3>Contact info</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<i className="icofont-ui-call"></i>
|
||||
Call: +07 554 332 322
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-ui-message"></i>
|
||||
hello@disin.com
|
||||
</li>
|
||||
<li>
|
||||
<i className="icofont-location-pin"></i>
|
||||
4th Floor, 408 No Chamber
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="doctor-details-work">
|
||||
<h3>Working hours</h3>
|
||||
<div className="appointment-item-two-right">
|
||||
<div className="appointment-item-content">
|
||||
<ul>
|
||||
<li>Monday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Tuesday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Wednesday <span>9:00 AM - 8:00 PM</span></li>
|
||||
<li>Sunday <span>9:00 AM - 8:00 PM</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-7">
|
||||
<div className="doctor-details-item">
|
||||
<div className="doctor-details-right">
|
||||
<div className="doctor-details-biography">
|
||||
<h3>Dr. Sarah Taylor (Neurosurgeon)</h3>
|
||||
<p>MBBS in Neurology, PHD in Neurosurgeon</p>
|
||||
</div>
|
||||
|
||||
<div className="doctor-details-biography">
|
||||
<h3>Biography</h3>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
|
||||
|
||||
<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful.</p>
|
||||
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
<div className="doctor-details-biography">
|
||||
<h3>Education</h3>
|
||||
<ul>
|
||||
<li>PHD Degree in Neurology at University of UCLan School of Medicine Preston (2006)</li>
|
||||
<li>Master of Neurosurgery at University of University of Exeter Medical School Exeter (2002)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="doctor-details-biography">
|
||||
<h3>Experience</h3>
|
||||
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pb-100">
|
||||
<AppointmentFormTwo />
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default DoctorDetails;
|
||||
Executable
+242
@@ -0,0 +1,242 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Doctors = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Meet Our Qualified Doctors"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Doctors"
|
||||
bgImage="page-title-five"
|
||||
/>
|
||||
|
||||
<div className="doctor-search-area">
|
||||
<div className="container">
|
||||
<form>
|
||||
<div className="row doctor-search-wrap">
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="doctor-search-item">
|
||||
<div className="form-group">
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<label>Search</label>
|
||||
<input type="text" className="form-control" placeholder="Doctor Name" />
|
||||
</div>
|
||||
<button type="submit" className="btn doctor-search-btn">
|
||||
<i className="icofont-search-1"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<div className="doctor-search-item">
|
||||
<div className="form-group">
|
||||
<i className="icofont-hospital"></i>
|
||||
<label>Category</label>
|
||||
<select className="form-control">
|
||||
<option>Neurosurgeon</option>
|
||||
<option>Cardiology</option>
|
||||
<option>Pathology</option>
|
||||
<option>Dental Care</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="doctors-area doctors-area-two pt-100 pb-70">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor1.jpg" alt="Doctor" />
|
||||
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Babatunde</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor2.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Addition Smith</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor3.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Sarah Taylor</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Dental Surgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor4.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Mac Smith</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor5.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Alinson Backer</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor6.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Jas Macham</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Dental Surgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor7.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. John Micheal</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor8.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Shane Warne</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Neurosurgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-6 col-lg-4">
|
||||
<div className="doctor-item">
|
||||
<div className="doctor-top">
|
||||
<img src="/images/doctors/doctor9.jpg" alt="Doctor" />
|
||||
<Link href="/appointment">
|
||||
<a>Get Appointment</a>
|
||||
</Link>
|
||||
</div>
|
||||
<div className="doctor-bottom">
|
||||
<h3>
|
||||
<Link href="/doctor-details">
|
||||
<a>Dr. Luis Moris</a>
|
||||
</Link>
|
||||
</h3>
|
||||
<span>Dental Surgeon</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Doctors;
|
||||
Executable
+281
@@ -0,0 +1,281 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import {
|
||||
Accordion,
|
||||
AccordionItem,
|
||||
AccordionItemHeading,
|
||||
AccordionItemPanel,
|
||||
AccordionItemButton
|
||||
} from 'react-accessible-accordion';
|
||||
|
||||
const Faq = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="FAQ's"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Faq"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="ptb-100">
|
||||
<div className="container">
|
||||
<div className="faq-content">
|
||||
<h2>Dental Care</h2>
|
||||
|
||||
<Accordion allowZeroExpanded preExpanded={['a']}>
|
||||
<AccordionItem uuid="a">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is the source of the virus?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="b">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
How does the virus spread?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="c">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
Who has had COVID-19 spread the illness to others?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="d">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
Will warm weather stop the outbreak of COVID-19?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="e">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is community spread?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
</div>
|
||||
|
||||
<div className="faq-content">
|
||||
<h2>Cardiology</h2>
|
||||
|
||||
<Accordion allowZeroExpanded preExpanded={['a']}>
|
||||
<AccordionItem uuid="a">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is Cardiologist?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="b">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is a Cardiothoracic surgeon?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="c">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
How does a stress test work?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="d">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
Are cardiopulmonary problems hereditary?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="e">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
Do cardiac tests hurt?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
</div>
|
||||
|
||||
<div className="faq-content">
|
||||
<h2>Diagnosis</h2>
|
||||
|
||||
<Accordion allowZeroExpanded preExpanded={['a']}>
|
||||
<AccordionItem uuid="a">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What do we know about diagnostic error?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="b">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
How often does it happen?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="c">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What is the cause of diagnostic error?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="d">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
What are the obstacles to accurate diagnosis?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
|
||||
<AccordionItem uuid="e">
|
||||
<AccordionItemHeading>
|
||||
<AccordionItemButton>
|
||||
<span>
|
||||
When is a formal diagnosis necessary?
|
||||
</span>
|
||||
</AccordionItemButton>
|
||||
</AccordionItemHeading>
|
||||
<AccordionItemPanel>
|
||||
<p>
|
||||
Coronaviruses are a large family of viruses. Some cause illness in people, and others, such as canine and feline coronaviruses, only infect animals. Rarely, animal coronaviruses that infect animals have emerged to infect people and can spread between people
|
||||
</p>
|
||||
</AccordionItemPanel>
|
||||
</AccordionItem>
|
||||
</Accordion>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Faq;
|
||||
Executable
+53
@@ -0,0 +1,53 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import HeroSlider from '../components/HomeTwo/HeroSlider';
|
||||
import ContactInfo from '../components/HomeTwo/ContactInfo';
|
||||
import AboutUs from '../components/HomeTwo/AboutUs';
|
||||
import OurExpertise from '../components/HomeTwo/OurExpertise';
|
||||
import Services from '../components/HomeTwo/Services';
|
||||
import VideoIntro from '../components/Common/VideoIntro';
|
||||
import OurDoctors from '../components/Common/OurDoctors';
|
||||
import Stats from '../components/HomeTwo/Stats';
|
||||
import AppointmentForm from '../components/Common/AppointmentForm';
|
||||
import LatestBlogPost from '../components/Common/LatestBlogPost';
|
||||
import NewsletterForm from '../components/Common/NewsletterForm';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Index2 = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<HeroSlider />
|
||||
|
||||
<ContactInfo />
|
||||
|
||||
<AboutUs />
|
||||
|
||||
<OurExpertise />
|
||||
|
||||
<Services />
|
||||
|
||||
<VideoIntro />
|
||||
|
||||
<OurDoctors />
|
||||
|
||||
<div className="pb-100">
|
||||
<Stats />
|
||||
</div>
|
||||
|
||||
<AppointmentForm />
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<NewsletterForm />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Index2;
|
||||
Executable
+53
@@ -0,0 +1,53 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import MainBanner from '../components/HomeThree/MainBanner';
|
||||
import AboutOurHospital from '../components/HomeThree/AboutOurHospital';
|
||||
import OurExpertise from '../components/HomeThree/OurExpertise';
|
||||
import Services from '../components/HomeThree/Services';
|
||||
import AboutUs from '../components/HomeThree/AboutUs';
|
||||
import VideoIntro from '../components/Common/VideoIntro';
|
||||
import OurDoctors from '../components/Common/OurDoctors';
|
||||
import Stats from '../components/HomeThree/Stats';
|
||||
import FeedbackSlider from '../components/HomeThree/FeedbackSlider';
|
||||
import LatestBlogPost from '../components/Common/LatestBlogPost';
|
||||
import NewsletterForm from '../components/Common/NewsletterForm';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Index3 = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<MainBanner />
|
||||
|
||||
<AboutOurHospital />
|
||||
|
||||
<OurExpertise />
|
||||
|
||||
<Services />
|
||||
|
||||
<AboutUs />
|
||||
|
||||
<VideoIntro />
|
||||
|
||||
<OurDoctors />
|
||||
|
||||
<div className="pb-100">
|
||||
<Stats />
|
||||
</div>
|
||||
|
||||
<FeedbackSlider />
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<NewsletterForm />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Index3;
|
||||
Executable
+51
@@ -0,0 +1,51 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import MainBanner from '../components/HomeFour/MainBanner';
|
||||
import Stats from '../components/HomeFour/Stats';
|
||||
import AboutCovid19 from '../components/HomeFour/AboutCovid-19';
|
||||
import Services from '../components/HomeFour/Services';
|
||||
import OurExpertise from '../components/HomeFour/OurExpertise';
|
||||
import SymptomsCovid19 from '../components/HomeFour/SymptomsCovid19';
|
||||
import VideoIntro from '../components/Common/VideoIntro';
|
||||
import OurDoctors from '../components/Common/OurDoctors';
|
||||
import FaqSection from '../components/Common/FaqSection';
|
||||
import LatestBlogPost from '../components/Common/LatestBlogPost';
|
||||
import NewsletterForm from '../components/Common/NewsletterForm';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Index4 = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<MainBanner />
|
||||
|
||||
<Stats />
|
||||
|
||||
<AboutCovid19 />
|
||||
|
||||
<Services />
|
||||
|
||||
<OurExpertise />
|
||||
|
||||
<SymptomsCovid19 />
|
||||
|
||||
<VideoIntro />
|
||||
|
||||
<OurDoctors />
|
||||
|
||||
<FaqSection />
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<NewsletterForm />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Index4;
|
||||
Executable
+59
@@ -0,0 +1,59 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import HeroSlider from '../components/HomeFive/HeroSlider';
|
||||
import AboutUs from '../components/HomeFive/AboutUs';
|
||||
import OurExpertise from '../components/HomeFive/OurExpertise';
|
||||
import Services from '../components/HomeFive/Services';
|
||||
import HowCovid19Spreads from '../components/HomeFive/HowCovid19Spreads';
|
||||
import SymptomsCovid19 from '../components/HomeFive/SymptomsCovid19';
|
||||
import FaqSection from '../components/Common/FaqSection';
|
||||
import VideoIntro from '../components/Common/VideoIntro';
|
||||
import OurDoctors from '../components/Common/OurDoctors';
|
||||
import Stats from '../components/HomeFive/Stats';
|
||||
import FeedbackSlider from '../components/HomeFive/FeedbackSlider';
|
||||
import LatestBlogPost from '../components/Common/LatestBlogPost';
|
||||
import NewsletterForm from '../components/Common/NewsletterForm';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Index5 = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<HeroSlider />
|
||||
|
||||
<AboutUs />
|
||||
|
||||
<OurExpertise />
|
||||
|
||||
<Services />
|
||||
|
||||
<HowCovid19Spreads />
|
||||
|
||||
<SymptomsCovid19 />
|
||||
|
||||
<FaqSection />
|
||||
|
||||
<VideoIntro />
|
||||
|
||||
<OurDoctors />
|
||||
|
||||
<div className="pb-100">
|
||||
<Stats />
|
||||
</div>
|
||||
|
||||
<FeedbackSlider />
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<NewsletterForm />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Index5;
|
||||
Executable
+45
@@ -0,0 +1,45 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import HeroSlider from '../components/HomeOne/HeroSlider';
|
||||
import Stats from '../components/HomeOne/Stats';
|
||||
import AboutSection from '../components/HomeOne/AboutSection';
|
||||
import Services from '../components/HomeOne/Services';
|
||||
import OurExpertise from '../components/HomeOne/OurExpertise';
|
||||
import VideoIntro from '../components/Common/VideoIntro';
|
||||
import OurDoctors from '../components/Common/OurDoctors';
|
||||
import LatestBlogPost from '../components/Common/LatestBlogPost';
|
||||
import NewsletterForm from '../components/Common/NewsletterForm';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Index = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<HeroSlider />
|
||||
|
||||
<Stats />
|
||||
|
||||
<AboutSection />
|
||||
|
||||
<Services />
|
||||
|
||||
<OurExpertise />
|
||||
|
||||
<VideoIntro />
|
||||
|
||||
<OurDoctors />
|
||||
|
||||
<LatestBlogPost />
|
||||
|
||||
<NewsletterForm />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Index;
|
||||
Executable
+54
@@ -0,0 +1,54 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const PrivacyPolicy = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Privacy Policy"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Privacy Policy"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="privacy-area ptb-100">
|
||||
<div className="container">
|
||||
<h2>1. What is Privacy Policy?</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 was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
|
||||
<h2>2. How do we apply our Privacy Policy?</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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</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. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
|
||||
|
||||
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose. 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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
|
||||
<h2>3. What personal data can you use?</h2>
|
||||
<ul>
|
||||
<li>Name, email address and/or your photo when you visit our exhibitions and make use of the technologies we offer to you to receive a Good GIF</li>
|
||||
<li>Personal data obtained through or generated on our website, newsletters, commercial emails</li>
|
||||
<li>Your browsing behaviour on the website such as information on your first visit</li>
|
||||
<li>Whether you open a newsletter of email and what sections you select</li>
|
||||
<li>Personal data obtained through or generated on our website, newsletters, commercial emails</li>
|
||||
<li>Your browsing behaviour on the website such as information on your first visit</li>
|
||||
<li>Whether you open a newsletter of email and what sections you select</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default PrivacyPolicy;
|
||||
Executable
+59
@@ -0,0 +1,59 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const ServiceDetails = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Service Details"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Service Details"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="service-details-area ptb-100">
|
||||
<div className="container">
|
||||
<div className="services-details-img">
|
||||
<img src="/images/service-details-bg.jpg" alt="Service Details" />
|
||||
|
||||
<h2>Our Hospital Always Provide Good Services</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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
|
||||
<blockquote>
|
||||
<i className="icofont-quote-left"></i>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint optio rem magni, dolorum aut vel nostrum quae, fugit necessitatibus eius perferendis. Quia optio tenetur pariatur aliquam obcaecati enim quam eum?Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint optio rem magni, dolorum aut vel nostrum quae, fugit necessitatibus eius perferendis. Quia optio tenetur pariatur aliquam obcaecati enim quam eum?
|
||||
</blockquote>
|
||||
<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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="service-details-inner-left">
|
||||
<img src="/images/signup-bg.jpg" alt="Service" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
<div className="service-details-inner">
|
||||
<h2>We Always Take Care Our Patient</h2>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto blanditiis obcaecati veritatis magnam pariatur molestiae in maxime. Animi quae vitae in inventore. Totam mollitia aspernatur provident veniam aperiam placeat impedit! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe rem natus nobis, dolorum nam excepturi iure autem nemo ducimus temporibus facere, est eum voluptatem, culpa optio fugit assumenda quod? Praesentium.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Id, laudantium ullam, iure distinctio officia libero voluptatem obcaecati vero deleniti minima nemo itaque alias nisi eveniet soluta architecto quae laboriosam unde.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default ServiceDetails;
|
||||
Executable
+248
@@ -0,0 +1,248 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
|
||||
import Footer from '../components/_App/Footer';
|
||||
import Link from 'next/link';
|
||||
|
||||
const Services = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Services"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Services"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="services-area pt-100 pb-70">
|
||||
<div className="container">
|
||||
<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>
|
||||
|
||||
<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">
|
||||
<a href="/blog-details">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-doctor-alt"></i>
|
||||
<h3>Certified Doctors</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<a href="/blog-details">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-stretcher"></i>
|
||||
<h3>Emergency</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<a href="/blog-details">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-network"></i>
|
||||
<h3>Teachnology</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-6">
|
||||
<a href="/blog-details">
|
||||
<div className="expertise-inner">
|
||||
<i className="icofont-ambulance-cross"></i>
|
||||
<h3>Ambulance</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Services;
|
||||
Executable
+89
@@ -0,0 +1,89 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import Link from 'next/link';
|
||||
|
||||
const SignIn = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Sign In"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Sign In"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="signup-area ptb-100">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 pl-0">
|
||||
<div className="login-left">
|
||||
<img src="/images/login-bg.jpg" alt="Login" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 ptb-100">
|
||||
<div className="signup-item">
|
||||
<div className="signup-head">
|
||||
<h2>Login Here</h2>
|
||||
<p>Didn't you account yet? <Link href="/sign-up"><a>Sign Up Here</a></Link></p>
|
||||
</div>
|
||||
<div className="signup-form">
|
||||
<form>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="First Name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="email" className="form-control" placeholder="Your Email" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="password" className="form-control" placeholder="Password" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="password" className="form-control" placeholder="Confirm Password" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12">
|
||||
<div className="form-group">
|
||||
<div className="forgot-pass">
|
||||
<a href="#">Forgot Password?</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12">
|
||||
<div className="text-center">
|
||||
<button type="submit" className="btn signup-btn">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default SignIn;
|
||||
Executable
+103
@@ -0,0 +1,103 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
import Link from 'next/link';
|
||||
|
||||
const SignUp = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Sign Up"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Sign Up"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="signup-area ptb-100">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 pl-0">
|
||||
<div className="signup-left">
|
||||
<img src="/images/signup-bg.jpg" alt="SignUp" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 ptb-100">
|
||||
<div className="signup-item">
|
||||
<div className="signup-head">
|
||||
<h2>Sign Up Here</h2>
|
||||
<p>Already have an account? <Link href="/sign-in"><a>Sign In</a></Link></p>
|
||||
</div>
|
||||
|
||||
<div className="signup-form">
|
||||
<form>
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="First Name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Last Name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="text" className="form-control" placeholder="Phone Number" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="email" className="form-control" placeholder="Your Email" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="password" className="form-control" placeholder="Password" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="form-group">
|
||||
<input type="password" className="form-control" placeholder="Confirm Password" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12">
|
||||
<div className="form-group">
|
||||
<div className="form-check">
|
||||
<input className="form-check-input" type="checkbox" id="gridCheck" />
|
||||
<label className="form-check-label" htmlFor="gridCheck">
|
||||
Yes, I agree with all <Link href="/terms-condition">Terms & Conditions</Link>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-12">
|
||||
<div className="text-center">
|
||||
<button type="submit" className="btn signup-btn">Sign Up</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default SignUp;
|
||||
Executable
+54
@@ -0,0 +1,54 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const TermsCondition = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Terms & Condition"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Terms & Condition"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="privacy-area ptb-100">
|
||||
<div className="container">
|
||||
<h2>1. What is Terms & Conditions?</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 was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
|
||||
<h2>2. How do we apply our Terms & Conditions?</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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</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. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
|
||||
|
||||
<p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose. 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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
|
||||
<h2>3. What personal data can you use?</h2>
|
||||
<ul>
|
||||
<li>Name, email address and/or your photo when you visit our exhibitions and make use of the technologies we offer to you to receive a Good GIF</li>
|
||||
<li>Personal data obtained through or generated on our website, newsletters, commercial emails</li>
|
||||
<li>Your browsing behaviour on the website such as information on your first visit</li>
|
||||
<li>Whether you open a newsletter of email and what sections you select</li>
|
||||
<li>Personal data obtained through or generated on our website, newsletters, commercial emails</li>
|
||||
<li>Your browsing behaviour on the website such as information on your first visit</li>
|
||||
<li>Whether you open a newsletter of email and what sections you select</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default TermsCondition;
|
||||
Executable
+38
@@ -0,0 +1,38 @@
|
||||
import React from 'react';
|
||||
import TopHeader from '../components/_App/TopHeader';
|
||||
import Navbar from '../components/_App/Navbar';
|
||||
import PageBanner from '../components/Common/PageBanner';
|
||||
import OurExpertise from '../components/HomeOne/OurExpertise';
|
||||
import TestimonialSlider from '../components/Common/TestimonialSlider';
|
||||
import OurDoctors from '../components/Common/OurDoctors';
|
||||
import Footer from '../components/_App/Footer';
|
||||
|
||||
const Testimonials = () => {
|
||||
return (
|
||||
<>
|
||||
<TopHeader />
|
||||
|
||||
<Navbar />
|
||||
|
||||
<PageBanner
|
||||
pageTitle="Testimonials"
|
||||
homePageUrl="/"
|
||||
homePageText="Home"
|
||||
activePageText="Testimonials"
|
||||
bgImage="page-title-one"
|
||||
/>
|
||||
|
||||
<div className="pt-100">
|
||||
<OurExpertise />
|
||||
</div>
|
||||
|
||||
<TestimonialSlider />
|
||||
|
||||
<OurDoctors />
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Testimonials;
|
||||
+12
File diff suppressed because one or more lines are too long
+6
File diff suppressed because one or more lines are too long
+7
File diff suppressed because one or more lines are too long
Executable
+90
@@ -0,0 +1,90 @@
|
||||
.main-nav nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item {
|
||||
position: relative;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item a {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
color: #ffffff;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
|
||||
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
|
||||
background: #0d1028;
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 0;
|
||||
width: 250px;
|
||||
z-index: 99;
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-bottom: 20px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
padding: 8px 15px;
|
||||
margin: 0;
|
||||
display: block;
|
||||
color: #ffffff;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
|
||||
position: absolute;
|
||||
left: -100%;
|
||||
top: 0;
|
||||
opacity: 0 !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
top: -20px !important;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
|
||||
position: absolute;
|
||||
left: -100%;
|
||||
top: 0;
|
||||
opacity: 0 !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
top: -20px !important;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
|
||||
color: #ffffff;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item:hover ul {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 100%;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
Executable
+2955
File diff suppressed because it is too large
Load Diff
Executable
+9
File diff suppressed because one or more lines are too long
Executable
+3696
File diff suppressed because it is too large
Load Diff
Executable
+774
@@ -0,0 +1,774 @@
|
||||
[dir="rtl"] {
|
||||
/*
|
||||
Responsive CSS
|
||||
============================*/
|
||||
}
|
||||
|
||||
[dir="rtl"] .owl-carousel {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
[dir="rtl"] .owl-carousel .owl-item {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item .slider-shape img {
|
||||
left: -90px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item .slider-shape-two img {
|
||||
left: -60px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .common-btn a {
|
||||
margin-left: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .about-right {
|
||||
padding-right: 40px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .section-title h2:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .header-top-item .header-top-right {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
[dir="rtl"] .header-top-item .header-top-right .lang-list {
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .nav-srh form .icon-search {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .about-item ul li i {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .header-top-item .header-top-right ul li {
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .header-top-item .header-top-right ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .nav-srh .search-area {
|
||||
left: 8px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .nav-srh .search-area .src-input {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .nav-srh .search-area .search-icon {
|
||||
left: 30px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .navbar-brand {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .header-top-item .header-top-left ul li {
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .header-top-item .header-top-left ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .dropdown-toggle::after {
|
||||
margin-right: .255em;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .main-nav nav .navbar-nav {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .main-nav nav .navbar-nav .nav-item .dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item .slider-shape-three img {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .expertise-item .expertise-right {
|
||||
padding-right: 80px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .expertise-item .expertise-right:before {
|
||||
right: 65px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .expertise-item .expertise-right:after {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .nav {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .video-item .video-content {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .video-item .video-content:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-item .blog-bottom ul li:last-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
[dir="rtl"] .newsletter-item .newsletter-form .form-control {
|
||||
padding-right: 25px;
|
||||
padding-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
[dir="rtl"] .newsletter-item .newsletter-form .newsletter-btn {
|
||||
left: 7px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .text-left {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .footer-item .footer-contact ul li {
|
||||
padding-right: 60px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .footer-item .footer-contact ul li i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] #toTop {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .back-to-top-btn i {
|
||||
margin-left: 28px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .emergency-item .emergency-inner {
|
||||
padding-right: 75px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .emergency-item i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .emergency-bg {
|
||||
padding: 45px 110px 15px 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .welcome-right {
|
||||
padding-right: 70px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .welcome-item ul li .welcome-inner {
|
||||
padding-right: 110px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .welcome-item ul li i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .speciality-right .speciality-emergency {
|
||||
right: -70px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .pr-0, [dir="rtl"] .px-0 {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
[dir="rtl"] .speciality-left {
|
||||
padding-right: 55px;
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-item .appointment-form .form-group {
|
||||
padding-right: 70px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-item .appointment-form .form-group i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-item .appointment-form .form-group .form-control {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .home-slider-two .slider-item .slider-shape img {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(1) {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(2) {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(3) {
|
||||
left: 0px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .banner-item .common-btn-two a {
|
||||
margin-left: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .banner-area .heart-shape img {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(4) {
|
||||
right: 50px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .main-nav nav .navbar-nav .nav-item .dropdown-menu {
|
||||
border-right: 3px solid #0046c0;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .hospital-right {
|
||||
margin-right: 85px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .hospital-item .hospital-left-two {
|
||||
margin-right: 15px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .hospital-item .hospital-left-two:before {
|
||||
right: -17px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .hospital-item .hospital-left-one:before {
|
||||
left: -17px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .speciality-right-two:before {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-item-two-right .appointment-item-content .content-two {
|
||||
margin-right: 70px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-item-two-right .appointment-item-content .content-one ul li:before {
|
||||
right: 95px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-item .appointment-form .form-group .form-control {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .signup-item .signup-head h2:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .accordion li .faq-head {
|
||||
padding: 15px 18px 15px 35px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .accordion li .faq-head:after {
|
||||
right: unset;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .doctor-search-item .form-group {
|
||||
padding-right: 60px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .doctor-search-item .form-group .form-control {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .doctor-search-item .form-group i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-contact {
|
||||
padding-right: 65px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-contact ul li i {
|
||||
margin-left: 8px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-work {
|
||||
padding-right: 65px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .page-title-item-two {
|
||||
text-align: right;
|
||||
margin-right: auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-area-three .appointment-item {
|
||||
margin-right: auto;
|
||||
margin-left: 80px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .appointment-area-three .appointment-item .appointment-shape {
|
||||
right: -74px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .services-details-img blockquote i {
|
||||
right: 38px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-search .blog-details-btn {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li {
|
||||
padding-right: 120px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li img {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li ul li {
|
||||
padding-right: 0;
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li ul li i {
|
||||
margin-left: 2px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-category ul li {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-category ul li:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-previous .prev-next ul li:last-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
[dir="rtl"] .location-wrap {
|
||||
padding-right: 170px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .drop-item .drop-left h2 {
|
||||
padding-right: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-img ul li {
|
||||
margin-left: 50px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .blog-details-item .blog-details-img ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-two .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .symptoms-content ul li span i {
|
||||
left: unset;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .symptoms-content ul li span {
|
||||
padding: 12px 40px 14px 10px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-text ul li {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-text ul {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-text ul li span {
|
||||
right: unset;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-text ul li:before {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .spread-area .spread-content ul li img {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .spread-area .spread-content ul li {
|
||||
padding-left: 0;
|
||||
padding-right: 105px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .faq-area-two .accordion .faq-head:after {
|
||||
right: unset;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-text span {
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slider-item-three .slider-text span:before {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .go-top {
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .accordion__button {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
[dir="rtl"] .page-title-item ul li {
|
||||
margin-right: 0;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .page-title-item ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .page-title-item ul li::before {
|
||||
right: auto;
|
||||
left: -17px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
[dir="rtl"] .header-top-item .header-top-left ul li {
|
||||
margin-left: 10px !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
[dir="rtl"] .header-top-item .header-top-right {
|
||||
text-align: center;
|
||||
}
|
||||
[dir="rtl"] .mobile-nav .logo {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
[dir="rtl"] .slider-item .slider-shape img {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
[dir="rtl"] .slider-item .slider-shape-two img {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
[dir="rtl"] .about-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .expertise-item .expertise-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .emergency-item .emergency-inner {
|
||||
padding-right: 70px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .welcome-right {
|
||||
padding-right: 20px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .welcome-item ul li .welcome-inner {
|
||||
padding-right: 75px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .speciality-right .speciality-emergency {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
[dir="rtl"] .banner-item .common-btn-two a:last-child {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .hospital-right {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .appointment-item-two .appointment-shape {
|
||||
right: -74px;
|
||||
left: auto;
|
||||
}
|
||||
[dir="rtl"] .appointment-item-two-right .appointment-item-content .content-two {
|
||||
margin-right: 10px !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .services-details-img blockquote {
|
||||
padding: 25px 45px 25px 15px !important;
|
||||
}
|
||||
[dir="rtl"] .services-details-img blockquote i {
|
||||
right: 14px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-contact {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-work {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .appointment-area-three .appointment-item {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .location-wrap {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .blog-details-item .blog-details-img ul li {
|
||||
margin-left: 25px !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li {
|
||||
padding-right: 110px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .common-btn a {
|
||||
margin-left: 6px;
|
||||
margin-right: 0;
|
||||
}
|
||||
[dir="rtl"] .slider-item-two .slider-shape img {
|
||||
max-width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
[dir="rtl"] .slider-item-three .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
[dir="rtl"] .emergency-bg {
|
||||
padding: 45px 0 15px 0;
|
||||
}
|
||||
[dir="rtl"] .speciality-left {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
[dir="rtl"] .header-top-item .header-top-left ul li {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .mobile-nav .logo {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
[dir="rtl"] .mean-container a.meanmenu-reveal {
|
||||
left: 15px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .mean-container .mean-nav ul li a.mean-expand {
|
||||
width: 90%;
|
||||
}
|
||||
[dir="rtl"] .mean-container .mean-nav ul li a {
|
||||
text-align: right;
|
||||
}
|
||||
[dir="rtl"] .mean-container .mean-nav ul li a.mean-expand {
|
||||
text-align: left;
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
[dir="rtl"] .about-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .expertise-item .expertise-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .speciality-right .speciality-emergency {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
[dir="rtl"] .expertise-item .expertise-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .emergency-item .emergency-inner {
|
||||
padding-right: 70px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .emergency-bg {
|
||||
padding: 40px 50px 10px 50px !important;
|
||||
}
|
||||
[dir="rtl"] .welcome-right {
|
||||
padding-right: 25px !important;
|
||||
}
|
||||
[dir="rtl"] .welcome-item ul li .welcome-inner {
|
||||
padding-right: 90px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .welcome-item ul li .welcome-inner p {
|
||||
padding-left: 50px !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .hospital-right {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .appointment-item-two .appointment-shape {
|
||||
right: -74px;
|
||||
left: auto;
|
||||
}
|
||||
[dir="rtl"] .services-details-img blockquote {
|
||||
padding: 25px 45px 25px 15px !important;
|
||||
}
|
||||
[dir="rtl"] .services-details-img blockquote i {
|
||||
right: 14px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-contact {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .doctor-details-item .doctor-details-work {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .appointment-area-three .appointment-item {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .location-wrap {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
[dir="rtl"] .slider-item-two .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
[dir="rtl"] .slider-item-three .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
[dir="rtl"] .slider-item .slider-shape-two img {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
[dir="rtl"] .slider-item .slider-shape img {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .slider-item .slider-shape-two img {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .slider-item .slider-shape-three img {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .speciality-left {
|
||||
padding-right: 30px !important;
|
||||
padding-left: 65px !important;
|
||||
}
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(1) {
|
||||
left: -20px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(2) {
|
||||
left: -9px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .banner-item .banner-right img:nth-child(3) {
|
||||
left: -19px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
[dir="rtl"] .blog-details-item .blog-details-recent ul li {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1800px) {
|
||||
[dir="rtl"] .speciality-left {
|
||||
padding-right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
/*# sourceMappingURL=rtl.css.map */
|
||||
Executable
+9
File diff suppressed because one or more lines are too long
Executable
+703
@@ -0,0 +1,703 @@
|
||||
[dir="rtl"] {
|
||||
.owl-carousel {
|
||||
direction: ltr;
|
||||
.owl-item {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
.slider-item .slider-shape img {
|
||||
left: -90px;
|
||||
right: auto;
|
||||
}
|
||||
.slider-item .slider-shape-two img {
|
||||
left: -60px;
|
||||
right: auto;
|
||||
}
|
||||
.common-btn a {
|
||||
margin-left: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.about-right {
|
||||
padding-right: 40px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.section-title h2:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.header-top-item {
|
||||
.header-top-right {
|
||||
text-align: left;
|
||||
.lang-list {
|
||||
margin-right: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-srh {
|
||||
form {
|
||||
.icon-search {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.about-item {
|
||||
ul {
|
||||
li {
|
||||
i {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-top-item .header-top-right ul li {
|
||||
margin-left: 5px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.header-top-item .header-top-right ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.nav-srh .search-area {
|
||||
left: 8px;
|
||||
right: auto;
|
||||
}
|
||||
.nav-srh .search-area .src-input {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.nav-srh .search-area .search-icon {
|
||||
left: 30px;
|
||||
right: auto;
|
||||
}
|
||||
.navbar-brand {
|
||||
margin-right: 0;
|
||||
}
|
||||
.header-top-item .header-top-left ul li {
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.header-top-item .header-top-left ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.dropdown-toggle::after {
|
||||
margin-right: .255em;
|
||||
margin-left: 0;
|
||||
}
|
||||
.main-nav {
|
||||
nav {
|
||||
.navbar-nav {
|
||||
padding-right: 0;
|
||||
padding-left: 15px;
|
||||
.nav-item {
|
||||
.dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.slider-item .slider-shape-three img {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.expertise-item .expertise-right {
|
||||
padding-right: 80px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.expertise-item .expertise-right:before {
|
||||
right: 65px;
|
||||
left: auto;
|
||||
}
|
||||
.expertise-item .expertise-right:after {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.nav {
|
||||
padding-right: 0;
|
||||
}
|
||||
.video-item .video-content {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.video-item .video-content:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.blog-item .blog-bottom ul li:last-child {
|
||||
float: left;
|
||||
}
|
||||
.newsletter-item .newsletter-form .form-control {
|
||||
padding-right: 25px;
|
||||
padding-left: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.newsletter-item .newsletter-form .newsletter-btn {
|
||||
left: 7px;
|
||||
right: auto;
|
||||
}
|
||||
.text-left {
|
||||
text-align: right !important;
|
||||
}
|
||||
.footer-item .footer-contact ul li {
|
||||
padding-right: 60px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.footer-item .footer-contact ul li i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
#toTop {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.back-to-top-btn i {
|
||||
margin-left: 28px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.emergency-item .emergency-inner {
|
||||
padding-right: 75px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.emergency-item i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.emergency-bg {
|
||||
padding: 45px 110px 15px 0;
|
||||
}
|
||||
.welcome-right {
|
||||
padding-right: 70px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.welcome-item ul li .welcome-inner {
|
||||
padding-right: 110px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.welcome-item ul li i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.speciality-right .speciality-emergency {
|
||||
right: -70px;
|
||||
left: auto;
|
||||
}
|
||||
.pr-0, .px-0 {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.speciality-left {
|
||||
padding-right: 55px;
|
||||
padding-left: 120px;
|
||||
}
|
||||
.appointment-item .appointment-form .form-group {
|
||||
padding-right: 70px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.appointment-item .appointment-form .form-group i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.appointment-item .appointment-form .form-group .form-control {
|
||||
font-size: 15px;
|
||||
}
|
||||
.home-slider-two .slider-item .slider-shape img {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(1) {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(2) {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(3) {
|
||||
left: 0px;
|
||||
right: auto;
|
||||
}
|
||||
.banner-item .common-btn-two a {
|
||||
margin-left: 20px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.banner-area .heart-shape img {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(4) {
|
||||
right: 50px;
|
||||
left: auto;
|
||||
}
|
||||
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
|
||||
border-right: 3px solid #0046c0;
|
||||
border-left: none;
|
||||
}
|
||||
.hospital-right {
|
||||
margin-right: 85px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.hospital-item .hospital-left-two {
|
||||
margin-right: 15px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.hospital-item .hospital-left-two:before {
|
||||
right: -17px;
|
||||
left: auto;
|
||||
}
|
||||
.hospital-item .hospital-left-one:before {
|
||||
left: -17px;
|
||||
right: auto;
|
||||
}
|
||||
.speciality-right-two:before {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.appointment-item-two-right .appointment-item-content .content-two {
|
||||
margin-right: 70px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.appointment-item-two-right .appointment-item-content .content-one ul li:before {
|
||||
right: 95px;
|
||||
left: auto;
|
||||
}
|
||||
.appointment-item .appointment-form .form-group .form-control {
|
||||
padding-right: 0;
|
||||
}
|
||||
.signup-item .signup-head h2:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.accordion li .faq-head {
|
||||
padding: 15px 18px 15px 35px;
|
||||
}
|
||||
.accordion li .faq-head:after {
|
||||
right: unset;
|
||||
left: 20px;
|
||||
}
|
||||
.doctor-search-item .form-group {
|
||||
padding-right: 60px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.doctor-search-item .form-group .form-control {
|
||||
padding-right: 0;
|
||||
}
|
||||
.doctor-search-item .form-group i {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.doctor-details-item .doctor-details-contact {
|
||||
padding-right: 65px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.doctor-details-item .doctor-details-contact ul li i {
|
||||
margin-left: 8px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.doctor-details-item .doctor-details-work {
|
||||
padding-right: 65px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.page-title-item-two {
|
||||
text-align: right;
|
||||
margin-right: auto;
|
||||
margin-left: 0;
|
||||
}
|
||||
.appointment-area-three .appointment-item {
|
||||
margin-right: auto;
|
||||
margin-left: 80px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
.appointment-area-three .appointment-item .appointment-shape {
|
||||
right: -74px;
|
||||
left: auto;
|
||||
}
|
||||
.services-details-img blockquote i {
|
||||
right: 38px;
|
||||
left: auto;
|
||||
}
|
||||
.blog-details-item .blog-details-search .blog-details-btn {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li {
|
||||
padding-right: 120px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li img {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li ul li {
|
||||
padding-right: 0;
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li ul li i {
|
||||
margin-left: 2px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.blog-details-item .blog-details-category ul li {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.blog-details-item .blog-details-category ul li:before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.blog-details-item .blog-details-previous .prev-next ul li:last-child {
|
||||
float: left;
|
||||
}
|
||||
.location-wrap {
|
||||
padding-right: 170px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.drop-item .drop-left h2 {
|
||||
padding-right: 0;
|
||||
padding-left: 50px;
|
||||
}
|
||||
.blog-details-item .blog-details-img ul li {
|
||||
margin-left: 50px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.blog-details-item .blog-details-img ul li:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.slider-item-two .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
.symptoms-content ul li span i {
|
||||
left: unset;
|
||||
right: 10px;
|
||||
}
|
||||
.symptoms-content ul li span {
|
||||
padding: 12px 40px 14px 10px;
|
||||
}
|
||||
.slider-item-three .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
.slider-item-three .slider-text ul li {
|
||||
padding-left: 0;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.slider-item-three .slider-text ul {
|
||||
text-align: right;
|
||||
}
|
||||
.slider-item-three .slider-text ul li span {
|
||||
right: unset;
|
||||
left: 0;
|
||||
}
|
||||
.slider-item-three .slider-text ul li:before {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
.spread-area .spread-content ul li img {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
.spread-area .spread-content ul li {
|
||||
padding-left: 0;
|
||||
padding-right: 105px;
|
||||
}
|
||||
.faq-area-two .accordion .faq-head:after {
|
||||
right: unset;
|
||||
left: 15px;
|
||||
}
|
||||
.slider-item-three .slider-text span {
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.slider-item-three .slider-text span:before {
|
||||
left: unset;
|
||||
right: 0;
|
||||
}
|
||||
.go-top {
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
.accordion__button {
|
||||
text-align: right;
|
||||
}
|
||||
.page-title-item {
|
||||
ul {
|
||||
li {
|
||||
margin-right: 0;
|
||||
margin-left: 25px;
|
||||
|
||||
&:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&::before {
|
||||
right: auto;
|
||||
left: -17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
Responsive CSS
|
||||
============================*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
.header-top-item {
|
||||
.header-top-left {
|
||||
ul {
|
||||
li {
|
||||
margin-left: 10px !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.header-top-item {
|
||||
.header-top-right {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.mobile-nav .logo {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
.slider-item .slider-shape img {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
.slider-item .slider-shape-two img {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
.about-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.expertise-item .expertise-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.emergency-item .emergency-inner {
|
||||
padding-right: 70px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.welcome-right {
|
||||
padding-right: 20px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.welcome-item ul li .welcome-inner {
|
||||
padding-right: 75px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.speciality-right .speciality-emergency {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
.banner-item .common-btn-two a:last-child {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.hospital-right {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.appointment-item-two .appointment-shape {
|
||||
right: -74px;
|
||||
left: auto;
|
||||
}
|
||||
.appointment-item-two-right .appointment-item-content .content-two {
|
||||
margin-right: 10px !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.services-details-img blockquote {
|
||||
padding: 25px 45px 25px 15px !important;
|
||||
}
|
||||
.services-details-img blockquote i {
|
||||
right: 14px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
.doctor-details-item .doctor-details-contact {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.doctor-details-item .doctor-details-work {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.appointment-area-three .appointment-item {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.location-wrap {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.blog-details-item .blog-details-img ul li {
|
||||
margin-left: 25px !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li {
|
||||
padding-right: 110px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.common-btn a {
|
||||
margin-left: 6px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.slider-item-two .slider-shape img {
|
||||
max-width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
.slider-item-three .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
.emergency-bg {
|
||||
padding: 45px 0 15px 0;
|
||||
}
|
||||
.speciality-left {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 576px) and (max-width: 767px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.header-top-item .header-top-left ul li {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.mobile-nav .logo {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
.mean-container a.meanmenu-reveal {
|
||||
left: 15px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.mean-container .mean-nav ul li a.mean-expand {
|
||||
width: 90%;
|
||||
}
|
||||
.mean-container .mean-nav ul li a {
|
||||
text-align: right;
|
||||
}
|
||||
.mean-container .mean-nav ul li a.mean-expand {
|
||||
text-align: left;
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.about-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.expertise-item .expertise-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.speciality-right .speciality-emergency {
|
||||
right: 15px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
.expertise-item .expertise-right {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.emergency-item .emergency-inner {
|
||||
padding-right: 70px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.emergency-bg {
|
||||
padding: 40px 50px 10px 50px !important;
|
||||
}
|
||||
.welcome-right {
|
||||
padding-right: 25px !important;
|
||||
}
|
||||
.welcome-item ul li .welcome-inner {
|
||||
padding-right: 90px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.welcome-item ul li .welcome-inner p {
|
||||
padding-left: 50px !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.hospital-right {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.appointment-item-two .appointment-shape {
|
||||
right: -74px;
|
||||
left: auto;
|
||||
}
|
||||
.services-details-img blockquote {
|
||||
padding: 25px 45px 25px 15px !important;
|
||||
}
|
||||
.services-details-img blockquote i {
|
||||
right: 14px !important;
|
||||
left: auto !important;
|
||||
}
|
||||
.doctor-details-item .doctor-details-contact {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.doctor-details-item .doctor-details-work {
|
||||
padding-right: 15px !important;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.appointment-area-three .appointment-item {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.location-wrap {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.slider-item-two .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
.slider-item-three .slider-shape img {
|
||||
left: 0;
|
||||
}
|
||||
.slider-item .slider-shape-two img {
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width : 992px) and (max-width : 1199px) {
|
||||
.slider-item .slider-shape img {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.slider-item .slider-shape-two img {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.slider-item .slider-shape-three img {
|
||||
left: 0 !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.speciality-left {
|
||||
padding-right: 30px !important;
|
||||
padding-left: 65px !important;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(1) {
|
||||
left: -20px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(2) {
|
||||
left: -9px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.banner-item .banner-right img:nth-child(3) {
|
||||
left: -19px !important;
|
||||
right: auto !important;
|
||||
}
|
||||
.blog-details-item .blog-details-recent ul li {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1824px) {
|
||||
|
||||
}
|
||||
@media only screen and (min-width: 1800px) {
|
||||
.speciality-left {
|
||||
padding-right: 0;
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
Executable
+4941
File diff suppressed because it is too large
Load Diff
Executable
+9
File diff suppressed because one or more lines are too long
Executable
+4417
File diff suppressed because it is too large
Load Diff
Executable
BIN
Binary file not shown.
Executable
+2105
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.3 MiB |
Executable
BIN
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user