About section changed

thecoding-society · Sep 27, 2024 · 01763e8 · 01763e8
1 parent 9b76d50
commit 01763e8
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/css/style1.css b/css/style1.css
@@ -1,5 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
-
+@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');
 /*--------------------------------------------------------------
 # HTML & BODY
 --------------------------------------------------------------*/
@@ -508,7 +508,6 @@ header.scrolled {
 	padding-top: 20px;
 }
 
-/* CSS for particles-about background */
 #particles-about {
     position: absolute;
     top: 0;
@@ -518,7 +517,9 @@ header.scrolled {
     z-index: 0;
     pointer-events: none;
 }
-
+/*--------------------------------------------------------------
+# About
+--------------------------------------------------------------*/
 .back_about {
     position: relative;
     z-index: 1;
@@ -546,7 +547,14 @@ header.scrolled {
     justify-content: center;
     text-align: center;
 }
+.about-section span, h3{
+	font-family: "Acme", sans-serif;
+	font-weight: 600;
+}
+.about-section p{
+	letter-spacing: 2px;
 
+}
 .icon-reg p,
 .icon-man p,
 .icon-projects p {
@@ -565,7 +573,7 @@ header.scrolled {
     justify-content: space-between;
     gap: 20px;
     position: relative;
-    z-index: 1; /* Ensure content is above particles */
+    z-index: 1;
 }
 
 .col-lg-5 {

diff --git a/index.html b/index.html
@@ -144,8 +144,8 @@ <h1 class="anton-sc-regular heading-pec not-selectable" id="heading-pec" style="
         <div data-aos="fade-down" data-aos-once="true">
             <!-- HEADING -->
             <div class="heading not-selectable">
-                <h1 class="heading-shadow" style="color: #f5f5f5;">ABOUT</h1>
-                <h2 class="heading-small">
+                <h1 class="heading-shadow not-selectable">ABOUT</h1>
+                <h2 class="heading-small" style="color: #ffffff;">
                     <div style="overflow: hidden">
                         <div style="transform: translateY(0%); will-change: auto">A</div>
                     </div>
@@ -183,27 +183,24 @@ <h3>Welcome, Innovators and Change-Makers!</h3>
                     <div class="icon-container">
                         <div class="icon-reg">
                             <span class="center">
-                                <lord-icon src="https://cdn.lordicon.com/lyrrgrsl.json" trigger="loop" delay="2000"
-                                    style="width:70px;height:70px"></lord-icon>
+                                <script src="https://cdn.lordicon.com/lordicon.js"></script>
+								<lord-icon src="https://cdn.lordicon.com/vdjwmfqs.json" trigger="loop" delay="2000" colors="primary:#ffffff" style="width:70px;height:70px"></lord-icon>
                             </span>
                             <p>3000+ Registrations</p>
                         </div>
 
                         <div class="icon-man">
                             <span class="center">
                                 <script src="https://cdn.lordicon.com/lordicon.js"></script>
-                                <lord-icon src="https://cdn.lordicon.com/gkgkfbzm.json" trigger="loop"
-                                    colors="primary:#121331,secondary:#000000"
-                                    style="width:80px;height:80px"></lord-icon>
+								<lord-icon src="https://cdn.lordicon.com/srupsmbe.json" trigger="loop" colors="primary:#ffffff,secondary:#ffffff" style="width:70px;height:70px"></lord-icon>
                             </span>
                             <p>300+ Hackers</p>
                         </div>
 
                         <div class="icon-projects">
                             <span class="center">
                                 <script src="https://cdn.lordicon.com/lordicon.js"></script>
-                                <lord-icon src="https://cdn.lordicon.com/xirobkro.json" trigger="loop"
-                                    style="width:70px;height:70px"></lord-icon>
+								<lord-icon src="https://cdn.lordicon.com/ogjpwrxe.json" trigger="loop" colors="primary:#ffffff,secondary:#ffffff" style="width:70px;height:70px"></lord-icon>
                             </span>
                             <p>60+ Projects</p>
                         </div>