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

UI of one of the cards does not match with the other cards in the news page . #1115

Merged
merged 3 commits into from
Aug 4, 2024
Merged
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
56 changes: 28 additions & 28 deletions news.html
Original file line number Diff line number Diff line change
Expand Up @@ -399,7 +399,7 @@
.news-item {
width: calc(33.33% - 20px);
margin-bottom: 30px;
background-color: #fff;
background-color: #022a2d;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
Expand All @@ -420,14 +420,14 @@
padding: 15px;
margin: 0;
font-size: 18px;
color: #333;
color:#ffffff;
}

.news-item p {
padding: 0 15px 15px;
margin: 0;
font-size: 14px;
color: #666;
color:#ffffff;
}

.read-more {
Expand Down Expand Up @@ -536,7 +536,7 @@
<div class="line"></div>
<div class="line"></div>
</div>
<div class="mobile-logo-text">RAPIDOC</div>
<!-- <div class="mobile-logo-text">RAPIDOC</div> -->
<ul class="nav_link vis-h">
<li><a href="index.html"><i class="bi bi-house-door-fill"></i> Home</a></li>
<li><a href="#about"><i class="bi bi-info-circle-fill"></i> About</a></li>
Expand All @@ -562,16 +562,16 @@
</header>
<div class="slideshow-container" style="padding-top:80px">
<div class="mySlides fade">
<img src="../assets/img/doc.jpg" style="width:100%">
<img src="./assets/img/doc.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="../assets/img/AI2.jpg" style="width:100%">
<img src="./assets/img/AI2.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="../assets/img/tele.jpg" style="width:100%">
<img src="./assets/img/tele.jpg" style="width:100%">
</div>
<div class="mySlides fade">
<img src="../assets/img/test.jpg" style="width:100%">
<img src="./assets/img/test.jpg" style="width:100%">
</div>
</div>

Expand All @@ -597,9 +597,9 @@
<div class="news-section">
<h2 style="color: white;margin-top: 50px;"><strong>Latest News</strong></h2>
<div class="news-container" >
<div class="news-item"style="background-color:#022a2d ;">
<h3 style="color:#ffffff ;">RapiDoc Launches Revolutionary Telemedicine</h3>
<img src="../assets/img/telemedicine.jpg" alt="">
<div class="news-item">
<h3>RapiDoc Launches Revolutionary Telemedicine</h3>
<img src="./assets/img/telemedicine.jpg" alt="">
<div class="conten-preview" style="display:none;">
<p>RapiDoc introduces a cutting-edge telemedicine platform, connecting patients with top specialists nationwide. This user-friendly service aims to revolutionize healthcare accessibility, especially for those in remote areas.</p>

Expand All @@ -609,7 +609,7 @@ <h3 style="color:#ffffff ;">RapiDoc Launches Revolutionary Telemedicine</h3>

</div>

<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -620,12 +620,12 @@ <h3 style="color:#ffffff ;">RapiDoc Launches Revolutionary Telemedicine</h3>
</div>
<div class="news-item">
<h3>RapiDoc Expands Network: 500 New Doctors Join</h3>
<img src="../assets/img/doctor.jpg" alt="">
<img src="./assets/img/doctor.jpg" alt="">

<div class="more-content"style="display: none;">
<p>In a major expansion, RapiDoc welcomes 500 new doctors across various specialties to its network. This growth significantly enhances our ability to provide diverse, high-quality healthcare services to more patients.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -636,12 +636,12 @@ <h3>RapiDoc Expands Network: 500 New Doctors Join</h3>
</div>
<div class="news-item">
<h3>RapiDoc's AI Diagnosis Tool Shows 95% Accuracy in Trials</h3>
<img src="../assets/img/AI.jpg" alt="News Image">
<img src="./assets/img/AI.jpg" alt="News Image">

<div class="more-content"style="display: none;">
<p class ="more-content">RapiDoc's innovative AI-powered diagnosis tool demonstrates an impressive 95% accuracy rate in recent clinical trials. This breakthrough technology promises faster, more accurate preliminary diagnoses for patients.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -651,12 +651,12 @@ <h3>RapiDoc's AI Diagnosis Tool Shows 95% Accuracy in Trials</h3>
</div>
<div class="news-item" >
<h3>RapiDoc Introduces 24/7 Emergency Consultation Service</h3>
<img src="../assets/img/consul.jpg" alt="">
<img src="./assets/img/consul.jpg" alt="">

<div class="more-content"style="display: none;">
<p>Responding to the need for round-the-clock medical support, RapiDoc launches a 24/7 emergency consultation service. This initiative ensures patients can access expert medical advice anytime, anywhere.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -666,12 +666,12 @@ <h3>RapiDoc Introduces 24/7 Emergency Consultation Service</h3>
</div>
<div class="news-item">
<h3>RapiDoc Partners with Leading Hospitals for Seamless Referrals</h3>
<img src="../assets/img/partner.jpeg" alt="">
<img src="./assets/img/partner.jpeg" alt="">

<div class="more-content"style="display: none;">
<p>RapiDoc announces strategic partnerships with top hospitals nationwide, creating a seamless referral system. This collaboration aims to streamline the patient journey from online consultation to in-person specialized care.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -681,12 +681,12 @@ <h3>RapiDoc Partners with Leading Hospitals for Seamless Referrals</h3>
</div>
<div class="news-item">
<h3>RapiDoc's Mobile App Reaches 1 Million Downloads</h3>
<img src="../assets/img/1m.jpg" alt="">
<img src="./assets/img/1m.jpg" alt="">

<div class="more-content"style="display: none;">
<p>The RapiDoc mobile app hits a milestone with 1 million downloads. This achievement underscores the growing popularity of our digital healthcare solutions and the trust patients place in our services.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -696,12 +696,12 @@ <h3>RapiDoc's Mobile App Reaches 1 Million Downloads</h3>
</div>
<div class="news-item">
<h3>RapiDoc Introduces Personalized Health Monitoring Wearables</h3>
<img src="../assets/img/personalised.webp" alt="">
<img src="./assets/img/personalised.webp" alt="">

<div class="more-content" style="display: none;">
<p>RapiDoc unveils a line of state-of-the-art health monitoring wearables. These devices offer personalized health tracking, real-time data analysis, and seamless integration with our telemedicine platform, empowering patients to take control of their well-being.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -711,12 +711,12 @@ <h3>RapiDoc Introduces Personalized Health Monitoring Wearables</h3>
</div>
<div class="news-item">
<h3>RapiDoc Launches Innovative Mental Health Support Program</h3>
<img src="../assets/img/mentalc.jpg" alt="">
<img src="./assets/img/mentalc.jpg" alt="">

<div class="more-content"style="display: none;">
<p>In response to growing mental health concerns, RapiDoc introduces a comprehensive online mental health support program. This initiative combines AI-driven mood tracking, virtual therapy sessions, and community support groups to provide holistic care.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">

<div class="cube">
<span class="side front">hover me</span>
Expand All @@ -726,12 +726,12 @@ <h3>RapiDoc Launches Innovative Mental Health Support Program</h3>
</div>
<div class="news-item">
<h3>RapiDoc's Research Team Publishes Groundbreaking Study on Preventive Healthcare</h3>
<img src="../assets/img/researcher.webp" alt="">
<img src="./assets/img/researcher.webp" alt="">

<div class="more-content"style="display: none;">
<p>RapiDoc's research division publishes a landmark study on preventive healthcare in a leading medical journal. The findings highlight the potential of data-driven, personalized preventive strategies to significantly reduce the risk of chronic diseases.</p>
</div>
<div class="button-icon" style="padding-left: 90px;">
<div class="button-icon" style="padding-left: 50px;">
<div class="cube">
<span class="side front">hover me</span>
<span class="side top">Read More</span>
Expand Down