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.

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

Updation in index file #1088

Merged
merged 7 commits into from
Jul 31, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
72 changes: 1 addition & 71 deletions Css-Files/aboutus.css
Original file line number Diff line number Diff line change
Expand Up @@ -85,74 +85,4 @@
max-width: 520px;
margin: 30px auto;
display: block;
}
.about-us-block {
display: flex;
justify-content: space-evenly;
margin-top: 80px;
flex-wrap: wrap;
}
.about-us-community, .about-us-product, .about-us-event, .about-us-location {
display: flex;
flex-direction: column;
gap: 1rem; width: 45%;
height: auto;
min-height: 19.5rem;
border: 1px solid rgba(206, 212, 218, 1);
border-radius: 8px;
margin-bottom: 21px;
}
.about-us-community, .about-us-location, .about-us-product, .about-us-event {
border: 2px solid #1c413b;
}
.about-us-community:hover, .about-us-location:hover, .about-us-product:hover, .about-us-event:hover {
background: #1c413b;
color: white;
}
.about-us-blk-text {
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
margin-top: 1rem;
}
.about-us-blk-para {
font-size: 16px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
margin: 0 1rem;
}


@media only screen and (max-width: 760px) {
.about-us-block {
flex-direction: column;
justify-content: center !important;
align-items: center !important;
width: 98%;
}

.about-us-community,
.about-us-event,
.about-us-location,
.about-us-product {
width: 100%;
margin-left: 1rem;
}
}

@media only screen and (max-width: 1020px) {
.about-us-community,
.about-us-event,
.about-us-location,
.about-us-product {
width: 98% !important;
}

.about-us-blk-para {
font-size: 15px !important;
}
}
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
}
}

60 changes: 0 additions & 60 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -221,66 +221,6 @@ <h1 class="about-us-heading">About Us</h1>
</div>
</div>
</section>
<div class="about-us-block">
<div class="about-us-community about-card">
<div class="card-inner">
<div class="card-front">
<div style="display: flex; align-items: center; gap: 1rem;">
<img id="community-img" src="./images/checkup.png" alt="" style="margin-left: 1rem; margin-top: 1rem; width: 4rem;">
<div class="about-us-blk-text">Comprehensive Health Checkups</div>
</div>
<p class="about-us-blk-para">At Rapidoc, we prioritize your well-being with thorough health checkups that are designed to detect potential health issues early. Our comprehensive packages include a range of tests and screenings, providing a detailed analysis of your health status. Book your health checkup easily through our platform and receive personalized recommendations from our medical experts.</p>
</div>
<div class="card-back">
<img src="./images/checkuphover.png" alt="Checkup Hover Image" style="width: 100%; height: 100%;">
</div>
</div>
</div>
<div class="about-us-product about-card">
<div class="card-inner">
<div class="card-front">
<div style="display: flex; align-items: center; gap: 1rem;">
<img id="product-img" src="./images/ward.png" alt="" style="margin-left: 1rem; margin-top: 1rem; width: 4rem;">
<div class="about-us-blk-text">Emergency Ward Availability</div>
</div>
<p class="about-us-blk-para">In critical situations, every second counts. Rapidoc offers real-time updates on the availability of emergency wards across various hospitals. This feature ensures that you can find the nearest hospital with an open emergency ward promptly, facilitating quicker access to urgent medical care when you need it most.</p>
</div>
<div class="card-back">
<img src="./images/wardhover.png" alt="Ward Hover Image" style="width: 100%; height: 100%;">
</div>
</div>
</div>
</div>
<div class="about-us-block">
<div class="about-us-location about-card">
<div class="card-inner">
<div class="card-front">
<div style="display: flex; align-items: center; gap: 1rem;">
<img id="location-img" src="./images/appointment.png" alt="" style="margin-left: 1rem; margin-top: 1rem; width: 4rem;">
<div class="about-us-blk-text">Seamless Appointment Booking</div>
</div>
<p class="about-us-blk-para">Say goodbye to long queues and waiting times with Rapidoc's seamless appointment booking system. Our platform allows you to prebook appointments with specialists across numerous hospitals. This ensures you receive timely consultations and reduces the hassle of waiting, making your healthcare experience more efficient and convenient.</p>
</div>
<div class="card-back">
<img src="./images/appointmenthover.png" alt="Appointment Hover Image" style="width: 100%; height: 100%;">
</div>
</div>
</div>
<div class="about-us-event about-card">
<div class="card-inner">
<div class="card-front">
<div style="display: flex; align-items: center; gap: 1rem;">
<img id="event-img" src="./images/services.png" alt="" style="margin-left: 1rem; margin-top: 1rem; width: 4rem;">
<div class="about-us-blk-text">Personalized Healthcare Services</div>
</div>
<p class="about-us-blk-para">Rapidoc is dedicated to offering personalized healthcare services tailored to meet your unique needs. Our platform connects you with a variety of specialists and healthcare providers, ensuring you receive the best possible care. From tailored treatment plans to ongoing health management, Rapidoc supports your journey to optimal health with expert guidance and personalized attention.</p>
</div>
<div class="card-back">
<img src="./images/serviceshover.png" alt="Services Hover Image" style="width: 100%; height: 100%;">
</div>
</div>
</div>
</div>
</div>
</section>
<script src="js/imageswap.js"></script>
Expand Down