add

public/static/pdf/pdf.css

@@ -0,0 +1,160 @@
+.index-line {
+    position: relative;
+    z-index: 2;
+}
+.index-line-center>p {
+    font-size: 16px;
+    color: #999EAA;
+    text-align: center;
+    margin-top: 20px;
+    line-height: 1.5;
+}
+.common-h1 {
+	position: relative;
+	width: fit-content;
+	font-family: 'Microsoft YaHei';
+	font-style: normal;
+	font-weight: 700;
+	font-size: 45px;
+	line-height: 59px;
+	text-align: center;
+	letter-spacing: 2px;
+	color: #111E40;
+	margin: 0 auto;
+}
+.common-h1 img {
+	position: absolute;
+	left: -102px;
+	bottom: -228px;
+	z-index: -1;
+}
+.core-list {
+    margin-top: 50px;
+}
+
+.core-list li {
+    width: 15.85%;
+    float: left;
+}
+
+.core-list li+li {
+    margin-left: 1.33%;
+}
+
+.core-list li div {
+    padding: 25px 22px;
+    background: #FDFEFF;
+    box-shadow: 0px 0px 27px 1px rgba(17, 25, 46, 0.12);
+    /* transition: all .3s; */
+    position: relative;
+    top: 0;
+}
+
+.core-list li div:hover {
+    /* top: -10px; */
+    box-shadow: 0px 0px 27px 1px rgba(17, 25, 46, 0.2);
+}
+
+.core-list li div img {
+    width: 50%;
+    display: block;
+    margin: 0 auto;
+}
+
+.core-list li div h3 {
+    color: #333333;
+    line-height: 1.5;
+    margin-top: 35px;
+    text-align: center;
+    font-size: 18px;
+}
+
+.core-list li div p {
+    font-size: 14px;
+    color: #666666;
+    text-align: center;
+    line-height: 1.6;
+    margin-top: 10px;
+}
+
+.contentBox-ct{
+    width:100%;
+    height:646px;
+    margin-top: 60px;
+}
+.contentBox-left img{
+    margin-top:100px;
+    width:580px;cursor:pointer;
+    height:432px;
+}
+.contentBox-right{
+    width:480px;
+    word-break:break-all;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+    text-align:justify;
+    text-justify:inter-ideograph;
+}
+.contentBox-right p{
+    color:#333333;
+    font-size: 40px;text-align:center;
+    margin-top:230px;
+}
+.contentBox-right span,.contentBoxOne-left span{
+    display:block;
+    color:#555555;
+    font-size: 24px;text-indent:2em;
+    line-height: 48px;
+    margin-top:30px;
+}
+.contentBox-cr{
+    width:100%;
+    height:646px; background:url(../images/kv_bg4.jpg) center center no-repeat #f5f5f5;
+
+}
+.contentBoxOne-left{
+    width:530px;
+    margin-top:130px;
+}
+.contentBoxOne-left p{
+    color:#333333;
+    font-size: 40px;text-align:center;
+}
+.contentBoxOne-right{
+    width:600px;
+    height:116px;
+    margin-top:73px;
+}
+.contentBoxOne-right img{
+    margin-top:20px;cursor:pointer;
+
+}
+.banner-download2{
+    width:266px;
+    height:60px;margin:0px auto;
+    font-size: 16px;
+    line-height: 16px;
+    text-align: center;
+    display: block;
+    border-radius: 8px;
+    background:#3884ff;
+    color:#fff;
+    cursor:pointer;
+    padding: 12px 0;
+}
+.banner-download2 .down{float:left;margin-left:60px;}
+.banner-download2 label{float:left;margin-left: 118px;margin-top: -23px;font-size: 22px;color: #fff;}
+.clearfix:before,
+.clearfix:after {
+    content: "";
+    display: table;
+}
+
+.clearfix:after {
+    clear: both;
+    overflow: hidden;
+}
+
+.clearfix {
+    zoom: 1;
+}

resources/views/home/http/softpdf.blade.php

@@ -8,7 +8,7 @@
     @include('home.http.common.head')
     <link href="/static/public/css/index.css" rel="stylesheet" type="text/css">
     <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
-    <link href="/static/audio/audio.css" rel="stylesheet" type="text/css">
+    <link href="/static/audio/pdf.css" rel="stylesheet" type="text/css">
     <script type="text/javascript" src="/static/js/polyfill.min.js"></script>
     <script type="text/javascript" src="/static/js/es6-promise.min.js"></script>
     <script type="text/javascript" src="/static/js/babel.min.js"></script>
@@ -99,49 +99,105 @@
 
         <div class="index-line">
             <div class="w1200 index-line-center">
-                <h1 class="common-h1" style="padding: 80px 0"><img src="/static/audio/t-bg.png" alt="">八大核心功能</h1>
+                <h1 class="common-h1" style="padding: 80px 0"><img src="/static/audio/t-bg.png" alt="">一站式处理PDF文件</h1>
                 <ul class="core-list clearfix">
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-geshi.png" alt="">
-                                <h3>音频格式转换</h3>
-                                <p>
-                                    支持20种音频格式向MP3、WAV<br>FLAC、ACC、OGG等主流格式转换
-                                </p>
+                                <img src="/static/pdf/pdf-word.png" alt="">
+                                <h3>PDF转WORD</h3>
                             </div>
                         </a>
                     </li>
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-hebing.png" alt="">
-                                <h3>音频合并功能</h3>
-                                <p>
-                                    将多个音频合成为一个完整音频，也可将剪切好的多个音频合成一个音频
-                                </p>
+                                <img src="/static/pdf/pdf-ppt.png" alt="">
+                                <h3>PDF转PPT</h3>
                             </div>
                         </a>
                     </li>
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-yasuo.png" alt="">
-                                <h3>音频压缩功能</h3>
-                                <p>
-                                    可根据音频的码率等参数来快速的压缩音频的大小
-                                </p>
+                                <img src="/static/pdf/pdf-excel.png" alt="">
+                                <h3>PDF转EXCEL</h3>
                             </div>
                         </a>
                     </li>
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-feige.png" alt="">
-                                <h3>音频分割功能</h3>
-                                <p>
-                                    支持3种高级的音频分割方式，可自定义分割音频的时间片段
-                                </p>
+                                <img src="/static/pdf/pdf-txt.png" alt="">
+                                <h3>PDF转TXT</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/pdf-img.png" alt="">
+                                <h3>PDF转图片</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/pdf-html.png" alt="">
+                                <h3>PDF转HTML</h3>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+
+                <ul class="core-list clearfix">
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/word-pdf.png" alt="">
+                                <h3>WORD转PDF</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/excel-pdf.png" alt="">
+                                <h3>EXCEL转PDF</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/ppt-pdf.png" alt="">
+                                <h3>PPT转PDF</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/img-pdf.png" alt="">
+                                <h3>图片转PDF</h3>
+                            </div>
+                        </a>
+                    </li>
+
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/a-jiami.png" alt="">
+                                <h3>PDF加密</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/a-jiemi.png" alt="">
+                                <h3>PDF解密</h3>
                             </div>
                         </a>
                     </li>
@@ -151,44 +207,48 @@
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-biansu.png" alt="">
-                                <h3>音频变速</h3>
-                                <p>
-                                    可以调节音频的速度，根据用户需求自行调整音频的播放速度
-                                </p>
+                                <img src="/static/pdf/a-hebing.png" alt="">
+                                <h3>PDF合并</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/a-feige.png" alt="">
+                                <h3>PDF分割</h3>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a>
+                            <div>
+                                <img src="/static/pdf/a-compress.png" alt="">
+                                <h3>PDF压缩</h3>
                             </div>
                         </a>
                     </li>
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-yinliang.png" alt="">
-                                <h3>音量调整</h3>
-                                <p>
-                                    调整音频的音量大小，相应的放大音频文件的音量或缩小
-                                </p>
+                                <img src="/static/pdf/a-page.png" alt="">
+                                <h3>PDF提取页面</h3>
                             </div>
                         </a>
                     </li>
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-daoxu.png" alt="">
-                                <h3>倒序播放</h3>
-                                <p>
-                                    可以将音频文件倒序播放，适合做剪辑视频的背景音乐来使用
-                                </p>
+                                <img src="/static/pdf/a-img.png" alt="">
+                                <h3>PDF提取图片</h3>
                             </div>
                         </a>
                     </li>
                     <li>
                         <a>
                             <div>
-                                <img src="/static/audio/a-tiqu.png" alt="">
-                                <h3>音频提取</h3>
-                                <p>
-                                    可以提取mp4，avi等多种视频格式的中的音频，方便后续的使用
-                                </p>
+                                <img src="/static/pdf/a-del.png" alt="">
+                                <h3>PDF删除页面</h3>
                             </div>
                         </a>
                     </li>