added news section

Anishkagupta04 · Jul 3, 2024 · 3c0208c · 3c0208c
1 parent 9957bfe
commit 3c0208c
Showing 1 changed file with 23 additions and 16 deletions.
diff --git a/news.html → Html-Files/news.html b/news.html → Html-Files/news.html
@@ -323,27 +323,32 @@
 .news-section h2 {
   text-align: center;
   margin-bottom: 30px;
-  color: #333;
+  color: #faf8f8;
 }
 
 .news-container {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
+
 }
 
 .news-item {
   width: calc(33.33% - 20px);
   margin-bottom: 30px;
-  background-color: #fff;
+  background-color:black;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
+  box-shadow: 7px 0px 15px #70bde7, -7px 0px 15px #14aa21;
+  color: white;
 }
 
 .news-item:hover {
   transform: translateY(-5px);
+  background-color:#29888a;
+  box-shadow: 7px 0px 15px #fdfefe, -7px 0px 15px aqua;
 }
 
 .news-item img {
@@ -356,14 +361,14 @@
   padding: 15px;
   margin: 0;
   font-size: 18px;
-  color: #333;
+  color: white
 }
 
 .news-item p {
   padding: 0 15px 15px;
   margin: 0;
   font-size: 14px;
-  color: #666;
+  color: #c3b5b5;
 }
 
 .read-more {
@@ -402,7 +407,6 @@
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
      <link rel="stylesheet" href="./Css-Files/aboutus.css" />
      <link rel="stylesheet" href="./Css-Files/testimonial.css" />
-     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
      <script src="chatboxx.js" defer></script>
 </head>
 
@@ -421,15 +425,15 @@
       <nav class="nav_menu">
 
         <ul class="nav_link">
-          <li><a href="index.html"><i class="bi bi-house-door-fill"></i>Home</a></li>
-          <li><a href="/index.html#about"><i class="bi bi-info-circle-fill"></i>About</a></li>
-          <li><a href="news.html"><i class="bi bi-newspaper"></i>News</a></li>
-          <a href="dex.html"><i class="bi bi-gear"></i>Service</a>
-          <li><a href="/index.html#patient-portal"><i class="bi bi-person"></i>Patient Portal</a></li>
-          <li><a href="/index.html#doctors"><i class="bi bi-person-circle"></i>Doctor</a></li>
-          <li><a href="Html-Files/contact.html"><i class="bi bi-telephone"></i>Contact us</a></li>
-
-          <a href="login.html"><i class="bi bi-box-arrow-right"></i>Sign in/Sign up</a>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="#about">About</a></li>
+          <li><a href="Html-Files/news.html">News</a></li>
+          <a href="dex.html">Service</a>
+          <li><a href="#patient-portal">Patient Portal</a></li>
+          <li><a href="#doctors">Doctor</a></li>
+          <li><a href="Html-Files/contact.html">Contact us</a></li>
+
+          <a href="login.html">Sign in/Sign up</a>
           <a href="./Html-Files/Doctor Experience.html"><button>Find a Doctor</button></a>
 
         </ul>
@@ -448,7 +452,7 @@
   <div class="conta" style="display: flex; flex-wrap: wrap;">
     <div class="container" style="display:flex ;">
       <div class="news-section">
-        <h2 style="color: white"><strong>Latest News</strong></h2>
+        <h2 style="color: white;font-size: 35px"><strong>Latest News</strong></h2>
         <div class="news-container">
           <div class="news-item">
             <h3>RapiDoc Launches Revolutionary Telemedicine</h3>
@@ -844,9 +848,12 @@ <h4>RAPIDOC Newsletter</h4><br>
     }
 
     .icon {
-      background-color: #fff;
+      /* background-color: #080808; */
       padding: 10px 10px 5px 10px;
     }
+    .icon:hover{
+      /* background-color: #29888a; */
+    }
 
     .icon svg {
       width: 25px;