123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- <!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/jquery.js"></script>
- <script src="./js/swiper.min.js"></script>
- <title>众志逸动-案列</title>
- </head>
- <body>
- <div class="caseContent">
- <div class="navBar caseNav" style="background-color: #2596ff;">
- <div class="logo"><a href="index.html"><img src="img/logo.png" ></a></div>
- <div class="nav-group">
- <ul>
- <li><a href="index.html">首页<span>Home</span></a></li>
- <li><a href="case.html" class="isActive">案列<span>Case</span></a></li>
- <li><a href="us.html">我们<span>About</span></a></li>
- </ul>
- </div>
- </div>
- <div class="caseGroup">
- <div class="templateHead haveBg">
- <h3 class="template_title">经典案例</h3>
- <!-- <h3 class="subheading">副标题副标题副标题</h3> -->
- <p class="template_dis">我们严格按照用户的需求 协调沟通好每一个项目方案,针对各行业务特性,<br>为您打造“专属定制”式的软件服务生态。 </p>
- </div>
- <div class="templateCard">
- <div class="swiper-container">
- <div class="swiper-wrapper">
- <div class="swiper-slide">
- <div class="content_item">
- <a href="project-HRJP.html" class="content_itemA">
- <div class="item-container">
- <img class="item_img2" src="./img/case1.png" />
- </div>
- <div class="item_text">
- <h3>华人家谱</h3>
- <p>华人家谱集修谱,家庭档案记录,亲情社交,传统国学教育于一体的综合性服务APP。</p>
- </div>
- </a>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="content_item">
- <a href="project-JZ.html" class="content_itemA">
- <div class="item-container">
- <img class="item_img2" src="./img/case2.png" />
- </div>
- <div class="item_text">
- <h3>金砖</h3>
- <p>以红包形式代替传统广告,利用数据分析以及地理定位,获得更好的产品宣传效果。</p>
- </div>
- </a>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="content_item">
- <a href="project-ZNMS.html" class="content_itemA">
- <div class="item-container">
- <img class="item_img2" src="./img/case3.png" />
- </div>
- <div class="item_text">
- <h3>酒店智能门锁</h3>
- <p>基于“平台+终端+应用”全方位打造升级,让酒店进入智能时代!</p>
- </div>
- </a>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="content_item">
- <a href="project-YS.html" class="content_itemA">
- <div class="item-container">
- <img class="item_img2" src="./img/case4.png" />
- </div>
- <div class="item_text">
- <h3>驿送</h3>
- <p>本地即时配送平台,同城快送,一对一专人急送,1小时送达,同城快递文件、合同、发票...</p>
- </div>
- </a>
- </div>
- </div>
- <div class="swiper-slide">
- <div class="content_item">
- <a href="project-MHLY.html" class="content_itemA">
- <div class="item-container">
- <img class="item_img2" src="./img/case5.png" />
- </div>
- <div class="item_text">
- <h3>旅游盲盒</h3>
- <p>优质景区免费门票的盲盒“彩蛋”等待开启,神秘、随机、刺激的体验,让消费者欲罢不能.</p>
- </div>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 备案号 -->
- <div class="pageFoot " style="color: #999;">Copyright @ 2020 www.gzzzyd.com, All Rights Reserved. <a href="https://beian.miit.gov.cn/">黔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 class="blackfont">联系客服</span>
- </a>
- </li>
- <li>
- <a href="javascript:;" title="关注我们" class="md-trigger" data-modal="modal-1">
- <img class="guanzhuIcon" src="./img/guanzhuIcon.png" />
- <span class="blackfont">关注我们</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>
- </div>
- <script>
- var swiper = new Swiper('.swiper-container', {
- slidesPerView: 4,
- spaceBetween: 50,
- centeredSlides: true,
- loop: true,
- pagination: {
- el: '.swiper-pagination',
- clickable: true,
- },
- });
- </script>
- </body>
- </html>
|