Case_list_app.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <!--banner 开始-->
  2. <div class="page_banner_w">
  3. <div class="page_banner">
  4. <img src="img/app_banner.jpg" class="bgimg"/>
  5. </div>
  6. <div class="page_banner_mask">
  7. <div class="p1 animateTop">高效、省心的App开发</div>
  8. <div class="p2 animateTop">专注打造优质APP产品,从用户体验出发</div>
  9. <div class="btn animateTop"><a href="{$Categorys[17][url]}" target="_blank">立即咨询</a></div>
  10. <div class="text animateTop">Starting from the user experience</div>
  11. </div>
  12. </div>
  13. <!--banner 结束-->
  14. <!--服务 开始-->
  15. <div class="app_service_w w100 bgGray">
  16. <div class="app_service mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
  17. <div class="page_title">
  18. <div class="p1">移动端APP开发服务</div>
  19. <div class="p2">我们提供IOS开发、Android开发,微信开发等多个平台开发服务</div>
  20. </div>
  21. <div class="app_service_list">
  22. <ul class="clearfix">
  23. <li class="li1">
  24. <div class="li_c">
  25. <div class="icon"><i class="iconfont icon-ios"></i></div>
  26. <div class="title">IOS开发</div>
  27. <div class="des">
  28. <p>众炬科技作为国内领先的APP软件开发公司</p>
  29. <p>为企业提供iOS APP定制,为各行业企业开发兼</p>
  30. <p>备实用性和营销性的APP应用软件业开发</p>
  31. <p>兼备实用性和营销性的APP应用软件</p>
  32. </div>
  33. </div>
  34. <div class="mask"></div>
  35. </li>
  36. <li class="li2">
  37. <div class="li_c">
  38. <div class="icon"><i class="iconfont icon-android"></i></div>
  39. <div class="title">Android开发</div>
  40. <div class="des">
  41. <p>众炬科技擅长于各种安卓APP应用软件开发</p>
  42. <p>UI、研发、服务上都保持国内一流标准</p>
  43. <p>为客户确保产品的商业价值</p>
  44. </div>
  45. </div>
  46. <div class="mask"></div>
  47. </li>
  48. <li class="li3">
  49. <div class="li_c">
  50. <div class="icon"><i class="iconfont icon-ui"></i></div>
  51. <div class="title">UI设计</div>
  52. <div class="des">
  53. <p>众炬科技的UI设计团队以创新的设计理念</p>
  54. <p>制定完善的方案,为客户提供从用户研究、</p>
  55. <p>交互设计、视觉设计的完整的用户体验设计</p>
  56. </div>
  57. </div>
  58. <div class="mask"></div>
  59. </li>
  60. </ul>
  61. </div>
  62. </div>
  63. </div>
  64. <!--服务 结束-->
  65. <!--优势 开始-->
  66. <div class="app_advantage_w w100 bgGray pt15">
  67. <div class="app_advantage mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
  68. <div class="app_advantage_c">
  69. <div class="page_title">
  70. <div class="p1">移动端APP开发的优势</div>
  71. <div class="p2">成熟的行业APP开发项目管理体系,确保您的APP高效交付、稳定上线</div>
  72. </div>
  73. <div class="app_advantage_list ">
  74. <ul class="clearfix">
  75. <li class="bgfff fl li1">
  76. <div class="icon"><i class="iconfont icon-shezhi"></i></div>
  77. <div class="title_cn">功能全面</div>
  78. <div class="title_en">COMPREHENSIVE FUNCTION</div>
  79. <div class="line"><span></span></div>
  80. <div class="des">
  81. <p>众炬凭借多年APP开发经验,</p>
  82. <p>充分理解客户需求,不断的提供升了</p>
  83. <p>系统平台管理及运用。</p>
  84. </div>
  85. </li>
  86. <li class="bgfff fl li2">
  87. <div class="icon"><i class="iconfont icon-huojian"></i></div>
  88. <div class="title_cn">扩展性强</div>
  89. <div class="title_en">STRONG EXTENSIBILITY</div>
  90. <div class="line"><span></span></div>
  91. <div class="des">
  92. <p>众炬的APP开发平台均提供开发完好的主流的</p>
  93. <p>支付接口,还可根据客户需求自定义设置开</p>
  94. <p>发所需接口,提供可供编辑的源代码。</p>
  95. </div>
  96. </li>
  97. <li class="bgfff fl li3">
  98. <div class="icon"><i class="iconfont icon-jianrongxing"></i></div>
  99. <div class="title_cn">兼容性好</div>
  100. <div class="title_en">GOOD COMPATIBILITY</div>
  101. <div class="line"><span></span></div>
  102. <div class="des">
  103. <p>界面兼容多种主流浏览器,</p>
  104. <p>如IE8及以上微软系的浏览器,谷歌,</p>
  105. <p>火狐,360等。</p>
  106. </div>
  107. </li>
  108. <li class="bgfff fl li4">
  109. <div class="icon"><i class="iconfont icon-shubiao"></i></div>
  110. <div class="title_cn">易操作</div>
  111. <div class="title_en">EASY OPERATION</div>
  112. <div class="line"><span></span></div>
  113. <div class="des">
  114. <p>简洁清晰的前后端界面设计,内容模块</p>
  115. <p>规划层次清晰,图文并茂。重视用户体验的</p>
  116. <p>同时也注重系统维护的便捷性。</p>
  117. </div>
  118. </li>
  119. </ul>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <!--优势 结束-->
  125. <!--流程 开始-->
  126. <div class="app_flow_w w100 bgGray pt15">
  127. <div class="app_flow mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
  128. <div class="app_flow_c bgfff padlr">
  129. <div class="page_title">
  130. <div class="p1">移动端APP开发流程</div>
  131. <div class="p2">整合多平台开发技术,提供高效优质的应用开发服务</div>
  132. </div>
  133. <div class="app_flow_list">
  134. <ul class="clearfix">
  135. <li class="li_a">
  136. <div class="top">
  137. <div class="top_c">
  138. <img src="img/app_flow_img1.png"/>
  139. <span>01</span>
  140. </div>
  141. </div>
  142. <div class="bottom">了解需求分析企业产品市场情况,开展市场调研,编制市场可行性报告。</div>
  143. </li>
  144. <li class="li_b"><img src="img/app_flow_dot.png"/></li>
  145. <li class="li_a">
  146. <div class="top">
  147. <div class="top_c">
  148. <img src="img/app_flow_img2.png"/>
  149. <span>02</span>
  150. </div>
  151. </div>
  152. <div class="bottom">根据市场调研情况,与企业沟通,策划 APP开发及运营方案。</div>
  153. </li>
  154. <li class="li_b"><img src="img/app_flow_dot.png"/></li>
  155. <li class="li_a">
  156. <div class="top">
  157. <div class="top_c">
  158. <img src="img/app_flow_img3.png"/>
  159. <span>03</span>
  160. </div>
  161. </div>
  162. <div class="bottom">设计符合企业文化,产品特色,精致美观,交互性良好的 APP界面。</div>
  163. </li>
  164. <li class="li_b"><img src="img/app_flow_dot.png"/></li>
  165. <li class="li_a">
  166. <div class="top">
  167. <div class="top_c">
  168. <img src="img/app_flow_img4.png"/>
  169. <span>04</span>
  170. </div>
  171. </div>
  172. <div class="bottom">提升用户体验、评估工作量及时间、验收、修改及完善。</div>
  173. </li>
  174. <li class="li_b"><img src="img/app_flow_dot.png"/></li>
  175. <li class="li_a">
  176. <div class="top">
  177. <div class="top_c">
  178. <img src="img/app_flow_img5.png"/>
  179. <span>05</span>
  180. </div>
  181. </div>
  182. <div class="bottom">APP开发完成后,加入UI元素,根据测试用户的反馈。</div>
  183. </li>
  184. <li class="li_b"><img src="img/app_flow_dot.png"/></li>
  185. <li class="li_a">
  186. <div class="top">
  187. <div class="top_c">
  188. <img src="img/app_flow_img6.png"/>
  189. <span>06</span>
  190. </div>
  191. </div>
  192. <div class="bottom">APP软件开发反复测试无错误后即可上传软件平台。</div>
  193. </li>
  194. </ul>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <!--流程 结束-->
  200. <!--项目案例 开始-->
  201. <div class="case_list_w w100 bgGray pt15">
  202. <div class="case_list mar1500 isAnimation" data-animation="slideInUp" data-timeout="100">
  203. <div class="case_list_c bgfff padlr">
  204. <div class="page_title">
  205. <div class="p1">项目案例</div>
  206. <div class="p2">
  207. <p>我们了解大中小型企业的生意模式以及需求,我们倡导让客户感知产品的应用体验价值</p>
  208. </div>
  209. </div>
  210. <div class="caseList">
  211. <ul class="clearfix" id="ajax_list_ul">
  212. <volist name="list" id="r">
  213. <li class="animated slideInUp">
  214. <a href="{$r.url}" target="_blank">
  215. <div class="img"><img src="{$r.thumb}"/></div>
  216. <div class="mask"></div>
  217. <div class="title">{$r.title}</div>
  218. <div class="des">[查看项目]</div>
  219. </a>
  220. </li>
  221. </volist>
  222. </ul>
  223. </div>
  224. <div class="case_more"><a href="javascript:;">查看更多&gt;&gt;</a></div>
  225. {if $pages}
  226. <div class="ajax_tips" style="display: none;">
  227. 下拉加载更多...
  228. </div>
  229. <div class="ajaxpage" style="display: none;">
  230. {$pages}
  231. </div>
  232. {/if}
  233. </div>
  234. </div>
  235. </div>
  236. <!--项目案例 结束-->
  237. <script src="js/ajax.js" type="text/javascript"></script>