Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added new Section (Protection from Covid19) #204

Closed
wants to merge 2 commits into from
Closed

Added new Section (Protection from Covid19) #204

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e005857
Added new Section (Protection from Covid19)
SadafKausar2025 May 18, 2024
e7a8eba
Merge branch 'main' into main
SadafKausar2025 May 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
145 changes: 142 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
<link href="style.css" rel="stylesheet">
<link href="patient-portal.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdn.lordicon.com/lordicon.js"></script>
<style>
body {
padding: 25px;
Expand Down Expand Up @@ -168,31 +169,169 @@ <h2>About Us</h2>
justify-content-center py-5 px-lg-5">

<div class="icon-box">
<div class="icon"><i class="bx bx-heart"></i></div>
<div class="icon"><i class="fa-solid fa-heart-circle-check" style="color: #ffffff;"></i></div>
<h4 class="title"><a href="">HEALTH CHECKUPS</a></h4>
<p class="description">Bootcamps, personalised check-ups, newsletters, it’s all here.</p>
</div>

<div class="icon-box">
<div class="icon"><i class="bx bx-health"></i></div>
<div class="icon"><i class="fa-solid fa-hospital" style="color: #ffffff;"></i></div>
<h4 class="title"><a href="">EMERGENCY WARDS</a></h4>
<p class="description">Avoid rush and get immediate medical assistance, know the
wards and vacancies.
</p>
</div>

<div class="icon-box">
<div class="icon"><i class="bx bx-help-circle"></i></div>
<div class="icon"><lord-icon
src="https://cdn.lordicon.com/ojnjgkun.json"
trigger="hover"
colors="primary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<h4 class="title"><a href="">SERVICES</a></h4>
<p class="description">An apple a day won’t keep RapiDoc away. We are always here at your service,
bringing to you the best facilities.</p>
</div>

<div class="icon-box">
<div class="icon"><lord-icon
src="https://cdn.lordicon.com/hpcxqbph.json"
trigger="hover"
stroke="bold"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<h4 class="title"><a href="">AMBULANCE</a></h4>
<p class="description">An apple a day won’t keep RapiDoc away. We are always here at your service,
bringing to you the best facilities.</p>
</div>

<div class="icon-box">
<div class="icon"><lord-icon
src="https://cdn.lordicon.com/lqcyrjta.json"
trigger="hover"
stroke="bold"
colors="primary:#ffffff,secondary:#ffffff"
style="width:250px;height:250px">
</lord-icon></div>
<h4 class="title"><a href="">WHEEL CHAIR</a></h4>
<p class="description">An apple a day won’t keep RapiDoc away. We are always here at your service,
bringing to you the best facilities.</p>
</div>
</div>
</div>

</div>
</section><!-- End About Section -->

<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Corona Virus Protection</h2>
<p>There are several ways to protect yourself from getting infected by coronavirus, also known as COVID-19. Firstly, it is important to practice good hygiene by regularly washing your hands with soap and water for 20 seconds, especially after being in public areas or after sneezing, coughing, or blowing your nose. You should also wear a mask when in public settings, especially in enclosed spaces where physical distancing may be difficult.</p>
</div>

<div class="row">
<div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center
align-items-stretch position-relative">
<img class="corona" src="https://www.indushealthplus.com/front/media/article_img/icons/corona-prvention-banner-1.jpg">
</div>
<div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch
justify-content-center py-5 px-lg-5">

<div class="icon-box">
<div class="icon"><lord-icon
src="https://cdn.lordicon.com/qhyftkrp.json"
trigger="hover"
stroke="bold"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<h4 class="title"><a href="">Wear Mask</a></h4>
<p class="description">Bootcamps, personalised check-ups, newsletters, it’s all here.</p>
</div>

<div class="icon-box">

<h4 class="title"><a href="">WASHING HAND PROCESES</a></h4>
<div class="flex-box">
<div class="icon "><lord-icon
src="https://cdn.lordicon.com/jdvrzcjg.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<div class="icon "><lord-icon
src="https://cdn.lordicon.com/xkgofssc.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<div class="icon "><lord-icon
src="https://cdn.lordicon.com/othndnvm.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<div class="icon "><lord-icon
src="https://cdn.lordicon.com/dvsmjzpp.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
<div class="icon "><lord-icon
src="https://cdn.lordicon.com/zsngbofg.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>


<div class="icon "><lord-icon
src="https://cdn.lordicon.com/ejgwlygy.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:250px;height:250px">
</lord-icon></div>


<div class="icon "><lord-icon
src="https://cdn.lordicon.com/nmkfqttq.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>

<div class="icon "><lord-icon
src="https://cdn.lordicon.com/ywmdrdfg.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>

<div class="icon "><lord-icon
src="https://cdn.lordicon.com/jsoxqpsi.json"
trigger="hover"
colors="primary:#ffffff,secondary:#ffffff"
style="width:50px;height:50px">
</lord-icon></div>
</div>
</div>

</div>





</div>
</div>

</div>
</section>



<!-- ################## Counts Section ################## -->

Expand Down
Loading