Updated

- Nav Menu
- Social Media

Author: killflex

assets/css/styles.css

@@ -157,7 +157,7 @@ img{
     background-color: var(--second-color);
     transition: .5s;
   } */
-
+  
   .nav__menu{
     text-align: right;
     position: fixed;
@@ -166,12 +166,13 @@ img{
     width: 35%;
     height: 100%;
     padding: 2rem;
-    background-color: rgb(26, 26, 26);
+    /* background-color: rgb(26, 26, 26); */
+    /* background-color: var (--first-color); */
     /* border-radius: 0 0 0 2rem; */
     /* box-shadow: 0 1px 4px rgba(8, 8, 8, 0.15); */
     /* box-shadow: -10px 21px 38px 0px rgba(8, 8, 8, 0.15); */
     z-index: 100;
-    transition: .3s;
+    transition: .5s ease;
   }
 
   .nav__icon{
@@ -210,39 +211,42 @@ img{
 
 .nav__link{
   position: relative;
-  color: #fff;
+  color: var(--second-color);
+  transition: .3s ease;
 }
 
 
-/* .nav__link:hover{
-  position: relative;
-} */
+.nav__link:hover{
+  color: var(--first-color);
+  /* position: relative; */
+}
 
 .nav__link{
-  overflow: hidden;
+  /* overflow: hidden; */
 }
 
 .nav__link:after {
-  position: absolute;
+  /* position: absolute;
   content: "";
   width: 100%;
   height: 0rem;
   left: 0;
   top: 2.4rem;
   background-color: var(--first-color);
-  transition: .3s;
+  transition: .3s; */
 }
 
 /* sesudah */
 .nav__link:hover:after{
-  text-decoration: none;
-  position: absolute;
-  content: "";
+  color: var(--first-color);
+  /* text-decoration: none;
+  position: absolute; */
+  /* content: "";
   width: 100%;
   height: 0.18rem;
   left: 0;
   top: 2rem;
-  background-color: var(--first-color);
+  background-color: var(--first-color); */
 }
 
 .nav__logo{
@@ -567,8 +571,9 @@ img{
 }
 
 .footer__title{
-  font-weight: var(--font-semi);
-  font-size: 1rem;
+  color: rgba(255, 255, 255, 0.822);
+  /* font-weight: var(--font-sem); */
+  font-size: 0.9rem;
   margin-bottom: var(--mb-3);
 }
 
@@ -619,27 +624,29 @@ img{
   }
 
   .nav__link:hover {
-    position: relative;
+    color: var(--first-color);
+    /* position: relative; */
   }
 
   .nav__link:hover::after {
-    position: absolute;
+    color: var(--first-color);
+    /* position: absolute;
     content: "";
     width: 100%;
     height: 0.18rem;
     left: 0;
     top: 2rem;
-    background-color: var(--first-color);
+    background-color: var(--first-color); */
   }
 
   .active::after {
-    position: absolute;
-    content: "";
-    width: 100%;
-    height: 0.18rem;
-    left: 0;
-    top: 2rem;
-    background-color: var(--first-color);
+    /* position: absolute; */
+    /* content: ""; */
+    /* width: 100%; */
+    /* height: 0.18rem; */
+    /* left: 0; */
+    /* top: 2rem;
+    background-color: var(--first-color); */
   }
 
   .nav{

assets/img/favicon2.png

@@ -34,7 +34,7 @@
                 </ul>
             </div>
 
-            <div class="nav__toggle" id="nav-toggle">
+            <div class="nav__toggle" id="nav-toggle" style="display: none;">
                 <i class="fas fa-bars fa-xs"></i>
             </div>
 
@@ -59,9 +59,9 @@ <h1 class="home__title">I'm <span class="home__title-color">killflex</span></h1>
             <div class="home__social">
                 <a href="https://www.instagram.com/killflex" target="_blank" class="home__social-icon"><i class='bx bxl-instagram-alt'></i></a>
                 <a href="https://twitter.com/fleksipi" target="_blank" class="home__social-icon"><i class='bx bxl-twitter'></i></a>
-                <a href="https://www.behance.net/killflex" target="_blank" class="home__social-icon"><i class='bx-fw bx bxl-behance'></i></a>
-                <a href="mailto:killflexediting@gmail.com" target="_parent" class="home__social-icon"><i class='bx bxs-envelope'></i></a>
-                <a href="https://linktr.ee/killflex" target="_blank" class="home__social-icon"><i class='bx bx-link'></i></a>
+                <!-- <a href="https://facebook.com/flexsify" target="_blank" class="home__social-icon"><i class='bx bxl-facebook-square'></i></a> -->
+                <a href="https://www.behance.net/killflex" target="_blank" class="home__social-icon"><i class='bx bxl-behance' style="font-size: 1.62rem;"></i></a>
+                <a href="https://linktr.ee/killflex" target="_blank" class="home__social-icon"><i class='bx bxs-layer' style="font-size: 1.3rem;"></i></a>
                 <!-- <a href="https://www.artstation.com/killflex" target="_blank" class="home__social-icon"><i class="fa-brands fa-artstation fa-xs"></i></a> -->
             </div>
 
@@ -193,7 +193,7 @@ <h2 class="skills__subtitle">Softskills</h2>
         <section class="visuals section" id="works">
             <h2 class="section-title">Works</h2>
 
-            <h3 class="visuals__subs bd-grid">3D Art and Illustration</h3>
+            <h3 class="visuals__subs bd-grid">3D Art & Illustration</h3>
             <div class="visuals__container bd-grid">
                 <div class="visuals__img">
                     <a href="assets/img/visuals/work4.jpg" data-lightbox="technology"
@@ -265,7 +265,7 @@ <h3 class="visuals__subs bd-grid">3D Art and Illustration</h3>
 
             <div class="visuals__more1">
                 <a href="https://www.instagram.com/killflex" target="_blank">
-                    <h5>more works...</h5>
+                    <h5>more works</h5>
                 </a>
             </div>
 
@@ -354,12 +354,13 @@ <h2 class="section-title">Contact</h2>
 
     <!-- footer -->
     <footer class="footer">
-        <!-- <p class="footer__title">SOCIAL MEDIA</p> -->
+        <p class="footer__title">contact me in</p>
 
         <div class="footer__socials">
             <a href="https://www.instagram.com/killflex" target="_blank" class="footer__icon"><i class='bx bxl-instagram-alt'></i></a>
             <a href="https://twitter.com/fleksipi" target="_blank" class="footer__icon"><i class='bx bxl-twitter'></i></a>
             <a href="https://www.facebook.com/flexsify" target="_blank" class="footer__icon"><i class="bx bxl-facebook-square"></i></a>
+            <a href="https://www.linkedin.com/in/ferry-hasan-4988b8242" target="_blank" class="footer__icon"><i class="bx bxl-linkedin-square"></i></a>
             <a href="mailto:killflexediting@gmail.com" target="_parent" class="footer__icon"><i class='bx bxs-envelope'></i></a>
             <!-- <a href="https://www.artstation.com/killflex" target="_blank" class="footer__icon"><i class="fa-brands fa-artstation fa-xs"></i></a> -->
             <!-- <a href="https://www.youtube.com/channel/UChwSCygEMrr2Ucip-yg2elg" target="_blank" class="footer__icon"><i class='bx bxl-youtube'></i></a> -->
@@ -370,7 +371,7 @@ <h2 class="section-title">Contact</h2>
 
         <p class="footer__email"></p>
 
-        <p class="footer__cpy">Copyright &#169; 2021 killflex. All Rights Reserved</p>
+        <p class="footer__cpy">Copyright &#169; 2021 <a href="https://linktr.ee/killflex" style="text-decoration: none; color: rgba(255, 255, 255, 0.425);"> killflex </a>. All Rights Reserved</p>
     </footer>
     <!-- /footer -->
     <script src="./assets/library/lightbox2-dev/dist/js/lightbox-plus-jquery.js"></script>