add partner's links

index.html

@@ -29,6 +29,16 @@ li{margin-left:1em}
 .media{width:48%}
 .icons svg{width:80px;height:80px;margin:4px}
 .foot{margin-top: 5em}
+footer{background:linear-gradient(180deg, rgba(2, 49, 137, 0.38), rgba(2, 49, 137, 0.38)), linear-gradient(329deg, #01a3ca, #023189);margin-top:50px;position:absolute;left:0;right:0;padding:3.6rem 20px 2.2rem 20px}
+footer h3{font-size:1.3rem;font-weight:bold;line-height:2.2rem;padding:0 0 16px 0}
+footer a{color:#d8ebff;text-decoration:none}
+footer li{list-style:none;margin-left:0}
+.container{max-width:66rem;margin:0 auto}
+.socials li{display:inline-block;vertical-align:top;padding:0 10px 8px 0}
+.copyright{color:#d8ebff;font-size: 1.1rem;opacity:0.5;font-weight:500;line-height:2.6rem}
+.menus{margin:50px 0}
+.menus div{float:left;max-width:180px;margin-right:110px;margin-bottom:32px}
+.menus a{color:#d8ebff;opacity:0.68;font-weight:400}
 @media only screen and (max-width:768px){
     body{max-width:90%}
     h1{padding-top:0}
@@ -43,6 +53,7 @@ li{margin-left:1em}
     h1{font-size:14px}
     .mob-logo{width:100%}
     .hidden-xs{display:none}
+    footer .menus div:nth-of-type(2n+2) {margin-right:0;max-width:110px}
 }
 </style>
 </head>
@@ -132,10 +143,10 @@ li{margin-left:1em}
     <li>我们的理念：不求大而求精，只为“<strong>道相同</strong>”的你服务</li>
 </ul>
 
-<h2 class="white">联系方式</h2>
+<h2 class="white" id="contact">联系方式</h2>
 <div class="mod clearfix">
     <div class="video float-right">
-        <video width="100%" preload="metadata" playsinline controls autoplay poster="/img/gongfu_poster.jpeg" id="video">
+        <video width="100%" preload="metadata" playsinline controls poster="/img/gongfu_poster.jpeg" id="video">
         </video>
         <small>《功夫》经典片段 - “还有谁？”</small>
     </div>
@@ -163,6 +174,56 @@ li{margin-left:1em}
     <p class="white">合作也讲究缘分，在对的时间、对的地点，遇到对的你，也就水到渠成了。</p>
 </div>
 
+<footer>
+    <div class="container white">
+        <div class="socials">
+            <h3>Follow us</h3>
+            <ul>
+                <li><a href="###" target="_blank">简书</a></li>
+                <li><a href="###" target="_blank">知乎</a></li>
+            </ul>
+        </div>
+        <div class="menus clearfix">
+            <div>
+                <h3>市场分析</h3>
+                <ul>
+                    <li><a href="https://market.jialuoma.com/" target="_blank">嘉洛马文档库</a></li>
+                </ul>
+            </div>
+            <div>
+                <h3>合作伙伴</h3>
+                <ul>
+                    <li><a href="https://filesite.io/" target="_blank">Filesite.io</a></li>
+                </ul>
+            </div>
+            <div>
+                <h3>优秀工具</h3>
+                <ul>
+                    <li><a href="https://www.veed.io/" target="_blank">Video Translator</a></li>
+                    <li><a href="https://clideo.com/" target="_blank">Video tools</a></li>
+                    <li><a href="https://ffmpeg.org/" target="_blank">FFmpeg</a></li>
+                </ul>
+            </div>
+            <div>
+                <h3>VPS推荐</h3>
+                <ul>
+                    <li><a href="https://linode.com/" target="_blank">Linode.com</a></li>
+                    <li><a href="https://www.vultr.com/" target="_blank">Vultr.com</a></li>
+                    <li><a href="https://jialuoma.com/#contact">大磁盘服务器</a></li>
+                </ul>
+            </div>
+            <div>
+                <h3>友情链接</h3>
+                <ul>
+                    <li><a href="https://webdirectory.filesite.io/" target="_blank">站长手册</a></li>
+                    <li><a href="https://www.cloudflare.com/" target="_blank">Cloudflare</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="copyright center">&copy; 2022 Jialuoma.com</div>
+    </div>
+</footer>
+
 <script>
 (function(){
     var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join('');