123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <link rel="stylesheet" type="text/css" href="./css/main.css" />
- <link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
- <link rel="stylesheet" type="text/css" href="./css/component.css"/>
- <link rel="icon" href="favicon.ico" type="image/x-icon">
- <script src="./js/swiper.min.js"></script>
- <title>众志逸动-首页</title>
- </head>
- <body>
- <div class="content">
- <div class="swiper-container page">
- <div class="navBar">
- <div class="logo"><a href="index.html"><img src="./img/logo-w.png" ></a></div>
- <div class="nav-group">
- <ul>
- <li><a href="index.html" class="isActive">首页<span>Home</span></a></li>
- <li><a href="case.html">案列<span>Case</span></a></li>
- <li><a href="us.html">我们<span>About</span></a></li>
- </ul>
- </div>
- </div>
- <div class="swiper-wrapper">
- <div class="swiper-slide slide1">
- <div class="slide-nr">
- <div class="nr-text">
- <img src="./img/yht.png">
- <h1>软件开发,我们是认真的。</h1>
- <p class="mainp">众志逸动</p>
- <p class="mainp">拥有一支热情专业的软件开发团队</p>
- <p class="mainp">专注于各类软件定制与研发</p>
- <p class="mainp">无论项目大小</p>
- <p class="mainp">我们都会不遗余力的为您提供最优质的产品和高质量的服务。</p>
- <div class="tag">
- <span>ERP系统</span>
- <span>OA系统</span>
- <span>CRM系统</span>
- <span>APP开发</span>
- <span>小程序开发</span>
- <span>微信开发</span>
- <span>H5开发</span>
- <span>网站开发</span>
- <span>UI设计</span>
- </div>
- </div>
- <div>
- <img src="./img/banner1.png" style="width: 458px;">
- </div>
- </div>
- </div>
- <div class="swiper-slide slide2">
- <div class="slide-nr">
- <div class="nr-text">
- <img src="./img/yht.png">
- <h1>业务多样化,深度覆盖。</h1>
- <p class="mainp">我们合作的产品覆盖了多个行业</p>
- <p class="mainp">从PC端到移动端,应有尽有</p>
- <p class="mainp">如果你正好需要,而我正好专业</p>
- <p class="mainp">请联系我们吧!</p>
- <div class="tag">
- <span>电商平台</span>
- <span>社区团购</span>
- <span>金融服务</span>
- <span>仓储物流</span>
- <span>直播、短视频</span>
- <span>外卖点餐</span>
- <span>数据可视化</span>
- </div>
- </div>
- <div>
- <img src="./img/banner2.png" style="width: 458px;">
- </div>
- </div>
- </div>
- <div class="swiper-slide slide3">
- <div class="slide-nr">
- <div class="nr-text">
- <img src="./img/yht.png">
- <h1>标准化开发流程,贴心的售后服务。</h1>
- <p class="mainp">售后24小时电话、微信深度沟通</p>
- <p class="mainp">每一个环节</p>
- <p class="mainp">我们都全力以赴!</p>
- <p class="mainp special" style="margin-top: 50px;">产品设计<img src="./img/arrow.png">UI设计<img src="./img/arrow.png">开发<img
- src="./img/arrow.png">测试<img src="./img/arrow.png">发布<img
- src="./img/arrow.png">售后</p>
- </div>
- <div>
- <img src="./img/banner3.png" style="width: 458px;">
- </div>
- </div>
- </div>
- </div>
- <div class="swiper-scrollbar"></div>
- </div>
- <!-- 备案号 -->
- <div class="pageFoot fiexdFoot" style="color: rgba(255,255,255,.7);">Copyright @ 2020 www.gzzzyd.com, All Rights Reserved. <a href="https://beian.miit.gov.cn/" style="color: rgba(255,255,255,.7);">黔ICP备2021004684号-1</a></span></div>
- <!--flotDiv-->
- <div class="flotDiv ">
- <ul>
- <li>
- <a href="javascript:;" title="联系客服" class="md-trigger" data-modal="modal-2">
- <img class="kefuIcon" src="./img/kefuIcon.png" />
- <span>联系客服</span>
- </a>
- </li>
- <li>
- <a href="javascript:;" title="关注我们" class="md-trigger" data-modal="modal-1">
- <img class="guanzhuIcon" src="./img/guanzhuIcon.png" />
- <span>关注我们</span>
- </a>
- </li>
- </ul>
- </div>
- <!-- 关注我们-弹出框 -->
- <div class="md-modal md-effect-1" id="modal-1">
- <div class="md-content">
- <h3 class="mode-head">
- <div class="head-text">扫一扫,关注我们</div>
- <img src="./img/closeicon%20.png" class="md-close">
- </h3>
- <div class="mode-content">
- <div class="content-img"><img src="./img/gzh.png" ></div>
- </div>
- </div>
- </div>
- <!-- 关注我们-联系我们 -->
- <div class="md-modal md-effect-1" id="modal-2">
- <div class="md-content">
- <div class="content-img"><img src="./img/lxwm.png" style="height: 400px;"></div>
- </div>
- </div>
- <div class="md-overlay"></div>
- <!-- 弹出框js -->
- <script src="./js/classie.js"></script>
- <script src="./js/modalEffects.js"></script>
- <script>
- var swiper = new Swiper('.swiper-container');
- var mySwiper = new Swiper('.swiper-container', {
- scrollbar: {
- el: '.swiper-scrollbar',
- },
- });
- </script>
- </div>
- </body>
- </html>
|