Update blog.html

ANSHIKA-26 · Nov 6, 2024 · a1c0448 · a1c0448
1 parent ce4dfdc
commit a1c0448
Showing 1 changed file with 19 additions and 106 deletions.
diff --git a/blog.html b/blog.html
@@ -397,119 +397,32 @@ <h2>Forgot Password</h2>
         <!--article heading-->
 
 
-        <div class="heading text-center" style="padding: 20px; background-color: #30322f; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
-          <div class="Category" style="display: inline-block; margin-bottom: 10px;">
-            <a href="#" class="nav-link" id="travel" style="color: #ea5541; font-weight: bold; font-size: 1.2rem;">Travel</a>
+       <div class="heading text-center">
+          <div class="Category">
+            <a href="#" class="nav-link" id="travel">Travel</a>
           </div>
-          <a href="bookmarks.html" class="nav-link button" style="float: right; margin-left: auto;">
-            My Reading List
-          </a>
-
-          <div class="title" style="margin-top: 20px;">
-            <h2 class="text-title" style="font-size: 2.5rem; font-weight: 700; color: #f9b0b0;">Looking for Feedback</h2>
+          <a href="bookmarks.html" class="nav-link"
+            style="float: right; margin-left: auto; color: #f9b0b0; transition: all 0.4s ease-in-out;">My Reading
+            List</a>
+          <div class="title">
+            <h2 class="text-title text-dark display-1" looking for feedback></h2>
           </div>
-
-          <div class="meta" style="margin-top: 15px; font-size: 1rem; color: #f9b0b0;">
-            <a href="#" class="link text-secondary px-2 meta-item" style="display: inline-flex; align-items: center;">
-              <i class="fa-solid fa-user" style="color: #ea5541; margin-right: 5px; font-size: 1.3rem;"></i> Anshika Arora
+          <div class="meta">
+            <a href="#" class="link display-2 text-secondary px-1">
+              <i class="fa-solid fa-user" style="color:  #f9b0b0;" id="fa"></i>anshika arora
             </a>
-            <a href="#" class="link text-secondary px-2 meta-item" style="display: inline-flex; align-items: center;">
-              <i class="fa-solid fa-clock" style="color: #ea5541; margin-right: 5px; font-size: 1.3rem;"></i> Feb 12, 2021
+            <a href="#" class="link display-2 text-secondary px-1">
+              <i class="fa-solid fa-clock" style="color:  #f9b0b0;" id="fa"></i>feb 12, 2021
             </a>
-            <a href="./blog.html#coment" class="link text-secondary px-2 meta-item" style="display: inline-flex; align-items: center;">
-              <i class="fa-solid fa-comments" style="color: #ea5541; margin-right: 5px; font-size: 1.3rem;"></i> 3
+            <a href="./blog.html#coment" class="link display-2 text-secondary px-1">
+              <i class="fa-solid fa-comments" style="color:  #f9b0b0;" id="fa"></i>3
             </a>
-            <a href="#" class="link text-secondary px-2 meta-item" id="bookmark" style="display: inline-flex; align-items: center;">
-              <i class="fa-solid fa-bookmark" style="color: #ea5541; margin-right: 5px; font-size: 1.3rem;" id="bookmark-icon"></i>
-              <span id="bookmark-text" style="color: #f9b0b0;">Bookmark</span>
+            <a href="#" class="link display-2 text-secondary px-1 bookmark-btn" id="bookmark">
+              <i class="fa-solid fa-bookmark" style="color: #f9b0b0;" id="bookmark-icon"></i>
+              <span id="bookmark-text" style="color: f9b0b0;">Bookmark</span>
             </a>
           </div>
-        </div>
-
-        <style>
-          /* Dark Mode Adjustments */
-          .heading {
-            background-color: #30322f;
-            border-radius: 8px;
-            padding: 20px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-          }
-
-          .text-title {
-            margin: 0;
-            color: #f9b0b0;
-          }
-
-          .Category .nav-link {
-            font-size: 1.2rem;
-            font-weight: bold;
-            color: #ea5541;
-          }
-
-          .meta .link {
-            font-size: 1rem;
-            color: #f9b0b0;
-            font-weight: 500;
-            display: inline-flex;
-            align-items: center;
-            transition: all 0.4s ease;
-          }
-
-          .meta i {
-            font-size: 1.3rem;
-            transition: color 0.3s;
-          }
-
-          /* Hover Effect for Meta Items */
-          .meta .meta-item:hover {
-            background-color: rgba(249, 176, 176, 0.1);
-            color: #f9b0b0;
-            border-radius: 5px;
-            padding: 6px 8px;
-            transform: scale(1.05);
-          }
-
-          .meta .meta-item:hover i {
-            color: #f9b0b0;
-          }
-
-          /* Button and Hover Effects */
-          .button {
-            display: inline-block;
-            padding: 6px 12px;
-            border-radius: 5px;
-            color: #f9b0b0;
-            transition: all 0.4s ease;
-            font-weight: 600;
-          }
-
-          .button:hover {
-            background-color: #f9b0b0;
-            color: #30322f;
-            transform: scale(1.05);
-            box-shadow: 0px 4px 12px rgba(249, 176, 176, 0.4);
-          }
-
-          /* Responsive */
-          @media (max-width: 768px) {
-            .meta {
-              display: flex;
-              flex-wrap: wrap;
-              justify-content: center;
-            }
-
-            .meta .link {
-              margin-top: 8px;
-            }
-
-            .heading .title h2 {
-              font-size: 1.8rem;
-            }
-          }
-        </style>
-
-
-
+
 
         <!--thumbnail-->
         <div class="thumbnail mt-3" style="border-radius: 8px; overflow: hidden;">