Marquee Added

prabhat1001 · Aug 14, 2024 · 5104732 · 5104732
1 parent a302120
commit 5104732
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 7 deletions.
diff --git a/CSS/main.css b/CSS/main.css
@@ -93,7 +93,7 @@ body {
   font-family: pacifico, sans-serif;
   font-size: x-large;
   margin-left: 15px;
-  margin-top: -7px;
+  margin-top: 10px;
   color: #838282;
   cursor: pointer;
 }
@@ -183,7 +183,6 @@ body {
 .cont-button {
   width: 200px;
   height: 30px;
-
   margin-top: 50px;
   margin-left: 15px;
   text-align: justify;
@@ -888,8 +887,10 @@ body {
 @media only screen and (min-width: 600px) and (max-width: 767px) {
   .photo {
     width: 50%;
-    margin-top: -20px;
-    margin-left: 23%;
+    /* margin-top: -20px; */
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   .bottom-box h2 {
     font-family: "Poppins", sans-serif;
@@ -1019,6 +1020,12 @@ body {
   .edu2 #p6 {
     font-size: 0.8rem;
   }
+
+  .marquee-cont{
+    position: absolute;
+    top:0;
+  }
+
 }
 
 
@@ -1054,6 +1061,10 @@ body {
         margin-left: 30px;
       }
 
+      .marquee-cont{
+        position: absolute;
+        top:0;
+      }
 
       .landing_page{
         display: inline-flex;
@@ -1192,6 +1203,8 @@ body {
         position: fixed;
       }
 
+
+
       /* =================[  WHAT I DO PAGE  ]==================== */
 
       .desktop-GIF{
@@ -1811,4 +1824,34 @@ body {
   position: fixed;
   z-index: 100;
 
-}
+}
+
+
+/* ======================================  marquee ================================================= */
+
+.marquee-cont{
+  height: 25px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items:center;
+  left: auto;
+  right: auto;
+
+}
+
+
+.marquee {
+  font-family: "Poppins", sans-serif;
+  height: 25px;
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  background:  #e6abf8;
+  color: #000;
+  font-size:16px;
+  display: flex;
+  justify-content: center;
+  align-items:center;
+}
+
diff --git a/index.html b/index.html
@@ -29,17 +29,29 @@
   <body>
     <div id="preloader"></div>
 
+    <div class="marquee-cont">
+      <marquee class="marquee" direction="left" behavior="scroll" scrollamount="8">
+        <p>This portfolio is currently bit outdated. Working of the new portfolio is in the process, till then refer to either GitHub or LinkedIn.</p>
+      </marquee>
+    </div>
+
+
     <div class="logo">
       <h1>Prabhat</h1>
     </div>
     <div class="photo">
       <img src="./assets/design-dp.png" alt="profile photo" />
     </div>
 
-    <div class="side-bar">
+
+
+
+    <!-- <div class="side-bar">
       <i class="uil uil-apps"></i>
       <div class="back-icon"></div>
-    </div>
+    </div> -->
+
+
 
     <!-- (PAGE 1 - LANDING PAGE) -->
     <div class="landing_page">