123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
- <meta name="keywords" content="永天科技页面智慧商圈" />
- <meta name="description" content="永天科技页面智慧商圈" />
- <meta name="renderer" content="webkit">
- <title>永天科技页面智慧商圈-产品案例</title>
- <link rel="stylesheet" type="text/css" href="assets/v1/css/reset.css" />
- <link rel="stylesheet" type="text/css" href="assets/v1/css/base.css" />
- <!-- <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
- <link rel="stylesheet" type="text/css" href="assets/v1/css/introduction.css" />
- <link rel="stylesheet" type="text/css" href="assets/v1/css/head.css" />
- <script type="text/javascript" src="assets/v1/js/jquery-1.11.1.min.js"></script>
- <script type="text/javascript" src="assets/v1/js/picture.js"></script>
- <script type="text/javascript" src="assets/v1/js/product.js"></script>
- <script type="text/javascript" src="assets/v1/js/global.js"></script>
- <?php $this->load->view('_resource', array('link' => 'area')); ?>
- <script src="assets/v1/js/jquery.filterizr.js"></script>
- </head>
- <style type="text/css">
- .item-desc {
- color: #b7b7b7;
- font-size: 15px;
- font-family: 微软雅黑;
- font-weight: normal;
- display: block;
- }
- .filtr-item {
- display: inline-block;
- padding-top: 10px;
- padding-bottom: 10px;
- text-align: center;
- }
- .hovereffect {
- width: 400px;
- height: 280px;
- float: left;
- overflow: hidden;
- position: relative;
- text-align: center;
- cursor: default;
- }
- .hovereffect img {
- display: block;
- position: relative;
- -webkit-transition: all .4s linear;
- transition: all .4s linear;
- cursor: pointer;
- }
- .hovereffect:hover img {
- -ms-transform: scale(1.1);
- -webkit-transform: scale(1.1);
- transform: scale(1.1);
- }
- .col-md-3 {
- width: 33.33333333333%!important;
- }
- </style>
- <body>
- <?php $this->load->view('_header' , array('navi' => 'example')); ?>
- <div class="top">
- <img src="<?php echo STYLE_PATH; ?>/images/num34.png" alt="" />
- </div>
- <div class="c1"></div>
- <!-- tab选项卡 -->
- <div class="tab">
- <ul>
- <li class="m1">
- <a href="/example#a">
- <img src="<?php echo STYLE_PATH; ?>/images/ss1.png" alt="" />
- <span>智慧商圈</span>
- </a>
- </li>
- <li class="m2">
- <a href="/example#b">
- <img src="<?php echo STYLE_PATH; ?>/images/ss2.png" alt="" />
- <span>智慧社区</span>
- </a>
- </li>
- <li class="m3">
- <a href="/example#c">
- <img src="<?php echo STYLE_PATH; ?>/images/ss3.png" alt="" />
- <span>智慧园区</span>
- </a>
- </li>
- <li class="m4">
- <a href="/example#d">
- <img src="<?php echo STYLE_PATH; ?>/images/ss4.png" alt="" />
- <span>智慧办公</span>
- </a>
- </li>
- <li class="m5">
- <a href="/example#e">
- <img src="<?php echo STYLE_PATH; ?>/images/ss5.png" alt="" />
- <span>智慧消防</span>
- </a>
- </li>
- <li class="m5">
- <a href="/example#f">
- <img src="<?php echo STYLE_PATH; ?>/images/ss6.png" alt="" />
- <span>其他</span>
- </a>
- </li>
- <li class="m5 current">
- <a href="/product">
- <img src="<?php echo STYLE_PATH; ?>/images/ss7.png" alt="" />
- <span>智慧产品</span>
- </a>
- </li>
- </ul>
- </div>
- <!-- tab选项卡 -->
- <div class="c1 h84"></div>
- <div class="content">
- <div class="con">
- <div class="con_tp">
- <div class="con_lf fl">
- <div class="header_title">
- 产品</div>
- <div class="header_subtitle"></div>
- <span class="line-abs bottom hleft" style="overflow:hidden;border-bottom-style:solid;width:76px;max-width:76px;border-bottom-width:4px;border-bottom-color:#3cbdd7;margin-left:0px;margin-top:5px;display: block;"></span>
- <div class="c1" style="height: 50px;"></div>
- </div>
- <div class="con_rh fr">
- <ul>
- </ul>
- </div>
- </div>
- <div class="c1" style="height: 34px;"></div>
- <div class="con_cn" style="margin-bottom: 132px;">
- <div class="row">
- <!-- This is the set up of a basic gallery, your items must have the categories they belong to in a data-category
- attribute, which starts from the value 1 and goes up from there -->
- <div class="filtr-container">
- </div>
- </div>
- </div>
- </div>
-
- </div>
- <!-- 侧边栏 -->
- <?php $this->load->view('_footer'); ?>
- </body>
- </html>
|