Update FTP sync cache with modified file sizes and add new template components

.vscode/ftp-kr.sync.cache.json

@@ -26,9 +26,9 @@
         "autoload": {},
         "b2b_users.csv": {
           "type": "-",
-          "size": 379,
+          "size": 420,
           "lmtime": 0,
-          "modified": false
+          "modified": true
         },
         "cache": {},
         "config.php": {
@@ -97,7 +97,46 @@
         },
         "temp": {},
         "templates": {},
-        "templates_user": {},
+        "templates_user": {
+          "components": {
+            "ContactForm.php": {
+              "type": "-",
+              "size": 7616,
+              "lmtime": 1741718164519,
+              "modified": false
+            },
+            "ContactMini.php": {
+              "type": "-",
+              "size": 1227,
+              "lmtime": 0,
+              "modified": false
+            },
+            "Footer.php": {
+              "type": "-",
+              "size": 1156,
+              "lmtime": 0,
+              "modified": false
+            },
+            "NavMenu.php": {
+              "type": "-",
+              "size": 7589,
+              "lmtime": 0,
+              "modified": false
+            },
+            "OurProjects.php": {
+              "type": "-",
+              "size": 5412,
+              "lmtime": 0,
+              "modified": false
+            },
+            "detect-language.php": {
+              "type": "-",
+              "size": 1745,
+              "lmtime": 0,
+              "modified": false
+            }
+          }
+        },
         "upload": {}
       }
     }

layout/style-scss/style.scss

@@ -61,7 +61,7 @@ a {
         position: relative;
 
         &.parent {
-					> a {
+          >a {
             @include respond-above(xs) {
               pointer-events: none;
             }
@@ -97,17 +97,17 @@ a {
       .level-0 {
         justify-content: space-between;
 
-				> li {
+        >li {
           display: flex;
           align-items: center;
 
-					> a {
+          >a {
             color: $cTxtGray;
             text-transform: uppercase;
           }
 
           &#link-8 {
-						> a {
+            >a {
               color: $cTxtWhite;
               font-weight: 800;
               font-size: 23px;
@@ -675,14 +675,14 @@ header {
             li {
               &.parent {
                 &:hover {
-									> a {
+                  >a {
                     &::before {
                       width: calc(100% - 23px);
                     }
                   }
                 }
 
-								> a {
+                >a {
                   &::after {
                     content: url('/upload/filemanager/Icons/mini_arrow_bottom_new.svg');
                     display: inline-block;
@@ -698,7 +698,7 @@ header {
         @include respond-below(md) {
           li {
             &.parent {
-							> a {
+              >a {
                 display: flex;
                 flex-direction: row;
                 justify-content: space-between;
@@ -722,7 +722,7 @@ header {
 
         li {
           &.parent {
-						> a {
+            >a {
               width: fit-content;
 
               @include respond-above(md) {
@@ -732,7 +732,7 @@ header {
           }
 
           &:hover {
-						> a {
+            >a {
               &::before {
                 width: 100%;
               }
@@ -814,7 +814,7 @@ header {
           padding-right: 15px;
         }
 
-				> li {
+        >li {
           position: relative;
 
           @include respond-below(md) {
@@ -877,10 +877,10 @@ header {
               display: none;
             }
 
-						> li {
+            >li {
               @include respond-above(md) {
                 &:hover {
-									> a {
+                  >a {
                     &::after {
                       transform: rotate(-90deg);
                     }
@@ -924,7 +924,7 @@ header {
                 }
               }
 
-							> a {
+              >a {
                 padding: 5px 0;
               }
 
@@ -1003,7 +1003,7 @@ header {
     height: 400px;
   }
 
-	> div {
+  >div {
     width: 100%;
   }
 
@@ -1272,7 +1272,7 @@ header {
           background-color: $cSandDarker;
         }
 
-				> .row {
+        >.row {
           align-items: center;
         }
 
@@ -1290,8 +1290,7 @@ header {
           }
         }
 
-				.col-right {
+        .col-right {}
-				}
 
         @include respond-below(md) {
           &::before {
@@ -2020,3 +2019,54 @@ header {
     }
   }
 }
+
+.article-1 {
+  h2 {
+    font-size: 20px;
+    margin-bottom: 15px;
+  }
+
+  ul {
+    margin: 0 0 50px 0;
+    padding: 0;
+    list-style-type: none;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 20px;
+
+    li {
+      a {
+        border: 1px solid #000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 15px;
+        color: #000;
+        transition: ease 0.3s all;
+        position: relative;
+        gap: 10px;
+
+        &::after {
+          position: relative;
+          top: -2px;
+          content: '';
+          display: flex;
+          background: url('/upload/filemanager/Icons/icon-file.svg') no-repeat center;
+          height: 20px;
+          width: 20px;
+          background-size: contain;
+
+        }
+
+        &:hover {
+          color: #FFF;
+          background: #000;
+        }
+      }
+    }
+  }
+
+  hr {
+    margin-bottom: 50px;
+  }
+}