update footer

Signed-off-by: liuboaibc <kukudehero@gmail.com>

assets/scss/footer.scss

@@ -10,9 +10,9 @@
 
   & > .footer-main {
     & > .up-main {
-      & > div {
-        display: inline-block;
-        vertical-align: top;
+      display: flex;
+      @media only screen and (max-width: $mobile-max-width) {
+        flex-direction: column;
       }
       .left-div {
 
@@ -34,7 +34,7 @@
         }
 
         div {
-          width: 360px;
+          width: 358px;
           height: 48px;
           margin-top: 20px;
           border-radius: 24px;
@@ -42,7 +42,7 @@
           background-color: #f5f8f9;
 
           input {
-            width: 209px;
+            width: 207px;
             height: 20px;
             font-size: 14px;
             margin-left: 16px;
@@ -86,22 +86,17 @@
         }
       }
       .right-div {
-        margin-left: 60px;
-        width: 732px;
+        flex: 1;
+        margin-left: 30px;
 
         @media only screen and (max-width: $mobile-max-width) {
-          display: block;
           width: 100%;
           margin-left: 0px;
         }
 
         & > ul {
-          @media only screen and (max-width: $mobile-max-width) {
-            justify-content: start;
-          }
           li {
-            margin-right: 32px;
-
+            max-width: 170px;
             @media only screen and (max-width: $mobile-max-width) {
               margin-top: 20px;
             }
@@ -120,8 +115,9 @@
 
         a {
           display: block;
-          line-height: 2;
+          line-height: 1.2;
           color: #919aa3;
+          margin-bottom: 14px;
 
           &:hover {
             color: #55bc8a;

data/en/footer.yaml

@@ -2,13 +2,13 @@ footer:
   list:
     - title: Scenarios
       list:
-        - content: Embrace DevOps
+        - content: DevOps
           link: devops/
 
-        - content: Microservices on K8s
+        - content: Microservices
           link: service-mesh/
 
-        - content: Cloud Native Observability
+        - content: Observability
           link: observability/
 
         - content: Bare Metal LoadBalancer
@@ -17,11 +17,6 @@ footer:
         - content: Multi-cloud Apps Mgmt
           link: 'https://github.com/openpitrix/openpitrix'
 
-        - content: Logging management
-          link: 'https://github.com/kubesphere/fluentbit-operator'
-
-
-
     - title: Resources
       list:
         - content: Projects
@@ -64,3 +59,14 @@ footer:
           link: https://kubesphereturkey.com
         - content: Spain Site
           link: https://kubesphere.es
+
+    - title: Products and Services
+      list:
+        - content: KubeSphere on QingCloud(QKE)
+          link: 'https://www.qingcloud.com/products/kubesphereqke'
+        - content: KubeSphere on AWS
+          link: 'https://aws.amazon.com/quickstart/architecture/qingcloud-kubesphere/'
+        - content: Cloud application service platform
+          link: 'https://kubesphere.cloud'
+        - content: Cooperation and consulting
+          link: 'https://jinshuju.net/f/tPUldX'

data/zh/footer.yaml

@@ -20,9 +20,6 @@ footer:
         - content: 多云应用管理平台
           link: 'https://openpitrix.io/'
 
-        - content: Fluent-Bit 管理日志
-          link: 'https://github.com/kubesphere/fluentbit-operator'
-
     - title: 资源
       list:
         - content: 开源项目
@@ -67,3 +64,14 @@ footer:
           link: https://kubesphereturkey.com
         - content: 西班牙站
           link: https://kubesphere.es
+       
+    - title: 产品与服务
+      list:
+        - content: KubeSphere on AWS
+          link: 'https://aws.amazon.com/cn/quickstart/architecture/qingcloud-kubesphere/'
+        - content: KubeSphere on QingCloud(QKE)
+          link: 'https://www.qingcloud.com/products/kubesphereqke'
+        - content: 云原生应用服务平台
+          link: 'https://kubesphere.cloud'
+        - content: 业务合作与咨询
+          link: 'https://jinshuju.net/f/tPUldX'