Skip to content

Commit

Permalink
Merge branch 'main' into linkdoc
Browse files Browse the repository at this point in the history
  • Loading branch information
@lolpanda2004
lolpanda2004 authored Jul 28, 2024
2 parents 4b64573 + 7ab76a9 commit 8cae375
Show file tree
Hide file tree
Showing 4 changed files with 149 additions and 36 deletions.
8 changes: 4 additions & 4 deletions Html-Files/Css-Files/appointStyle.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,8 +148,8 @@ button:hover {
background-color: #cfcece;
padding: 20px;
border-radius: 5px;
width: 100%;
max-width: 100vw;
width: 111%;
max-width: 108vw;
box-sizing: border-box;
text-align: center;
}
Expand All @@ -163,7 +163,7 @@ footer {
color: white;
text-align: center;
padding: 10px 0;
width: 100%;
width: 106%;
bottom: 0;
}

Expand All @@ -189,7 +189,7 @@ footer ul li a {
}

input[type="date"] {
width: 100%;
width: 90%;
}
}

Expand Down
66 changes: 66 additions & 0 deletions Html-Files/appointment.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,35 @@
<title>RapiDoc</title>
<link rel="shortcut icon" href="/assets/img/favi-Appoint.png" type="image/x-icon" >
<link rel="stylesheet" href="./Css-Files/appointStyle.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<style>
#progressBar {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 8px;
background-color: #3fbcc0;
z-index: 9999;
}
.social-wrapper{
display: flex;
flex-wrap: wrap;
}
.social-links span{
margin-left: 20px;
}
.icons{
position: relative;
left: 154px;
bottom: 17px;
display: flex;
flex-wrap: wrap;
width: 100%;
}
</style>
</head>
<body>
<div id="progressBar"></div>
Expand Down Expand Up @@ -99,6 +128,43 @@ <h2>Doctor's Contact Information</h2>
</div>

<footer>
<div class="footer-bottom">
<div class="footer-bottom-wrapper">
<small id="ss">© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
Reserved Made with ❤️ by RapiDoc</small>
<div class="social-wrapper">
<div class="social-links">
<div style="margin-top: 4px;font-family: sans-serif;"><i>Follow&nbsp;Us&nbsp;:&nbsp;</i></div>
<div class="icons">
<span id="insta">
<a href="https://www.instagram.com" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</span>
<span id="twit">
<a href="https://www.twitter.com" target="_blank">
<i class="bi bi-twitter-x"></i>
</a>
</span>
<span id="git">
<a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank">
<i class="fab fa-github"></i>
</a>
</span>
<span id="linkd">
<a href="https://www.linkedin.com" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</span>

<span id="fb"><a href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></sp>
<span id="phn"> <a href="+91 1234567890" title="+91 1234567890" target="_blank"><i class="fa-solid fa-phone"></i></a></span>
<span id="mail1" ><a href="info@rapidoc.com" target="_blank"><i class="fa-solid fa-envelope"></i></a></span>
</div>
</div>
</div>
</div>
</div>
<p>&copy; 2024 Doctor's Clinic</p>
<p>Opening Hours: Mon-Fri 10:00am - 5:00pm</p>
</footer>
Expand Down
35 changes: 35 additions & 0 deletions index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -904,3 +904,38 @@ body {
.btn1{
padding:10px;
}
.about-card {
perspective: 1000px;
}
.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.about-card:hover .card-inner {
transform: rotateY(180deg);
}
.card-front, .card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.card-back {
transform: rotateY(180deg);
background-color: black;
backface-visibility: hidden !important;
}
.card-front {
backface-visibility: hidden !important;
}
.card-back img {
width: 100%;
height: auto;
max-width: 300px;
max-height: 300px;
display: block;
margin: 0 auto;
}
76 changes: 44 additions & 32 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -271,50 +271,62 @@ <h1 class="about-us-heading">About Us</h1>
</section>
<div class="about-us-block">
<div class="about-us-community about-card">
<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 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>
<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="about-us-product about-card">
<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 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>
<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>
<div class="about-us-block">
<div class="about-us-location about-card">
<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 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>
<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="about-us-event about-card">
<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 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>
<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>
</div>
Expand Down

0 comments on commit 8cae375

Please sign in to comment.