Главная Обзор Помощь
Вход
wuye
/
MicroCommunity
Следить 2
В избранное 0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Дерево: 8a9cc4ada3
Ветки Метки
MicroCommunity
/
docs
/
index.html

index.html 26 KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652 
  1. <html lang="en">
    2. 

  2. <head>
    3. 

  3. <meta charset="utf-8">
    4. 

  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. <meta name="Keywords" Content="HC小区物业管理系统,免费的物业管理系统,开源小区管理系统">
    7. 

  7. <meta name="Description" Content="HC小区物业管理系统是为物业企业打造的智慧物业综合管理平台提供商家入驻、快递代收、房屋租赁等盈利功能，为物业企业提供全新的运营盈利模式。和java110开发者零距离沟通 qq群号 827669685 网站地址 (账号密码为 wuxw/admin)https://demo.java110.com">
    8. 

  8. <title>HC小区物业管理系统|免费开源的物业系统</title>
    9. 

  9. 

  10. <!--======== All Stylesheet =========-->
    11. 

  11. <link href="css/bootstrap.min.css" rel="stylesheet">
    12. 

  12. <link href="css/font-awesome.min.css" rel="stylesheet">
    13. 

  13. <link href="css/linearicons.css" rel="stylesheet">
    14. 

  14. <!--=== plugins ===-->
    15. 

  15. <link href="css/owl.carousel.css" rel="stylesheet">
    16. 

  16. <link href="css/owl.theme.css" rel="stylesheet">
    17. 

  17. <!--=== end plugins ===-->
    18. 

  18. <link rel="shortcut icon" href="favicon.ico">
    19. 

  19. <link href="css/style.css" rel="stylesheet">
    20. 

  20. <link href="css/responsive.css" rel="stylesheet">
    21. 

  21. <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,900,700,600,300,200' rel='stylesheet' type='text/css'>
    22. 

  22. <!-- 百度统计代码 -->
    23. 

  23. <script>
    24. 

  24. var _hmt = _hmt || [];
    25. 

  25. (function() {
    26. 

  26.   var hm = document.createElement("script");
    27. 

  27.   hm.src = "https://hm.baidu.com/hm.js?39b9a4161b7a9895a03276ef555d9aad";
    28. 

  28.   var s = document.getElementsByTagName("script")[0];
    29. 

  29.   s.parentNode.insertBefore(hm, s);
    30. 

  30. })();
    31. 

  31. </script>
    32. 

  32. 

  33. </head>	
    34. 

  34. 

  35. <body data-spy="scroll" data-target=".nav-top">
    36. 

  36. <!--======== header =========-->
    37. 

  37. <header id="home" data-spy="scroll" data-target="#top-nav">
    38. 

  38. 	<div class="row">
    39. 

  39. 		<div class="col-md-12 col-sm-12 col-xs-12">
    40. 

  40. 			<!-- menu 4 -->
    41. 

  41. 			<div class="navbar navbar-default navbar-fixed-top default-menu menu-4" role="navigation">
    42. 

  42. 				<div class="container">
    43. 

  43. 					<div class="navbar-header">
    44. 

  44. 						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-4" aria-expanded="false">
    45. 

  45. 							<span class="sr-only">Toggle navigation</span>
    46. 

  46. 							<span class="icon-bar"></span>
    47. 

  47. 							<span class="icon-bar"></span>
    48. 

  48. 							<span class="icon-bar"></span>
    49. 

  49. 						</button>
    50. 

  50. 						<a class="navbar-brand default-logo scroll" href="#home"><img src="images/promo-logo2.png" alt="logo" /></a>
    51. 

  51. 					</div>
    52. 

  52. 

  53. 					<div class="collapse navbar-collapse top-nav" id="menu-4">
    54. 

  54. 						<ul class="nav navbar-nav navbar-right">
    55. 

  55. 							<li><a class="scroll" href="#service">服务架构介绍</a></li>
    56. 

  56. 							<li><a class="scroll" href="#portfolio">产品展示</a></li>
    57. 

  57. 							<li><a class="scroll" href="/document/#/start/vedio">入门视频</a></li>
    58. 

  58. 							<li><a class="scroll" href="#team">开发者</a></li>
    59. 

  59. 							<li><a class="scroll" href="#contact">联系我们</a></li>
    60. 

  60. 						</ul>
    61. 

  61. 						
    62. 

  62. 					</div>
    63. 

  63. 				</div>
    64. 

  64. 			</div><!-- end menu -->
    65. 

  65. 		</div>
    66. 

  66. 	</div>            
    67. 

  67. </header>
    68. 

  68. <!--======== end header =========-->
    69. 

  69. 

  70. <!--======== intro =========-->
    71. 

  71. <section class="intro">
    72. 

  72. 	<div class="container">
    73. 

  73. 		<div class="row">
    74. 

  74. 			<div class="col-md-6 col-sm-8 col-xs-12">
    75. 

  75. 				<div class="intro-content">
    76. 

  76. 					<h1>HC 物业管理系统</h1>
    77. 

  77. 					<p>物业管理系统是现代居住小区不可缺少的一部分。一个好的物业管理系统可以提升小区的管理水平，使小区的日常管理更加方便。将计算机的强大功能与现代的管理思想相结合，建立现代的智能小区是物业管理发展的方向。重视现代化的管理，重视细致周到的服务是小区工作的宗旨。以提高物业管理的经济效益、管理水平，确保取得最大经济效益为目标</p>
    78. 

  78. 					<a class="btn btn-default" href="https://github.com/java110/MicroCommunity" role="button">源码下载<i class="lnr lnr-arrow-right"></i></a></i></a>
    79. 

  79. 					<a class="btn btn-primary" href="/document" role="button">相关文档 <i class="lnr lnr-arrow-right"></i></a></i></a>
    80. 

  80. 					<div><i class="fa fa-caret-down"></i></div>    
    81. 

  81. 				</div>
    82. 

  82. 			</div>
    83. 

  83. 			<div class="col-md-6 col-sm-8 col-xs-12">
    84. 

  84. 				<!--<div><img src="images/intro-image.png" class="img-responsive" alt="intro-image"></div>-->
    85. 

  85. 				<div><img src="images/0003.png" class="img-responsive" alt="intro-image"></div>
    86. 

  86. 			</div>
    87. 

  87. 		</div>
    88. 

  88. 	</div>
    89. 

  89. </section>
    90. 

  90. <!--======== end intro =========-->
    91. 

  91. 

  92. <!--======== support =========-->
    93. 

  93. <section class="support">
    94. 

  94. 	<div class="container">
    95. 

  95. 		<div class="row">
    96. 

  96. 			<div class="col-md-10 col-md-offset-1">
    97. 

  97. 				<div class="row">
    98. 

  98. 					<div class="col-md-4">
    99. 

  99. 						<div class="media">
    100. 

  100. 							<div class="media-left media-middle">
    101. 

  101. 								<i class="fa fa-windows"></i>
    102. 

  102. 							</div>
    103. 

  103. 							<div class="media-body">
    104. 

  104. 								<h3>Windows</h3>
    105. 

  105. 								<p>PC端应用让操作更快捷</p>
    106. 

  106. 							</div>
    107. 

  107. 						</div>
    108. 

  108. 					</div>
    109. 

  109. 					<div class="col-md-4">
    110. 

  110. 						<div class="media">
    111. 

  111. 							<div class="media-left media-middle">
    112. 

  112. 								<i class="fa fa-android"></i>
    113. 

  113. 							</div>
    114. 

  114. 							<div class="media-body">
    115. 

  115. 								<h3>Android</h3>
    116. 

  116. 								<p>完美支持安卓手机</p>
    117. 

  117. 							</div>
    118. 

  118. 						</div>
    119. 

  119. 					</div>
    120. 

  120. 					<div class="col-md-4">
    121. 

  121. 						<div class="media">
    122. 

  122. 							<div class="media-left media-middle">
    123. 

  123. 								<i class="fa fa-apple"></i>
    124. 

  124. 							</div>
    125. 

  125. 							<div class="media-body">
    126. 

  126. 								<h3>Apple</h3>
    127. 

  127. 								<p>兼容苹果让适配更完美</p>
    128. 

  128. 							</div>
    129. 

  129. 						</div>
    130. 

  130. 					</div>
    131. 

  131. 				</div>
    132. 

  132. 			</div>
    133. 

  133. 		</div>
    134. 

  134. 	</div>    
    135. 

  135. </section>
    136. 

  136. <!--======== end support =========-->
    137. 

  137. 

  138. <!--======== Our Services =========-->
    139. 

  139. <section id="service" class="service">
    140. 

  140. 	<div class="container">
    141. 

  141. 		<div class="row">
    142. 

  142. 			<div class="col-md-8 col-md-offset-2 text-center">  
    143. 

  143. 				<h1 class="section-title">服务架构介绍</h2>
    144. 

  144. 				<p class="section-para">微服务是一种架构风格，一个大型复杂软件应用由一个或多个微服务组成。系统中的各个微服务可被独立部署，各个微服务之间是松耦合的。每个微服务仅关注于完成一件任务并很好地完成该任务。
    145. 

  145. 					在所有情况下，每个任务代表着一个小的业务能力。</p>
    146. 

  146. 			</div>
    147. 

  147. 		</div>   
    148. 

  148. 		<div class="row">
    149. 

  149. 			<div class="col-md-12">
    150. 

  150. 				<div class="row">
    151. 

  151. 					<div class="col-md-3 col-sm-6 col-xs-12">
    152. 

  152. 						<div class="media">
    153. 

  153. 							<div class="media-left">
    154. 

  154. 								<i class="lnr lnr-screen"></i>
    155. 

  155. 							</div>
    156. 

  156. 							<div class="media-body">
    157. 

  157. 								<h3 class="media-heading">Spring boot</h3>
    158. 

  158. 								<p>Spring Boot 是由 Pivotal 团队提供的全新框架，其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程。
    159. 

  159. 									　　该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。
    160. 

  160. 									　　通过这种方式，Spring Boot 致力于在蓬勃发展的快速应用开发领域（rapidapplication development）成为领导者。</p>
    161. 

  161. 							</div>
    162. 

  162. 						</div>
    163. 

  163. 						
    164. 

  164. 						<div class="media">
    165. 

  165. 							<div class="media-left">
    166. 

  166. 								<i class="lnr lnr-screen"></i>
    167. 

  167. 							</div>
    168. 

  168. 							<div class="media-body">
    169. 

  169. 								<h3 class="media-heading">Spring Cloud</h3>
    170. 

  170. 								<p>SpringCloud是一个基于SpringBoot实现的微服务架构开发工具。它为微服务架构中涉及的配置管理、服务治理、断路器、智能路由、微代理、控制总线、全局锁、决策竞选、分布式会话和集群状态管理等操作提供了一种简单的开发方式。</p>
    171. 

  171. 							</div>
    172. 

  172. 						</div>
    173. 

  173. 					</div>
    174. 

  174. 					<div class="col-md-3 col-sm-6 col-xs-12">
    175. 

  175. 						<div class="media">
    176. 

  176. 							<div class="media-left">
    177. 

  177. 								<i class="lnr lnr-laptop-phone"></i>
    178. 

  178. 							</div>
    179. 

  179. 							<div class="media-body">
    180. 

  180. 								<h3 class="media-heading">KAFKA</h3>
    181. 

  181. 								<p>Kafka是由Apache软件基金会开发的一个开源流处理平台，由Scala和Java编写。它是一个分布式、支持分区的的、多副本，基于zookeeper协调的分布式消息系统。它的最大特性是可以实时的处理大量数据以满足各种需求场景：
    182. 

  182. 									比如基于Hadoop的批处理系统、低延时的实时系统、storm/Spark流式处理引擎，web/nginx日志，访问日志，消息服务等等。最初由Linkedin公司开发，于2010年贡献给Apache基金会并成为顶级开源项目。
    183. 

  183. 								</p>
    184. 

  184. 							</div>
    185. 

  185. 						</div>
    186. 

  186. 						<div class="media">
    187. 

  187. 							<div class="media-left">
    188. 

  188. 								<i class="lnr lnr-screen"></i>
    189. 

  189. 							</div>
    190. 

  190. 							<div class="media-body">
    191. 

  191. 								<h3 class="media-heading">zooKeeper</h3>
    192. 

  192. 								<p>ZooKeeper 是一个开源的分布式协调服务，是 Google Chubby 的开源实现。分布式应用程序可以基于 ZooKeeper 实现诸如数据发布/订阅、负载均衡、命名服务、分布式协调/通知、集群管理、Master 选举、分布式锁和分布式队列等功能。</p>
    193. 

  193. 							</div>
    194. 

  194. 						</div>
    195. 

  195. 					</div>
    196. 

  196. 					<div class="col-md-3 col-sm-6 col-xs-12">
    197. 

  197. 						<div class="media">
    198. 

  198. 							<div class="media-left">
    199. 

  199. 								<i class="lnr lnr-tablet"></i>
    200. 

  200. 							</div>
    201. 

  201. 							<div class="media-body">
    202. 

  202. 								<h3 class="media-heading">VUE</h3>
    203. 

  203. 								<p>Vue 是一套用于构建用户界面的渐进式javascript框架，与其它大型框架不同的是：Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，另外一个方面,当Vue与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。
    204. 

  204. 									</p>
    205. 

  205. 							</div>
    206. 

  206. 						</div>
    207. 

  207. 						<div class="media">
    208. 

  208. 							<div class="media-left">
    209. 

  209. 								<i class="lnr lnr-screen"></i>
    210. 

  210. 							</div>
    211. 

  211. 							<div class="media-body">
    212. 

  212. 								<h3 class="media-heading">DOCKER容器化技术</h3>
    213. 

  213. 								<p>Docker时Docker.Lnc公司开源的一个基于LXC技术之上搭建的Container容器引擎，源代码托管在Github上，基于Go语言并遵从Apache2.0协议开源。
    214. 

  214. 									属于Linux容器的一种封装，提供简单易用的容器使用接口。
    215. 

  215. 									将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样。有了Docker，就不用担心环境问题。
    216. 

  216. 									总体来说，Docker的接口相当简单，用户可以方便地创建和使用容器，把自己的应用放入容器。容器还可以进行版本管理、复制、分享、修改，就像管理普通的代码一样。</p>
    217. 

  217. 							</div>
    218. 

  218. 						</div>
    219. 

  219. 					</div>
    220. 

  220. 					<div class="col-md-3 col-sm-6 col-xs-12">
    221. 

  221. 						<div class="media">
    222. 

  222. 							<div class="media-left">
    223. 

  223. 								<i class="lnr lnr-laptop"></i>
    224. 

  224. 							</div>
    225. 

  225. 							<div class="media-body">
    226. 

  226. 								<h3 class="media-heading">MYSQL</h3>
    227. 

  227. 								<p>MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件。</p>
    228. 

  228. 							</div>
    229. 

  229. 						</div>
    230. 

  230. 						<div class="media">
    231. 

  231. 							<div class="media-left">
    232. 

  232. 								<i class="lnr lnr-screen"></i>
    233. 

  233. 							</div>
    234. 

  234. 							<div class="media-body">
    235. 

  235. 								<h3 class="media-heading">JAVA</h3>
    236. 

  236. 								<p>Java是由Sun Microsystems公司于1995年5月推出的Java面向对象程序设计语言和Java平台的总称。由James Gosling和同事们共同研发，并在1995年正式推出。
    237. 

  237. 									Java分为三个体系：
    238. 

  238. 									JavaSE（J2SE）（Java2 Platform Standard Edition，java平台标准版）
    239. 

  239. 									JavaEE(J2EE)(Java 2 Platform,Enterprise Edition，java平台企业版)
    240. 

  240. 									JavaME(J2ME)(Java 2 Platform Micro Edition，java平台微型版)。
    241. 

  241. 									2005年6月，JavaOne大会召开，SUN公司公开Java SE 6。此时，Java的各种版本已经更名以取消其中的数字"2"：J2EE更名为Java EE, J2SE更名为Java SE，J2ME更名为Java ME</p>
    242. 

  242. 							</div>
    243. 

  243. 						</div>
    244. 

  244. 					</div>
    245. 

  245. 				</div>   
    246. 

  246. 			</div>   
    247. 

  247. 		</div>   
    248. 

  248. 	</div>
    249. 

  249. </section>
    250. 

  250. <!--======== end Our Services =========-->
    251. 

  251. <!--======== about us =========-->
    252. 

  252. <!--<section class="about-us">
    253. 

  253. 	<div class="container">
    254. 

  254. 		<div class="row">
    255. 

  255. 			<div class="col-md-5 col-xs-12">
    256. 

  256. 				<div class="about-content">
    257. 

  257. 					<h1 class="section-title">About Us</h1>
    258. 

  258. 					<p>Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life 
    259. 

  259. 					accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard 
    260. 

  260. 					dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Haccusamus terry richardson ad squid. pwolf moon 
    261. 

  261. 					officia aute, non cupidatat skateboard. Wolf moon officia aute, non cupidatat skateboard 
    262. 

  262. 					dolor brunch. Food truck quinoa nesciunt cusamus terry richardson ad squid.</p>
    263. 

  263. 					<a class="btn btn-default" href="#" role="button">Download <i class="lnr lnr-arrow-right"></i></a></i></a>
    264. 

  264. 				</div> 
    265. 

  265. 			</div>
    266. 

  266. 			<div class="col-md-7 col-xs-12">
    267. 

  267. 				<div class="about-img"><img class="img-responsive" src="images/about-us.png" alt="about us image" /></div>
    268. 

  268. 			</div>
    269. 

  269. 		</div>
    270. 

  270. 	</div>
    271. 

  271. </section>-->
    272. 

  272. <!--======== end about us =========-->
    273. 

  273. 

  274. <!--======== Our portfolio =========-->
    275. 

  275. <section id="portfolio" class="work">
    276. 

  276. 	<div class="container">
    277. 

  277. 		<div class="row">
    278. 

  278. 			<div class="col-md-8 col-md-offset-2 text-center">  
    279. 

  279. 				<h1 class="section-title">产品展示</h2>
    280. 

  280. 				<p class="section-para">我们对现有的产品做了一个演示环境,包含了业主管理、车位管理、小区管理等基础功能，方便各位合作伙伴及开发者朋友们更直观的了解我们的产品以及快速的加入到我们的开发者大军中来</p>
    281. 

  281. 					<div class="col-md-7 col-xs-12">
    282. 

  282. 						<div class="about-img"><img class="img-responsive" src="images/0001.png" alt="about us image" /></div>
    283. 

  283. 					</div>
    284. 

  284. 					<p class="section-para">带上用户密码吧：wuxw/admin</p>
    285. 

  285. 					<a class="btn btn-default" href="https://demo.java110.com/" role="button">去看产品 <i class="lnr lnr-arrow-right"></i></a></i></a>
    286. 

  286. 			</div>
    287. 

  287. 		</div>
    288. 

  288. 		
    289. 

  289. 		<!--<div class="row">
    290. 

  290. 			<div class="col-md-12 col-sm-12 col-xs-12">
    291. 

  291. 				<div class="col-md-3">
    292. 

  292. 					<div class="single-work"><img src="images/work-1.jpg" alt="">
    293. 

  293. 						<div class="service-overflow">
    294. 

  294. 							<ul class="list-inline work-links text-center">
    295. 

  295. 								<li><i class="lnr lnr-magnifier"></i></li>
    296. 

  296. 								<li><i class="lnr lnr-link"></i></li>
    297. 

  297. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    298. 

  298. 							</ul>
    299. 

  299. 						</div>
    300. 

  300. 					</div>
    301. 

  301. 

  302. 					<div class="single-work"><img src="images/work-2.jpg" alt="">
    303. 

  303. 						<div class="service-overflow">
    304. 

  304. 							<ul class="list-inline work-links text-center">
    305. 

  305. 								<li><i class="lnr lnr-magnifier"></i></li>
    306. 

  306. 								<li><i class="lnr lnr-link"></i></li>
    307. 

  307. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    308. 

  308. 							</ul>
    309. 

  309. 						</div>
    310. 

  310. 					</div>
    311. 

  311. 				</div>
    312. 

  312. 				<div class="col-md-3">
    313. 

  313. 					<div class="single-work"><img src="images/work-2.jpg" alt="">
    314. 

  314. 						<div class="service-overflow">
    315. 

  315. 							<ul class="list-inline work-links text-center">
    316. 

  316. 								<li><i class="lnr lnr-magnifier"></i></li>
    317. 

  317. 								<li><i class="lnr lnr-link"></i></li>
    318. 

  318. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    319. 

  319. 							</ul>
    320. 

  320. 						</div>
    321. 

  321. 					</div>
    322. 

  322. 

  323. 					 <div class="single-work"><img src="images/work-1.jpg" alt="">
    324. 

  324. 						<div class="service-overflow">
    325. 

  325. 							<ul class="list-inline work-links text-center">
    326. 

  326. 								<li><i class="lnr lnr-magnifier"></i></li>
    327. 

  327. 								<li><i class="lnr lnr-link"></i></li>
    328. 

  328. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    329. 

  329. 							</ul>
    330. 

  330. 						</div>
    331. 

  331. 					</div>
    332. 

  332. 				</div>
    333. 

  333. 				<div class="col-md-3">
    334. 

  334. 					<div class="single-work"><img src="images/work-1.jpg" alt="">
    335. 

  335. 						<div class="service-overflow">
    336. 

  336. 							<ul class="list-inline work-links text-center">
    337. 

  337. 								<li><i class="lnr lnr-magnifier"></i></li>
    338. 

  338. 								<li><i class="lnr lnr-link"></i></li>
    339. 

  339. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    340. 

  340. 							</ul>
    341. 

  341. 						</div>
    342. 

  342. 					</div>
    343. 

  343. 

  344. 					<div class="single-work"><img src="images/work-2.jpg" alt="">
    345. 

  345. 						<div class="service-overflow">
    346. 

  346. 							<ul class="list-inline work-links text-center">
    347. 

  347. 								<li><i class="lnr lnr-magnifier"></i></li>
    348. 

  348. 								<li><i class="lnr lnr-link"></i></li>
    349. 

  349. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    350. 

  350. 							</ul>
    351. 

  351. 						</div>
    352. 

  352. 					</div>
    353. 

  353. 				</div>
    354. 

  354. 				<div class="col-md-3">
    355. 

  355. 					<div class="single-work"><img src="images/work-2.jpg" alt="">
    356. 

  356. 						<div class="service-overflow">
    357. 

  357. 							<ul class="list-inline work-links text-center">
    358. 

  358. 								<li><i class="lnr lnr-magnifier"></i></li>
    359. 

  359. 								<li><i class="lnr lnr-link"></i></li>
    360. 

  360. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    361. 

  361. 							</ul>
    362. 

  362. 						</div>
    363. 

  363. 					</div>
    364. 

  364. 

  365. 					<div class="single-work"><img src="images/work-1.jpg" alt="">
    366. 

  366. 						<div class="service-overflow">
    367. 

  367. 							<ul class="list-inline work-links text-center">
    368. 

  368. 								<li><i class="lnr lnr-magnifier"></i></li>
    369. 

  369. 								<li><i class="lnr lnr-link"></i></li>
    370. 

  370. 								<li><i class="lnr lnr-thumbs-up"></i></li>
    371. 

  371. 							</ul>
    372. 

  372. 						</div>
    373. 

  373. 					</div>
    374. 

  374. 				</div>
    375. 

  375. 			</div>
    376. 

  376. 		</div>-->
    377. 

  377. 	</div>
    378. 

  378. </section>
    379. 

  379. <!--======== end Our Work =========-->
    380. 

  380. 

  381. <!--======== our Team =========-->
    382. 

  382. <section id="team" class="our-experts">
    383. 

  383. 	<div class="container">
    384. 

  384. 		<div class="row">
    385. 

  385. 			<div class="col-md-8 col-md-offset-2 text-center">  
    386. 

  386. 				<h1 class="section-title">认识一下这帮程序猿们吧！</h2>
    387. 

  387. 				<p class="section-para">我们是一群年轻，充满活力的年轻人，将自己的爱好慢慢培养成了一个完美的作品，也希望更多的人来认识我们，加入我们，让HC平台越来越完美</p>
    388. 

  388. 			</div>
    389. 

  389. 		</div>
    390. 

  390. 		<div class="row">
    391. 

  391. 			<div class="col-sm-3">
    392. 

  392. 				<div class="expert-box">
    393. 

  393. 					<img src="images/wxw.png" alt="">
    394. 

  394. 					<div class="expert-overflow">
    395. 

  395. 						<ul class="list-inline text-center">
    396. 

  396. 							<li><a href="https://weibo.com/homecommunity"><i class="fa fa-Twitter"></i></a></li>
    397. 

  397. 						</ul>
    398. 

  398. 					</div>
    399. 

  399. 					<div class="name-plate text-center">
    400. 

  400. 						<h3 class="expert-name">吴学文</h3>
    401. 

  401. 						<strong class="expert-tag">我是作者，爱代码爱生活</strong>
    402. 

  402. 					</div>
    403. 

  403. 				</div>
    404. 

  404. 			</div>
    405. 

  405. 			<div class="col-sm-3">
    406. 

  406. 				<div class="expert-box">
    407. 

  407. 					<img src="images/syj.jpg" alt="">
    408. 

  408. 					<div class="expert-overflow">
    409. 

  409. 						<ul class="list-inline text-center">
    410. 

  410. 							<li><a href="https://weibo.com/p/1005056610903835/home"><i class="fa fa-Twitter"></i></a></li>
    411. 

  411. 						</ul>
    412. 

  412. 					</div>
    413. 

  413. 					<div class="name-plate text-center">
    414. 

  414. 						<h3 class="expert-name">师延俊 </h3>
    415. 

  415. 						<strong class="expert-tag">我是2号，爱生活才开始爱代码</strong>
    416. 

  416. 					</div>
    417. 

  417. 				</div>
    418. 

  418. 			</div>
    419. 

  419. 			<div class="col-sm-3">
    420. 

  420. 				<div class="expert-box">
    421. 

  421. 					<img src="images/wtl.png" alt="">
    422. 

  422. 					<div class="expert-overflow">
    423. 

  423. 						<ul class="list-inline text-center">
    424. 

  424. 							<li><a href="https://weibo.com/homecommunity"><i class="fa fa-Twitter"></i></a></li>
    425. 

  425. 						</ul>
    426. 

  426. 					</div>
    427. 

  427. 					<div class="name-plate text-center">
    428. 

  428. 						<h3 class="expert-name">王天良</h3>
    429. 

  429. 						<strong class="expert-tag">我是3号：雄心壮，责任大、运维男，人人夸</strong>
    430. 

  430. 					</div>
    431. 

  431. 				</div>
    432. 

  432. 			</div>
    433. 

  433. 			<div class="col-sm-3">
    434. 

  434. 				<div class="expert-box">
    435. 

  435. 					<img src="images/lzy.png" alt="">
    436. 

  436. 					<div class="expert-overflow">
    437. 

  437. 						<ul class="list-inline text-center">
    438. 

  438. 							<li><a href="https://weibo.com/homecommunity"><i class="fa fa-Twitter"></i></a></li>
    439. 

  439. 						</ul>
    440. 

  440. 					</div>
    441. 

  441. 					<div class="name-plate text-center">
    442. 

  442. 						<h3 class="expert-name">刘宗洋</h3>
    443. 

  443. 						<strong class="expert-tag">我是4号，不知道我爱什么反正还单身</strong>
    444. 

  444. 					</div>
    445. 

  445. 				</div>
    446. 

  446. 			</div>
    447. 

  447. 		</div>    
    448. 

  448. 		</div>
    449. 

  449. 	</div>    
    450. 

  450. </section>
    451. 

  451. <!--======== end our Genius =========-->
    452. 

  452. 

  453. <!--======== extra featrue =========-->
    454. 

  454. <!--<section class="extra-feature">
    455. 

  455. 	<div class="container"> 
    456. 

  456. 		<div class="row">
    457. 

  457. 			<div class="col-md-8 col-md-offset-2 text-center">  
    458. 

  458. 				<h1 class="section-title">Promo Compatibility</h2>
    459. 

  459. 				<p class="section-para">Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life accusamus terry richardson ad
    460. 

  460. 				squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod cusamus terry.</p>
    461. 

  461. 				<ul class="list-inline platform text-center">
    462. 

  462. 					<li><i class="lnr lnr-screen"></i><span>Relability</span></li>
    463. 

  463. 					<li><i class="lnr lnr-laptop-phone"></i><span>Responsive</span></li>
    464. 

  464. 					<li><i class="lnr lnr-smartphone"></i><span>Comfortable</span></li>
    465. 

  465. 				</ul>
    466. 

  466. 			</div>
    467. 

  467. 		</div>
    468. 

  468. 		<div class="row">
    469. 

  469. 			<div class="col-md-10 col-md-offset-1">
    470. 

  470. 				<div class="e-feature">
    471. 

  471. 					<img class="feature-img" src="images/compatibility-img.png" alt="" />
    472. 

  472. 				</div>    
    473. 

  473. 			</div>    
    474. 

  474. 		</div>
    475. 

  475. 	</div>    
    476. 

  476. </section>-->
    477. 

  477. <!--======== end extra featrue =========-->    
    478. 

  478. 

  479. <!--======== our sponsors =========-->
    480. 

  480. <section id="clients" class="our-sponsors">
    481. 

  481. 	<div class="container">
    482. 

  482. 		<div class="row">
    483. 

  483. 			<div class="col-md-8 col-md-offset-2 text-center">  
    484. 

  484. 				<h1 class="section-title">来听听程序猿们有什么想说的吧！</h2>
    485. 

  485. 				<p class="section-para">平时不喜欢沟通、不怎么活泼的程序员们也有自己的理想，也会有自己的小情绪，来听听他们有什么想改变世界的想法吧！不要为此惊讶到哦。。爱想象加上勇敢的去尝试，才会有不同的生活体验。对吧！</p>
    486. 

  486. 			</div>
    487. 

  487. 		</div>
    488. 

  488. 		<!--<div class="row">
    489. 

  489. 			<div class="col-md-12">
    490. 

  490. 				<ul class="list-inline sponsor-logo text-center">
    491. 

  491. 					<li><img class="img-responsive" src="images/microsoft.png" alt="client log" /></li>
    492. 

  492. 					<li><img class="img-responsive" src="images/instagram.png" alt="client log" /></li>
    493. 

  493. 					<li><img class="img-responsive" src="images/google.png" alt="client log" /></li>
    494. 

  494. 					<li><img class="img-responsive" src="images/converse.png" alt="client log" /></li>
    495. 

  495. 				</ul>
    496. 

  496. 			</div>
    497. 

  497. 		</div>-->
    498. 

  498. 		<div class="row">
    499. 

  499. 			<div class="col-md-4">
    500. 

  500. 				<div class="people">
    501. 

  501. 					<p>优秀的代码是它自己最好的文档。当你考虑要添加一个注释时，问问自己，“如何能改进这段代码，以让它不需要注释？</p>
    502. 

  502. 					<div class="media">
    503. 

  503. 						<div class="media-body">
    504. 

  504. 							<h3 class="media-heading">学文</h3>
    505. 

  505. 							<strong>爱代码爱生活！就是这么任性</strong>
    506. 

  506. 						</div>
    507. 

  507. 					</div>
    508. 

  508. 				</div>
    509. 

  509. 			</div>
    510. 

  510. 			<div class="col-md-4">
    511. 

  511. 				<div class="people">
    512. 

  512. 					<p>我想用代码改变人生的但最后我发现是人生改变了我写的代码，现在就想睡到醒、不加班写写代码</p>
    513. 

  513. 					<div class="media">
    514. 

  514. 

  515. 						<div class="media-body">
    516. 

  516. 							<h3 class="media-heading">俊哥</h3>
    517. 

  517. 							<strong>爱生活才爱代码！我比较随性</strong>
    518. 

  518. 						</div>
    519. 

  519. 					</div>
    520. 

  520. 				</div>
    521. 

  521. 			</div>
    522. 

  522. 			<div class="col-md-4">
    523. 

  523. 				<div class="people">
    524. 

  524. 					<p>1. 充满热情 2. 醒悟3. 痛苦 4. 找出罪魁祸首 5. 惩罚无辜 6. 褒奖闲人</p>
    525. 

  525. 					<div class="media">
    526. 

  526. 

  527. 						<div class="media-body">
    528. 

  528. 							<h3 class="media-heading">王天良</h3>
    529. 

  529. 							<strong>雄心壮，责任大、运维男，人人夸</strong>
    530. 

  530. 						</div>
    531. 

  531. 					</div>
    532. 

  532. 				</div>
    533. 

  533. 			</div>
    534. 

  534. 

  535. 		</div>
    536. 

  536. 		<div class="row">
    537. 

  537. 			<div class="col-md-4">
    538. 

  538. 				<div class="people">
    539. 

  539. 					<p>无论在排练中演示是如何的顺利(高效)，当面对真正的现场观众时，出现错误的可能性跟在场观看的人数成正比</p>
    540. 

  540. 					<div class="media">
    541. 

  541. 

  542. 						<div class="media-body">
    543. 

  543. 							<h3 class="media-heading">宗洋</h3>
    544. 

  544. 							<strong>不知道我爱什么反正还单身</strong>
    545. 

  545. 						</div>
    546. 

  546. 					</div>
    547. 

  547. 				</div>
    548. 

  548. 			</div>
    549. 

  549. 			<div class="col-md-4">
    550. 

  550. 				<div class="people">
    551. 

  551. 					<p>当你想在你的代码中找到一个错误时，这很难；当你认为你的代码是不会有错误时，这就更难了。</p>
    552. 

  552. 					<div class="media">
    553. 

  553. 

  554. 						<div class="media-body">
    555. 

  555. 							<h3 class="media-heading">刘XX</h3>
    556. 

  556. 							<strong>总回来深夜时文思泉涌</strong>
    557. 

  557. 						</div>
    558. 

  558. 					</div>
    559. 

  559. 				</div>
    560. 

  560. 			</div>
    561. 

  561. 			<div class="col-md-4">
    562. 

  562. 				<div class="people">
    563. 

  563. 					<p>我们这个世界的一个问题是，蠢人信誓旦旦，智人满腹狐疑。</p>
    564. 

  564. 					<div class="media">
    565. 

  565. 

  566. 						<div class="media-body">
    567. 

  567. 							<h3 class="media-heading">王XX</h3>
    568. 

  568. 							<strong>不知道我爱什么反正还单身</strong>
    569. 

  569. 						</div>
    570. 

  570. 					</div>
    571. 

  571. 				</div>
    572. 

  572. 			</div>
    573. 

  573. 		</div>
    574. 

  574. 	</div>
    575. 

  575. </section>
    576. 

  576. <!--======== end recent evnt =========-->
    577. 

  577. 

  578. <!--======== contact =========-->
    579. 

  579. <section id="contact" class="contact">
    580. 

  580. 	<div class="container">
    581. 

  581. 		<div class="row">
    582. 

  582. 			<div class="col-md-8 col-md-offset-2 text-center">  
    583. 

  583. 				<h1 class="section-title">联系我们</h2>
    584. 

  584. 				<p class="section-para">有兴趣更深入的了解我们的产品，或者想加入我们一起来完善我们的作品请看看下面的联系方式，联系我们！加入我们！  期待与你的相遇</p>
    585. 

  585. 			</div>
    586. 

  586. 		</div>
    587. 

  587. 		<div class="row">
    588. 

  588. 			<div class="col-md-4 col-md-offset-2">
    589. 

  589. 				<div class="row">
    590. 

  590. 					<div class="col-md-12">
    591. 

  591. 						<div class="form-group">
    592. 

  592. 							<label class="sr-only" for="exampleInputEmail3">QQ群号</label>
    593. 

  593. 							<p>HC交流群：827669685</p>
    594. 

  594. 							<p>HC开发群：992420128</p>
    595. 

  595. 						</div>
    596. 

  596. 					</div>
    597. 

  597. 					<div class="col-md-12">
    598. 

  598. 						<div class="form-group">
    599. 

  599. 							<label class="sr-only" for="exampleInputEmail3">邮件</label>
    600. 

  600. 							<p>作者邮箱：928255095@qq.com</p>
    601. 

  601. 							<p>程序员邮箱：1537006941@qq.com</p>
    602. 

  602. 						</div>
    603. 

  603. 					</div>
    604. 

  604. 				<!--	<div class="col-md-12">
    605. 

  605. 						<div class="form-group">
    606. 

  606. 							<label class="sr-only" for="exampleInputEmail3">Phone</label>
    607. 

  607. 							<input type="tel" class="form-control" id="exampleInputEmail3" placeholder="Phone">
    608. 

  608. 						</div>
    609. 

  609. 					</div>-->
    610. 

  610. 				</div>    
    611. 

  611. 			</div>
    612. 

  612. 		<!--	<div class="col-md-4">
    613. 

  613. 				<div class="row">
    614. 

  614. 					<div class="col-md-12">
    615. 

  615. 						<div class="form-group">
    616. 

  616. 							<label class="sr-only" for="exampleInputEmail3">Massage</label>
    617. 

  617. 							<textarea class="form-control textarea" rows="5" placeholder="Massage"></textarea>
    618. 

  618. 						</div>
    619. 

  619. 					</div>
    620. 

  620. 				</div>
    621. 

  621. 			</div>-->
    622. 

  622. 		</div>
    623. 

  623. 		<div class="row">
    624. 

  624. 			<div class="col-md-8 col-md-offset-2">
    625. 

  625. 				<ul class="list-inline social-links text-center">
    626. 

  626. 					<li><a href="https://weibo.com/homecommunity"><i class="fa fa-Twitter"></i></a></li>
    627. 

  627. 				</ul>
    628. 

  628. 			</div>
    629. 

  629. 		</div>
    630. 

  630. 	</div>    
    631. 

  631. </section>
    632. 

  632. <!--======== end contact =========-->
    633. 

  633. 

  634. <!--======== footer =========-->
    635. 

  635. <footer class="footer">
    636. 

  636. 	<div class="container">
    637. 

  637. 		<div class="row">
    638. 

  638. 			<div class="col-md-12 col-sm-12 col-md-12 text-center">
    639. 

  639. 				<p>Copyright &copy; 2019.Company name All rights reserved.</p>
    640. 

  640. 			</div>
    641. 

  641. 		</div>
    642. 

  642. 	</div>    
    643. 

  643. </footer>
    644. 

  644. <!--======== end footer =========-->
    645. 

  645. 

  646. <!--======== All Javascript =========-->
    647. 

  647. <script src="js/jquery-2.1.1.js"></script>
    648. 

  648. <script src="js/bootstrap.min.js"></script>
    649. 

  649. <script src="js/owl.carousel.min.js"></script>
    650. 

  650. <script src="js/custom.js"></script>
    651. 

  651. </body>
    652. 

  652. </html>
    653.