productView.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5. <meta name="keywords" content="永天科技页面智慧商圈" />
  6. <meta name="description" content="永天科技页面智慧商圈" />
  7. <meta name="renderer" content="webkit">
  8. <title>永天科技页面智慧商圈-产品案例</title>
  9. <link rel="stylesheet" type="text/css" href="assets/v1/css/reset.css" />
  10. <link rel="stylesheet" type="text/css" href="assets/v1/css/base.css" />
  11. <!-- <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
  12. <link rel="stylesheet" type="text/css" href="assets/v1/css/introduction.css" />
  13. <link rel="stylesheet" type="text/css" href="assets/v1/css/head.css" />
  14. <script type="text/javascript" src="assets/v1/js/jquery-1.11.1.min.js"></script>
  15. <script type="text/javascript" src="assets/v1/js/picture.js"></script>
  16. <script type="text/javascript" src="assets/v1/js/product.js"></script>
  17. <script type="text/javascript" src="assets/v1/js/global.js"></script>
  18. <?php $this->load->view('_resource', array('link' => 'area')); ?>
  19. <script src="assets/v1/js/jquery.filterizr.js"></script>
  20. </head>
  21. <style type="text/css">
  22. .item-desc {
  23. color: #b7b7b7;
  24. font-size: 15px;
  25. font-family: 微软雅黑;
  26. font-weight: normal;
  27. display: block;
  28. }
  29. .filtr-item {
  30. display: inline-block;
  31. padding-top: 10px;
  32. padding-bottom: 10px;
  33. text-align: center;
  34. }
  35. .hovereffect {
  36. width: 400px;
  37. height: 280px;
  38. float: left;
  39. overflow: hidden;
  40. position: relative;
  41. text-align: center;
  42. cursor: default;
  43. }
  44. .hovereffect img {
  45. display: block;
  46. position: relative;
  47. -webkit-transition: all .4s linear;
  48. transition: all .4s linear;
  49. cursor: pointer;
  50. }
  51. .hovereffect:hover img {
  52. -ms-transform: scale(1.1);
  53. -webkit-transform: scale(1.1);
  54. transform: scale(1.1);
  55. }
  56. .col-md-3 {
  57. width: 33.33333333333%!important;
  58. }
  59. </style>
  60. <body>
  61. <?php $this->load->view('_header' , array('navi' => 'example')); ?>
  62. <div class="top">
  63. <img src="<?php echo STYLE_PATH; ?>/images/num34.png" alt="" />
  64. </div>
  65. <div class="c1"></div>
  66. <!-- tab选项卡 -->
  67. <div class="tab">
  68. <ul>
  69. <li class="m1">
  70. <a href="/example#a">
  71. <img src="<?php echo STYLE_PATH; ?>/images/ss1.png" alt="" />
  72. <span>智慧商圈</span>
  73. </a>
  74. </li>
  75. <li class="m2">
  76. <a href="/example#b">
  77. <img src="<?php echo STYLE_PATH; ?>/images/ss2.png" alt="" />
  78. <span>智慧社区</span>
  79. </a>
  80. </li>
  81. <li class="m3">
  82. <a href="/example#c">
  83. <img src="<?php echo STYLE_PATH; ?>/images/ss3.png" alt="" />
  84. <span>智慧园区</span>
  85. </a>
  86. </li>
  87. <li class="m4">
  88. <a href="/example#d">
  89. <img src="<?php echo STYLE_PATH; ?>/images/ss4.png" alt="" />
  90. <span>智慧办公</span>
  91. </a>
  92. </li>
  93. <li class="m5">
  94. <a href="/example#e">
  95. <img src="<?php echo STYLE_PATH; ?>/images/ss5.png" alt="" />
  96. <span>智慧消防</span>
  97. </a>
  98. </li>
  99. <li class="m5">
  100. <a href="/example#f">
  101. <img src="<?php echo STYLE_PATH; ?>/images/ss6.png" alt="" />
  102. <span>其他</span>
  103. </a>
  104. </li>
  105. <li class="m5 current">
  106. <a href="/product">
  107. <img src="<?php echo STYLE_PATH; ?>/images/ss7.png" alt="" />
  108. <span>智慧产品</span>
  109. </a>
  110. </li>
  111. </ul>
  112. </div>
  113. <!-- tab选项卡 -->
  114. <div class="c1 h84"></div>
  115. <div class="content">
  116. <div class="con">
  117. <div class="con_tp">
  118. <div class="con_lf fl">
  119. <div class="header_title">
  120. 产品</div>
  121. <div class="header_subtitle"></div>
  122. <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>
  123. <div class="c1" style="height: 50px;"></div>
  124. </div>
  125. <div class="con_rh fr">
  126. <ul>
  127. </ul>
  128. </div>
  129. </div>
  130. <div class="c1" style="height: 34px;"></div>
  131. <div class="con_cn" style="margin-bottom: 132px;">
  132. <div class="row">
  133. <!-- This is the set up of a basic gallery, your items must have the categories they belong to in a data-category
  134. attribute, which starts from the value 1 and goes up from there -->
  135. <div class="filtr-container">
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <!-- 侧边栏 -->
  142. <?php $this->load->view('_footer'); ?>
  143. </body>
  144. </html>