Color theme changes

KristianRay · May 8, 2024 · 04e594e · 04e594e
1 parent 8a92dc6
commit 04e594e
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 10 deletions.
diff --git a/css/style.css b/css/style.css
@@ -11,16 +11,16 @@
 :root {
   /* PRIMARY 1 */
 
-  --color-primary: #2c3892;
+  --color-primary: #3d056b;
 
   /* PRIMARY 2 */
 
   /* --color-primary: #6c63ff; */
 
-  --color-success: #00bf8e;
+  --color-success: #055709;
   --color-warning: #f7c94b;
   --color-danger: #f75842;
-  --color-danger-variant: rgba(247, 88, 66, 0.4);
+  --color-danger-variant: rgba(81, 61, 58, 0.4);
   --color-white: #fff;
   --color-light: rgba(255, 255, 255, 0.7);
   --color-black: #000;
@@ -31,9 +31,9 @@
   --color-bg2: #424890; */
 
   /* SET 2 */
-  --color-bg: #05386b;
-  --color-bg1: #06407a;
-  --color-bg2: #0c5eb1;
+  --color-bg: #3d056b;
+  --color-bg1: #b10c1d;
+  --color-bg2: #72067a;
 
   --container-width-lg: 80%;
   --container-width-md: 90%;
@@ -118,7 +118,7 @@ img {
 }
 
 .btn-primary {
-  background: var(--color-danger);
+  background: var(--color-success);
   color: var(--color-white);
 }
 
@@ -310,6 +310,7 @@ header {
   height: fit-content;
   background: var(--color-primary);
   cursor: pointer;
+  box-shadow: 5px 3px #00000020;
 }
 
 .faq h4 {
@@ -394,12 +395,12 @@ footer ul li a:hover {
 
 .team__member {
   background: var(--color-bg2);
-  padding: 2rem;
+  padding: 1.3rem;
   border: 1px solid transparent;
   transition: var(--transition);
   position: relative;
   overflow: hidden;
-  max-width: 25rem;
+  max-width: 20rem;
 }
 
 .fMember article{
@@ -434,7 +435,7 @@ footer ul li a:hover {
 
 .team__member-info * {
   text-align: center;
-  margin-top: 1.4rem;
+  margin-top: 0.5rem;
 }
 
 .team__member-info p {

diff --git a/index.html b/index.html
@@ -469,6 +469,50 @@ <h4>Ed</h4>
             ></a>
           </div>
         </article>
+
+        <article class="team__member">
+          <div class="team__member-image">
+            <img src="images/julz_u.jpg" alt="" />
+            <!-- <img src="images/ed_u.png" alt="" class="img-top"/> -->
+          </div>
+          <div class="team__member-info">
+            <h4>Ninong Julz</h4>
+          </div>
+          <div class="team__member-socials">
+            <a href="https://www.facebook.com/julian.barcega" target="_blank"
+              ><i class="uil uil-facebook-f"></i
+            ></a>
+            <a href="https://twitter.com/ninongjulz" target="_blank"
+              ><i class="fa-brands fa-x-twitter"></i></i
+            ></a>
+            <a
+              href="https://www.linkedin.com/in/julian-sonel-barcega-209595116"
+              target="_blank"
+              ><i class="uil uil-linkedin-alt"></i
+            ></a>
+          </div>
+        </article>
+
+        <article class="team__member">
+          <div class="team__member-image">
+            <img src="images/julz_u.jpg" alt="" />
+            <!-- <img src="images/ed_u.png" alt="" class="img-top"/> -->
+          </div>
+          <div class="team__member-info">
+            <h4>Balbz</h4>
+          </div>
+          <div class="team__member-socials">
+            <a href="https://www.facebook.com/janaaaann/" target="_blank"
+              ><i class="uil uil-facebook-f"></i
+            ></a>
+            <a href="https://twitter.com/0xb4Lb1N" target="_blank"
+              ><i class="fa-brands fa-x-twitter"></i></i
+            ></a>
+            <a href="https://www.linkedin.com/in/jabalbin/" target="_blank"
+              ><i class="uil uil-linkedin-alt"></i
+            ></a>
+          </div>
+        </article>
       </div>
     </section>