From c9a117a80d9ee25d6c3418dfa53ff5ce7ad22458 Mon Sep 17 00:00:00 2001
From: xujiang <xujiang156@qq.com>
Date: Sun, 7 Feb 2021 02:07:46 +0800
Subject: [PATCH] =?UTF-8?q?:new:=20=E6=B7=BB=E5=8A=A0=E5=AE=98=E7=BD=91?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB,=20footer=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 website/css/style.css | 58 ++++++++++++++++++++++++++++++++++++++++---
 website/index.html    | 28 ++++++++-------------
 2 files changed, 65 insertions(+), 21 deletions(-)

diff --git a/website/css/style.css b/website/css/style.css
index 8e4293a..736bf5c 100644
--- a/website/css/style.css
+++ b/website/css/style.css
@@ -205,10 +205,6 @@ p {
   width: 226px;
   background: #2f55ec !important;
 }
-.big-adaptation-img-container {
-}
-.big-adaptation-img-container img {
-}
 .gray-btn {
   background: #4a547b !important;
 }
@@ -2330,3 +2326,57 @@ p {
     font-size: 1.6rem;
   }
 }
+
+.bg-wave {
+  position: relative;
+  background: linear-gradient(to bottom, #fff, #f9faff);
+}
+
+.bg-wave::before, .bg-wave::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  min-width: 300vw;
+  min-height: 300vw;
+  background-color: #fff;
+  animation-name: rotate;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+
+.bg-wave::before {
+  bottom: 3vh;
+  border-radius: 45%;
+  animation-duration: 12s;
+}
+
+.bg-wave::after {
+  bottom: 0vh;
+  opacity: .5;
+  border-radius: 47%;
+  animation-duration: 12s;
+}
+
+@keyframes rotate {
+  0% {
+    transform: translate(-50%, 0) rotateZ(0deg);
+  }
+  50% {
+    transform: translate(-50%, -2%) rotateZ(180deg);
+  }
+  100% {
+    transform: translate(-50%, 0%) rotateZ(360deg);
+  }
+}
+
+.bg-circle::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  border-radius: 100%;
+  transform: translate(11px, -25px) rotate(13deg);
+  background: linear-gradient(160deg, #fff, #f9faff);
+}
diff --git a/website/index.html b/website/index.html
index 383ff9c..d5a796f 100644
--- a/website/index.html
+++ b/website/index.html
@@ -67,7 +67,7 @@
       <section class="hero-section" data-scroll-index="0">
         <div class="container h-100">
           <div class="row align-items-center h-100">
-            <div class="col-lg-7 col-md-10 col-sm-12">
+            <div class="col-lg-6 col-md-8 col-sm-12">
               <h1 class="hero-section-title wow fadeInUp" data-wow-delay="0.2s">
                 让H5制作，更方便
               </h1>
@@ -83,8 +83,8 @@
                 class="default-video-btn github wow fadeInUp blue-text">在线文档</a>
             </div>
             <!--// .col //-->
-            <div class="col-lg-4 text-center wow fadeInRight" style="overflow:hidden;padding:0;padding-top: 47px;">
-              <img src="./img/phone@2x.png" alt="Hero image" style="width: 268px; border-radius: 32px">
+            <div class="col-lg-6 text-center wow fadeInRight" style="overflow:hidden;padding:0;padding-top: 47px;">
+              <img src="./img/phone@2x.png" alt="Hero image" style="width: 542px; border-radius: 32px">
             </div>
             <!--// .col //-->
           </div>
@@ -208,8 +208,8 @@
       <!--// .container //-->
     </section>
 
-    <section class="services section-padding mobile-hidden" data-scroll-index="3">
-      <div class="container">
+    <section class="services section-padding mobile-hidden bg-wave" data-scroll-index="3">
+      <div class="container" style="position:relative; z-index: 3;">
         <div class="row justify-content-center">
           <div class="col-lg-8">
             <div class="section-heading">
@@ -301,7 +301,7 @@
       <!--// .container //-->
     </section>
 
-    <section class="services section-padding mobile-hidden" data-scroll-index="3">
+    <section class="services section-padding mobile-hidden bg-circle" data-scroll-index="3">
       <div class="container">
         <div class="row justify-content-center">
           <div class="col-lg-8">
@@ -529,22 +529,16 @@
             <div class="col-lg-9">
               <ul class="pc-footer-menu text-center">
                 <li>
-                  <a href=""> 主页</a>
+                  <a href="/"> 主页</a>
                 </li>
                 <li>
-                   <a href=""> 特点</a>
+                    <a href="http://h5.dooring.cn/doc" target="_blank"> 介绍</a>
                 </li>
                 <li>
-                    <a href=""> 介绍</a>
+                     <a href="http://h5.dooring.cn/h5?tid=FB593DD0" target="_blank"> 合作</a>
                 </li>
                 <li>
-                     <a href=""> 合作</a>
-                </li>
-                <li>
-                      <a href=""> 加入</a>
-                </li>
-                <li>
-                       <a href=""> 反馈</a>
+                       <a href="http://h5.dooring.cn/h5?tid=A71EE8BB" target="_blank"> 反馈</a>
                 </li>
               </ul>
               <ul class="pc-footer-contact text-center">
@@ -576,7 +570,7 @@
                 </li>
               </ul>
               <p class="text-center pc-footer-contact-info">
-                © Copyright <span id="fullYearCopyright"></span> - 徐小夕
+                © Copyright <span id="fullYearCopyright"></span> - H5-Dooring
                 <a style="margin-left:20px" href="https://beian.miit.gov.cn/#/Integrated/index"
                   target="_blank">鄂ICP备18024675号-3</a>
               </p>