|
|
@@ -0,0 +1,105 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta name="keywords" content="{{ $keywords ?: '星优办公' }}">
|
|
|
+ <meta name="description" content="{{ $description ?: '星优办公软件' }}">
|
|
|
+ <title>{{ $title ?: '星优办公软件' }}</title>
|
|
|
+ @include('home.http.common.head')
|
|
|
+ <style>
|
|
|
+ .about-banner {
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ background: url(../images/banner_about_us.jpg) center center no-repeat;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <link href="/static/ebook/ebook.css" rel="stylesheet" type="text/css">
|
|
|
+ <style>
|
|
|
+ .head {
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="header">
|
|
|
+ @include('home.http.common.header')
|
|
|
+ </div>
|
|
|
+ <div style="height: 68px;"></div>
|
|
|
+
|
|
|
+ @include('home.http.common.banner')
|
|
|
+ <div class="container">
|
|
|
+ <!-- 公司简介 -->
|
|
|
+ <div class="width-1200" style="padding: 140px 0;">
|
|
|
+ <div class="flex-between">
|
|
|
+ <div class="flex-between" style="width: 49%; position: relative;">
|
|
|
+ <div style="width: 47%;">
|
|
|
+ <div class="ab-item">
|
|
|
+ <img class="ab-img" src="/static/images/about-img1.jpg" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="ab-item">
|
|
|
+ <img class="ab-img" src="/static/images/about-img3.jpg" alt="" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div style="width: 47%;">
|
|
|
+ <div class="ab-item">
|
|
|
+ <img class="ab-img" src="/static/images/about-img4.jpg" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="ab-item">
|
|
|
+ <img class="ab-img" src="/static/images/about-img2.jpg" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ab-block">
|
|
|
+ <div>聚焦</div>
|
|
|
+ <div style="font-size: 28px;">软件服务</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 49%; color:#343c55;">
|
|
|
+ <div style="font-size: 16px; text-align: center; font-weight: 700;">About Us</div>
|
|
|
+ <div style="font-size: 50px; font-weight: 600; text-align: center;">我们让事情变得更简单</div>
|
|
|
+ <div style="padding: 45px; color: #646d8a; line-height: 33px;">
|
|
|
+ 专注于电脑软件，产品丰富，在行业内积累了丰富的经验，产品和服务在业内有着独特且领先的核心竞争力！
|
|
|
+ </div>
|
|
|
+ <div class="abo-item flex-start">
|
|
|
+ <div style="width: 50%;">
|
|
|
+ <img class="icon-ab" src="/static/images/icon-about1.png" alt="" />
|
|
|
+ <div class="abo-title">开发人员提供技术支持</div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 50%;">
|
|
|
+ <img class="icon-ab" src="/static/images/icon-about2.png" alt="" />
|
|
|
+ <div class="abo-title">实现自动化解决方案</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
|
|
|
+ <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt="" />
|
|
|
+ <span style="line-height: 35px; padding-left: 10px;">专注数据安全领域，扫码登陆保护隐私，注重保护个人数据安全</span>
|
|
|
+ </div>
|
|
|
+ <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
|
|
|
+ <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt="" />
|
|
|
+ <span style="line-height: 35px; padding-left: 10px;">专注办公软件领域，提供关于图片/文档/音视频等多功能服务</span>
|
|
|
+ </div>
|
|
|
+ <div class="abo-item flex-start" style="margin-bottom: 20px; color:#646d8a;">
|
|
|
+ <img src="/static/images/icon-about3.png" style="width: 35px; height:35px;" alt="" />
|
|
|
+ <span style="line-height: 35px; padding-left: 10px;">以技术研发作为第一生产力，提供更多软件服务</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ @include('home.http.common.footer')
|
|
|
+ <script>
|
|
|
+ new Swiper('.swiper-container', {
|
|
|
+ loop: true,
|
|
|
+ // 如果需要分页器
|
|
|
+ navigation: {
|
|
|
+ nextEl: ".swiper-button-next",
|
|
|
+ prevEl: ".swiper-button-prev",
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
