adjust homepage style & delete extra image

Author: libangrui

layouts/index.html

@@ -14,7 +14,7 @@ <h2 class="section-title">{{ .subtitle }}</h2>
 
       <img class="section-img11 float float11" src="/assets/1-1.svg" alt="">
       <img class="section-img12 float float12" src="/assets/1-2.svg" alt="">
-      <img class="section-img13 float float13"src="/assets/1-3.svg" alt="">      
+      <img class="section-img13"src="/assets/1-3.svg" alt="">      
     </div>
 
     <img class="section-img14" src="/assets/1-4.svg" alt="">

layouts/partials/header.html

@@ -20,7 +20,7 @@
         <h1 class="logo">
           <a href="#">
             <img class="logo1" src="/assets/logo-new.svg" alt="openPitrix" />
-            <img class="mobile-show logo2" src="/assets/logo2-new.svg" alt="openPitrix" />
+            <img class="logo2" src="/assets/logo2-new.svg" alt="openPitrix" />
           </a>
         </h1>
         <button class="menu-btn mobile-show"></button>

static/assets/2-1.png

@@ -122,12 +122,27 @@ body {
   top: 0;
   width: 100%;
   z-index: 1000;
-  background-color: transparent;
-  transition: background-color .2s ease-in-out;
+  background: transparent;
+  transition: background-image .2s ease-in-out;
+}
+.header .logo2 {
+  display: none;
 }
 .header-fix {
-  background-color: #fff;
+  background: linear-gradient(to left, #794db3, #854fb9 32%, #484999);
+  box-shadow: 0 4px 20px 0 rgba(119, 133, 146, 0.3), 0 2px 8px 0 rgba(62, 82, 101, 0.2);
+}
+.header.header-fix .logo1 {
+  display: none;
 }
+.header.header-fix .logo2 {
+  display: block;
+}
+.header.header-fix .menu li a {
+  color: #fff;
+  font-weight: 400;
+}
+
 .menu-wrapper {
   float: right;
 }
@@ -147,13 +162,17 @@ body {
   text-align: left;
   text-decoration: none;
   transition: opacity .2s ease-in-out;
+  outline: none;
 }
 .menu li a:hover {
-  opacity: 0.8;
+  opacity: 1;
 }
 .menu li a:active {
   opacity: 1;
 }
+.menu li a:focus {
+  opacity: 1;
+}
 
 /* footer */
 footer {

static/assets/2-2.png

@@ -505,7 +505,10 @@
   width: 58px;
   height: 58px;
   margin: 0 auto 44px;
-  background: transparent url('/assets/8-1.svg') no-repeat center;
+  background-color: transparent;
+  background-image: url('/assets/8-1.svg');
+  background-repeat: no-repeat;
+  background-size: 100%;
 }
 
 .eighth .section-case ul li:nth-child(2) i {

static/assets/2-3.png

@@ -211,8 +211,9 @@
     display: block;
     line-height: 0.21rem;
     padding: 0.12rem 0.3rem;
+    color: #300E56 !important;
     font-size: 0.18rem;
-    font-weight: normal;
+    font-weight: 400;
     opacity: 0.6;
   }
 
@@ -424,7 +425,7 @@
   }
 
   /* section.fifth */
-  .main .fifth .container{
+  .main .fifth .container {
     min-height: 3.04rem;
     padding: 0.2rem 0 5.2rem;
   }
@@ -433,8 +434,8 @@
     padding: 0 0.5rem;
   }
   .main .fifth .section-title-icon {
-    top: -0.18rem;
-    left: 0.5rem;
+    top: -0.2rem;
+    left: 0.1rem;
     width: 0.34rem;
     height: 0.34rem;
   }