Skip to content

Commit

Permalink
Merge pull request #1088 from Anjaliavv51/change-in-aboutsec
Browse files Browse the repository at this point in the history 
Updation in index file
  • Loading branch information
@varshith257
varshith257 authored Jul 31, 2024
2 parents 694eba7 + a743e84 commit 8b5c0d2
Show file tree
Hide file tree
Showing 2 changed files with 1 addition and 131 deletions.
72 changes: 1 addition & 71 deletions Css-Files/aboutus.css
View file
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;
}
}
}
60 changes: 0 additions & 60 deletions index.html
View file
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

0 comments on commit 8b5c0d2

Please sign in to comment.