Parcourir la source

官网项目初始化

zhangsong il y a 6 ans
commit
7000609212
100 fichiers modifiés avec 15255 ajouts et 0 suppressions
  1. 179 0
      -r
  2. 5 0
      .idea/codeStyles/codeStyleConfig.xml
  3. 12 0
      .idea/html.iml
  4. 6 0
      .idea/misc.xml
  5. 8 0
      .idea/modules.xml
  6. 289 0
      .idea/workspace.xml
  7. 12 0
      ElabWeb/.idea/ElabWeb.iml
  8. 8 0
      ElabWeb/.idea/modules.xml
  9. 6 0
      ElabWeb/.idea/vcs.xml
  10. 312 0
      ElabWeb/.idea/workspace.xml
  11. 1 0
      README.md
  12. 275 0
      careers.html
  13. 199 0
      chuangshiren.html
  14. 148 0
      contact.html
  15. 4207 0
      css/animate.css
  16. 3259 0
      css/animate.min.css
  17. 1443 0
      css/index.css
  18. 92 0
      css/reset.css
  19. 3338 0
      css/style.css
  20. 15 0
      css/swiper-3.4.2.min.css
  21. 618 0
      css/swiper.css
  22. 99 0
      css/unslider.css
  23. 266 0
      do-damai.html
  24. 184 0
      do-future.html
  25. 274 0
      do.html
  26. BIN
      fonts/Arita-Heiti.ttf
  27. BIN
      fonts/AritaHeiti-Bold.ttf
  28. BIN
      fonts/AritaHeiti-Light.ttf
  29. BIN
      fonts/DIN Condensed Bold.ttf
  30. BIN
      fonts/DINCond-Light.otf
  31. BIN
      fonts/FZDeSaiHei125S-R-GB.ttf
  32. BIN
      fonts/aven.ttf
  33. BIN
      images/1-1.png
  34. BIN
      images/1.png
  35. BIN
      images/BG@2x.jpg
  36. BIN
      images/Bitmap@2x.png
  37. BIN
      images/Bitmap@2x9.png
  38. BIN
      images/Group 2@2x01.png
  39. BIN
      images/Group 2@2x02.png
  40. BIN
      images/Group 2@2x03.png
  41. BIN
      images/Group 4@2x.png
  42. BIN
      images/Group 7@2x.png
  43. BIN
      images/Group-2@2x02.png
  44. BIN
      images/Group@2x.png
  45. BIN
      images/Group@2x01.png
  46. BIN
      images/Group@2x02.png
  47. BIN
      images/Group@2x03.png
  48. BIN
      images/Line.png
  49. BIN
      images/Line0.png
  50. BIN
      images/Main@2x.png
  51. BIN
      images/Main@2x01.png
  52. BIN
      images/Menu-icon.png
  53. BIN
      images/Menu-icon@2x.png
  54. BIN
      images/Works-icon@2x.png
  55. BIN
      images/bg01.png
  56. BIN
      images/bg02.png
  57. BIN
      images/bg03.png
  58. BIN
      images/contact/1_objects@2x.png
  59. BIN
      images/contact/1_objects@2x_1.png
  60. BIN
      images/contact/1_objects@2x_2.png
  61. BIN
      images/contact/1_objects@2x_3.png
  62. BIN
      images/contact/1_objects@2x_4.png
  63. BIN
      images/contact/1_objects@2x_5.png
  64. BIN
      images/contact/1_objects@2x_6.png
  65. BIN
      images/do/1_objects@2x.png
  66. BIN
      images/do/1_objects@2x_1.png
  67. BIN
      images/do/1_objects@2x_10.png
  68. BIN
      images/do/1_objects@2x_11.png
  69. BIN
      images/do/1_objects@2x_12.png
  70. BIN
      images/do/1_objects@2x_13.png
  71. BIN
      images/do/1_objects@2x_14.png
  72. BIN
      images/do/1_objects@2x_15.png
  73. BIN
      images/do/1_objects@2x_16.png
  74. BIN
      images/do/1_objects@2x_17.png
  75. BIN
      images/do/1_objects@2x_18.png
  76. BIN
      images/do/1_objects@2x_19.png
  77. BIN
      images/do/1_objects@2x_2.png
  78. BIN
      images/do/1_objects@2x_21.png
  79. BIN
      images/do/1_objects@2x_22.png
  80. BIN
      images/do/1_objects@2x_23.png
  81. BIN
      images/do/1_objects@2x_24.png
  82. BIN
      images/do/1_objects@2x_26.png
  83. BIN
      images/do/1_objects@2x_27.png
  84. BIN
      images/do/1_objects@2x_28.jpg
  85. BIN
      images/do/1_objects@2x_3.png
  86. BIN
      images/do/1_objects@2x_4.png
  87. BIN
      images/do/1_objects@2x_5.png
  88. BIN
      images/do/1_objects@2x_6.png
  89. BIN
      images/do/1_objects@2x_7.png
  90. BIN
      images/do/1_objects@2x_8.png
  91. BIN
      images/do/1_objects@2x_9.png
  92. BIN
      images/do/2_objects@2x.png
  93. BIN
      images/do/2_objects@2x_1.png
  94. BIN
      images/do/2_objects@2x_2.png
  95. BIN
      images/do/2_objects@2x_3.png
  96. BIN
      images/do/3_objects@2x.png
  97. BIN
      images/do/4_objects@2x.png
  98. BIN
      images/do/4_objects@2x_1.png
  99. BIN
      images/do/4_objects@2x_1_1.png
  100. 0 0
      images/ic_clear@2x.png

+ 179 - 0
-r

@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+
+	<head>
+		<meta charset="UTF-8">
+		<title></title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="description" content="">
+		<link rel="stylesheet" href="css/reset.css">
+		<link rel="stylesheet" href="css/index.css?v=0.0006247">
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+		<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
+		<script src="js/jquery-1.11.3.min.js"></script>
+		<script src="js/rem.js"></script>
+		<script>
+			window['adaptive'].desinWidth = 750;
+			window['adaptive'].init();
+		</script>
+		<style type="text/css">
+			body,
+			.container {
+				background: #000004;
+			}
+
+			.con_t {
+				width: 100%;
+			}
+
+			.swiperBox {
+				width: 100%;
+				height: 900px;
+				position: relative;
+				overflow: hidden;
+				z-index: 1;
+			}
+
+			.swiper {
+				position: absolute;
+				left: 0;
+				top: 0;
+				height: 100%;
+			}
+
+			.swiper-container-horizontal>.swiper-pagination-bullets,
+			.swiper-pagination-custom,
+			.swiper-pagination-fraction {
+				position: absolute;
+				z-index: 20;
+			}
+
+			@media only screen and (max-width: 1024px) {
+				.swiperBox {
+					height: 484px;
+				}
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div class="container">
+			<div class="close-bar"></div>
+			<div class="con_t">
+				<img src="	http://yun-image.elab-plus.com/images/1-1.png" alt="" class="wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+				<div class="left">
+					<h3 class="cai wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">蔡雪梅</h3>
+					<span class="line wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"></span>
+					<p class="p_p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">曾任世茂集团集团副总裁兼营销总经理,北京龙湖营销营销副总,龙湖集团营销中心副总,龙湖集团产品体验中心总监</p>
+				</div>
+				<div class="right">
+					<h3 class="h33 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">ELAB创始人兼CEO</h3>
+					<div class="work wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
+						<h3>WORK EXPERIENCE</h3>
+						<P>曾将世茂公司业绩从280亿到达710亿;</P>
+						<p>从全国排名13位提升至第8位。</p>
+					</div>
+					<h3 class="n wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">Cher Cai</h3>
+					<div class="gx wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
+						<P>曾带领龙湖地产从30亿到330亿</P>
+						<p>从3个城市到13个城市,</p>
+						<p>从地方民营企业到香港上市公司的全过程。</p>
+					</div>
+					<div class="w wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
+						<P>在担任龙湖集团产品体验中心总监期间,</P>
+						<p>深耕各业态高端产品系。</p>
+					</div>
+				</div>
+			</div>
+			<div class="sb" style="background: url(http://yun-image.elab-plus.com/images/Group@2x.png) center no-repeat;background-size: cover;">
+				<div class="shuzi">
+					<p>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s"> <strong>20</strong> 年</span>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="1s">
+									<strong>60</strong>城
+								</span>
+					</p>
+					<p>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.5s">
+									<strong>130<sup>+</sup></strong>项目
+								</span>
+					</p>
+					<p>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="2s">
+									<strong>220</strong>亿销售额
+								</span>
+					</p>
+				</div>
+			</div>
+			<div class="swiperBox">
+				<div class="swiper">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<div class="swiper-box">
+								<div class="s_inner">
+									<h3>“可不可以,开启一段旅程,无关其他,只为热爱?”</h3>
+									<p class="sm">--蔡雪梅</p>
+									<p class="sub">
+										2015年,蔡雪梅深刻感知到地产行业的内忧外患,同时看到了地产外技术赋能下的新的商业环境,在传统地产公司无法大刀阔斧改革的情况下,毅然结束了 20 年的房地产高级职业经理人生涯,在上海创办了以技术和数据驱动的新型房地产开发互联网平台型公司,ELAB。
+									</p>
+								</div>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="swiper-box">
+								<div class="s_inner">
+									<h3>“探索必不可少”</h3>
+									<p class="sm">--蔡雪梅</p>
+									<p class="sub">
+										现在,蔡雪梅正和她的团队,持续推动创新,通过技术,数据,产品赋能,改变传统开发模式,实现以客户需求为核心的未来人居创新产品预制开发,努力 让ELAB成为客户价值和客户利益的创造者,研究未来最领先的生活方式和美好体验,并从源头解决开发商痛点,推动行业可持续发展。
+									</p>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="span"></div>
+				</div>
+			</div>
+
+		</div>
+
+	</body>
+	<!--<script src="http://yun-image.elab-plus.com/js/index.js"></script>-->
+	<script src="js/wow.js"></script>
+	<script src="js/swiper-3.4.2.min.js"></script>
+	<script>
+		$(function() {
+
+			var $_w = $(top).width();
+			$(".swiper").width($_w + "px");
+
+			var swiper = new Swiper('.swiper', {
+				pagination: '.span',
+				paginationClickable: false,
+				autoplay: 3000,
+				speed: 800,
+				loop: true
+			});
+
+			$('.close-bar').on('click', function(e) {
+				$("html,body").fadeOut(500);
+				parent.closeChuang();
+			});
+
+		});
+
+		function startWow() {
+			//start wow
+			var wow = new WOW({
+				boxClass: 'wow',
+				animateClass: 'animated',
+				offset: 0,
+				mobile: true,
+				live: true
+			});
+			wow.init();
+		}
+	</script>
+
+</html>

+ 5 - 0
.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

+ 12 - 0
.idea/html.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

+ 6 - 0
.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

+ 8 - 0
.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/html.iml" filepath="$PROJECT_DIR$/.idea/html.iml" />
+    </modules>
+  </component>
+</project>

+ 289 - 0
.idea/workspace.xml

@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="16049291-669a-47fb-8e5c-99449ef4a199" name="Default" comment="" />
+    <ignored path="$PROJECT_DIR$/.tmp/" />
+    <ignored path="$PROJECT_DIR$/temp/" />
+    <ignored path="$PROJECT_DIR$/tmp/" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
+      <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/index.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="451">
+              <caret line="564" column="27" lean-forward="true" selection-start-line="564" selection-start-column="27" selection-end-line="564" selection-end-column="27" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="contact.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/contact.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="425">
+              <caret line="17" lean-forward="true" selection-start-line="17" selection-end-line="17" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="projects-1-1.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/projects-1-1.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="2475">
+              <caret line="99" column="26" selection-start-line="99" selection-start-column="26" selection-end-line="99" selection-end-column="26" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="chuangshiren.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="818">
+              <caret line="119" column="112" selection-start-line="119" selection-start-column="112" selection-end-line="119" selection-end-column="112" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="licheng.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/licheng.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="10325">
+              <caret line="413" column="37" selection-start-line="413" selection-start-column="37" selection-end-line="413" selection-end-column="37" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>我们在线收集了大量C端的产品设计需求热度数</find>
+      <find>showSliderLink</find>
+      <find>images/slider/2.jpg</find>
+      <find>ELAB是一家以技术</find>
+      <find>ELAB是一家以技术和数据驱动的新型未来人居空间开发的互联网平台型</find>
+      <find>swiper-slide</find>
+      <find>.swiper</find>
+      <find>售后全生命周期地产线上营销应用场</find>
+      <find>spaceBetween</find>
+      <find>“探索必不可少”</find>
+    </findStrings>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/licheng.html" />
+        <option value="$PROJECT_DIR$/projects-1-1.html" />
+        <option value="$PROJECT_DIR$/chuangshiren.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsFlowSettings">
+    <service-enabled>true</service-enabled>
+    <exe-path />
+    <other-services-enabled>true</other-services-enabled>
+    <auto-save>true</auto-save>
+  </component>
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+    <sorting>DEFINITION_ORDER</sorting>
+  </component>
+  <component name="NodePackageJsonFileManager">
+    <packageJsonPaths />
+  </component>
+  <component name="ProjectFrameBounds" extendedState="6">
+    <option name="x" value="1912" />
+    <option name="y" value="-8" />
+    <option name="width" value="1936" />
+    <option name="height" value="1056" />
+  </component>
+  <component name="ProjectView">
+    <navigator proportions="" version="1">
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="html" type="b2602c69:ProjectViewProjectNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="html" type="b2602c69:ProjectViewProjectNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="css" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="html" type="b2602c69:ProjectViewProjectNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="ElabWeb" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="html" type="b2602c69:ProjectViewProjectNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="ElabWeb" type="462c0819:PsiDirectoryNode" />
+              <item name=".idea" type="462c0819:PsiDirectoryNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+      <pane id="Scope" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
+    <property name="nodejs_npm_path_reset_for_default_project" value="true" />
+    <property name="settings.editor.selected.configurable" value="configurable.group.editor" />
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="16049291-669a-47fb-8e5c-99449ef4a199" name="Default" comment="" />
+      <created>1539660406739</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1539660406739</updated>
+      <workItem from="1539660408684" duration="3563000" />
+      <workItem from="1543228014921" duration="1384000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="4947000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="1912" y="-8" width="1936" height="1056" extended-state="6" />
+    <editor active="true" />
+    <layout>
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.13856691" />
+      <window_info anchor="bottom" id="TODO" order="6" />
+      <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Event Log" order="7" side_tool="true" />
+      <window_info anchor="bottom" id="Version Control" order="7" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Run" order="2" />
+      <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
+      <window_info anchor="bottom" id="Terminal" order="7" />
+      <window_info id="Favorites" order="2" side_tool="true" />
+      <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
+      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+      <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
+      <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
+      <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
+      <window_info anchor="bottom" id="Message" order="0" />
+      <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
+      <window_info anchor="bottom" id="Find" order="1" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="13725">
+          <caret line="549" column="13" lean-forward="true" selection-start-line="549" selection-start-column="13" selection-end-line="549" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/projects-1-1.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2475">
+          <caret line="99" column="26" lean-forward="true" selection-start-line="99" selection-start-column="26" selection-end-line="99" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/licheng.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="10325">
+          <caret line="413" column="37" lean-forward="true" selection-start-line="413" selection-start-column="37" selection-end-line="413" selection-end-column="37" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2975">
+          <caret line="119" column="112" selection-start-line="119" selection-start-column="112" selection-end-line="119" selection-end-column="112" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/licheng.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="10325">
+          <caret line="413" column="37" selection-start-line="413" selection-start-column="37" selection-end-line="413" selection-end-column="37" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/projects-1-1.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2475">
+          <caret line="99" column="26" selection-start-line="99" selection-start-column="26" selection-end-line="99" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="818">
+          <caret line="119" column="112" selection-start-line="119" selection-start-column="112" selection-end-line="119" selection-end-column="112" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/contact.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="425">
+          <caret line="17" lean-forward="true" selection-start-line="17" selection-end-line="17" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="451">
+          <caret line="564" column="27" lean-forward="true" selection-start-line="564" selection-start-column="27" selection-end-line="564" selection-end-column="27" />
+        </state>
+      </provider>
+    </entry>
+  </component>
+  <component name="masterDetails">
+    <states>
+      <state key="ScopeChooserConfigurable.UI">
+        <settings>
+          <splitter-proportions>
+            <option name="proportions">
+              <list>
+                <option value="0.2" />
+              </list>
+            </option>
+          </splitter-proportions>
+        </settings>
+      </state>
+    </states>
+  </component>
+</project>

+ 12 - 0
ElabWeb/.idea/ElabWeb.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

+ 8 - 0
ElabWeb/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ElabWeb.iml" filepath="$PROJECT_DIR$/.idea/ElabWeb.iml" />
+    </modules>
+  </component>
+</project>

+ 6 - 0
ElabWeb/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

+ 312 - 0
ElabWeb/.idea/workspace.xml

@@ -0,0 +1,312 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="0739358d-fdeb-45f8-ab5c-b13eadea29c5" name="Default" comment="" />
+    <ignored path="$PROJECT_DIR$/.tmp/" />
+    <ignored path="$PROJECT_DIR$/temp/" />
+    <ignored path="$PROJECT_DIR$/tmp/" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="licheng.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/licheng.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="405">
+              <caret line="135" column="141" lean-forward="true" selection-start-line="135" selection-start-column="141" selection-end-line="135" selection-end-column="141" />
+              <folding>
+                <element signature="n#style#0;n#span#0;n#p#1;n#div#0;n#li#3;n#ul#1;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#1;n#p#1;n#div#0;n#li#3;n#ul#1;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#li#1;n#ul#2;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#1;n#p#0;n#div#0;n#li#1;n#ul#2;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="e#10958#10964#1" expanded="true" />
+                <element signature="e#11100#11106#1" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="do.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/do.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="240">
+              <caret line="253" column="36" lean-forward="false" selection-start-line="253" selection-start-column="36" selection-end-line="253" selection-end-column="36" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="do-damai.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/do-damai.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="226">
+              <caret line="180" column="133" lean-forward="true" selection-start-line="180" selection-start-column="133" selection-end-line="180" selection-end-column="133" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="chuangshiren.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="331">
+              <caret line="30" column="24" lean-forward="false" selection-start-line="30" selection-start-column="24" selection-end-line="30" selection-end-column="24" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="index.css" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/index.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="123">
+              <caret line="381" column="15" lean-forward="true" selection-start-line="381" selection-start-column="15" selection-end-line="381" selection-end-column="15" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>progressFirst</find>
+      <find>.progressFirst</find>
+      <find>progressSecondText</find>
+    </findStrings>
+    <replaceStrings>
+      <replace />
+    </replaceStrings>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/css/index.css" />
+        <option value="$PROJECT_DIR$/licheng.html" />
+        <option value="$PROJECT_DIR$/do.html" />
+        <option value="$PROJECT_DIR$/do-damai.html" />
+        <option value="$PROJECT_DIR$/chuangshiren.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+    <sorting>DEFINITION_ORDER</sorting>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="46" />
+    <option name="y" value="44" />
+    <option name="width" value="1394" />
+    <option name="height" value="757" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+      <manualOrder />
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="Scratches" />
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="ElabWeb" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ElabWeb" type="462c0819:PsiDirectoryNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="settings.editor.selected.configurable" value="preferences.lookFeel" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false">
+    <option name="remove_strategy" value="false" />
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="0739358d-fdeb-45f8-ab5c-b13eadea29c5" name="Default" comment="" />
+      <created>1538474319810</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1538474319810</updated>
+      <workItem from="1538474321217" duration="4008000" />
+    </task>
+    <task id="LOCAL-00001" summary="修改轮播文字">
+      <created>1538476034349</created>
+      <option name="number" value="00001" />
+      <option name="presentableId" value="LOCAL-00001" />
+      <option name="project" value="LOCAL" />
+      <updated>1538476034349</updated>
+    </task>
+    <task id="LOCAL-00002" summary="hover 位置调整">
+      <created>1538477374593</created>
+      <option name="number" value="00002" />
+      <option name="presentableId" value="LOCAL-00002" />
+      <option name="project" value="LOCAL" />
+      <updated>1538477374593</updated>
+    </task>
+    <task id="LOCAL-00003" summary="Merge branch 'master' of https://github.com/mawicWang/ElabWeb&#10;&#10;# Conflicts:&#10;#&#9;licheng.html">
+      <created>1538477841981</created>
+      <option name="number" value="00003" />
+      <option name="presentableId" value="LOCAL-00003" />
+      <option name="project" value="LOCAL" />
+      <updated>1538477841981</updated>
+    </task>
+    <task id="LOCAL-00004" summary="唯品顺位文字宽度修复">
+      <created>1538478030440</created>
+      <option name="number" value="00004" />
+      <option name="presentableId" value="LOCAL-00004" />
+      <option name="project" value="LOCAL" />
+      <updated>1538478030440</updated>
+    </task>
+    <task id="LOCAL-00005" summary="文字修复">
+      <created>1538478520144</created>
+      <option name="number" value="00005" />
+      <option name="presentableId" value="LOCAL-00005" />
+      <option name="project" value="LOCAL" />
+      <updated>1538478520145</updated>
+    </task>
+    <task id="LOCAL-00006" summary="创始人头像cdn">
+      <created>1538478742327</created>
+      <option name="number" value="00006" />
+      <option name="presentableId" value="LOCAL-00006" />
+      <option name="project" value="LOCAL" />
+      <updated>1538478742327</updated>
+    </task>
+    <option name="localTasksCounter" value="7" />
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="4008000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="46" y="44" width="1394" height="757" extended-state="0" />
+    <layout>
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24981792" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="VcsManagerConfiguration">
+    <MESSAGE value="修改轮播文字" />
+    <MESSAGE value="hover 位置调整" />
+    <MESSAGE value="Merge branch 'master' of https://github.com/mawicWang/ElabWeb&#10;&#10;# Conflicts:&#10;#&#9;licheng.html" />
+    <MESSAGE value="唯品顺位文字宽度修复" />
+    <MESSAGE value="文字修复" />
+    <MESSAGE value="创始人头像cdn" />
+    <option name="LAST_COMMIT_MESSAGE" value="创始人头像cdn" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/css/index.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="123">
+          <caret line="381" column="15" lean-forward="true" selection-start-line="381" selection-start-column="15" selection-end-line="381" selection-end-column="15" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/licheng.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="405">
+          <caret line="135" column="141" lean-forward="true" selection-start-line="135" selection-start-column="141" selection-end-line="135" selection-end-column="141" />
+          <folding>
+            <element signature="n#style#0;n#span#0;n#p#1;n#div#0;n#li#3;n#ul#1;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#1;n#p#1;n#div#0;n#li#3;n#ul#1;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#li#1;n#ul#2;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#1;n#p#0;n#div#0;n#li#1;n#ul#2;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="e#10958#10964#1" expanded="true" />
+            <element signature="e#11100#11106#1" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/do.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="240">
+          <caret line="253" column="36" lean-forward="false" selection-start-line="253" selection-start-column="36" selection-end-line="253" selection-end-column="36" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/do-damai.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="226">
+          <caret line="180" column="133" lean-forward="true" selection-start-line="180" selection-start-column="133" selection-end-line="180" selection-end-column="133" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/chuangshiren.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="331">
+          <caret line="30" column="24" lean-forward="false" selection-start-line="30" selection-start-column="24" selection-end-line="30" selection-end-column="24" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>

+ 1 - 0
README.md

@@ -0,0 +1 @@
+# ElabWeb

+ 275 - 0
careers.html

@@ -0,0 +1,275 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+	<head>
+		<meta charset="UTF-8">
+		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
+		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
+		<title>CAREERS | ELAB</title>
+		<link rel="stylesheet" href="css/reset.css"></link>
+		<link rel="stylesheet" href="css/style.css"></link>
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+		<style type="text/css">
+			html,
+			body {
+				height: auto;
+			}
+			.full{padding-top: 0;}
+			#careers {
+				width: 100%;
+				height: auto;
+				background: #1b2030;
+				max-width: none;
+				overflow-x: hidden;
+				overflow-y: auto;
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div id="careers" class="page">
+
+			<div class="full">
+				<!--top menu-->
+			<div class="top-menu wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
+				<div class="logo">
+					<a href="javascript:parent.showIndex();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/index/1_objects@2x_2.png" /></a>
+				</div>
+				<div class="menu"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/index/1_objects@2x_3.png" /></div>
+				<div class="cases"><a href="javascript:parent.showIndex();parent.showProjects();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/index/1_objects@2x_4.png" /></a></div>
+			</div>
+			
+			<!--main menu-->
+			<div class="main-menu">
+				<div class="menu-close"></div>
+				<ul class="menu-list">
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showProjects();">作品案例<small>PROJECTS</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showCareers();">加入我们<small>CAREERS</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showContact();">联系我们<small>CONTACTS</small></a>
+					</li>
+				</ul>
+			</div>
+			
+			<div class="who-we-are wow fadeInUpIndex" data-wow-duration="1s" data-wow-delay="3s">
+				<p>
+					<a href="javascript:parent.showIndex();parent.showWho();">我们是谁</a>
+				</p>
+				<div class="slide-line"></div>
+				<div class="slide-line1"></div>
+			</div>
+			<div class="what-we-do wow fadeInUpIndex1" data-wow-duration="1s" data-wow-delay="3s">
+				<p>
+					<a href="javascript:parent.showIndex();parent.showDo();">我们在做什么</a>
+				</p>
+				<div class="slide-line"></div>
+				<div class="slide-line1"></div>
+			</div>
+
+				<!--main-->
+				<div class="index-body">&nbsp;</div>
+
+				<div class="page-parts wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
+
+					<img class="parts-img wow fadeIn" data-wow-duration="1s" data-wow-delay="2.5s" src="http://yun-image.elab-plus.com/images/join/1_objects@2x.png" />
+					<img class="parts-title wow fadeInLeft" data-wow-duration="1s" data-wow-delay="2.5s" src="http://yun-image.elab-plus.com/images/join/3_objects@2x.png" />
+
+					<div class="parts2 page-parts">
+						<div class="future wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
+							<p class="title">公司愿景</p>
+							<p><span class="line"></span></p>
+							<p>以数据和技术驱动的新型房地产柔性开发的领导者</p>
+							<p>未来人居的缔造者</p>
+						</div>
+						<div class="ouer-values wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s">
+							<p class="title">核心价值观</p>
+							<p>要成功更要成长,要胜利更要抗挫;</p>
+							<p>要权利更要责任,要自由更要自制;</p>
+							<p>要创新更要专注,要利己更要共赢;</p>
+							<p>要赚钱更要值钱,要高速更要高效。</p>
+						</div>
+						<img id="imgForParts2" class="parts-img wow fadeInUp" data-wow-duration="1s" src="http://yun-image.elab-plus.com/images/join/1_objects@2x_1.png" />
+					</div>
+
+					<div class="parts3 page-parts">
+						<div class="ouer-rules wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s">
+							<p class="title">用人理念</p>
+							<p>以德为先,以才为重;</p>
+							<p>知行合一,追求卓越。</p>
+						</div>
+					</div>
+
+					<div class="parts4 page-parts">
+						<img class="parts-title wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/join/3_objects@2x_1.png" />
+						<div class="ouer-find">
+							<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0s">&nbsp;</p>
+							<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">&nbsp;</p>
+							<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s">&nbsp;</p>
+							<!--<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s">&nbsp;</p>-->
+							<!--<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.2s">&nbsp;</p>-->
+						</div>
+						<div class="view-jobs wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s"><span>查看职位</span></div>
+					</div>
+
+				</div>
+
+			</div>
+
+		</div>
+
+		<div class="jobs-layer">
+			<div class="close-bar"></div>
+			<div class="desc">根据ELAB 2018年未来规划,现诚聘以下职位:</div>
+			<div class="tab-head tab">
+				<div class="tab-cell">职位名称</div>
+				<div class="tab-cell hidden-small">招聘人数</div>
+				<div class="tab-cell hidden-small">公司</div>
+				<div class="tab-cell">地点</div>
+				<div class="tab-cell  font0">更新时间</div>
+			</div>
+			<div class="tab-body">
+				<div>暂无招聘信息</div>
+			</div>
+			<div class="tab-footer">
+				<div class="list-item"><img class="contact-icon" src="http://yun-image.elab-plus.com/images/join/1_objects@2x_4.png" />上海市静安区彭江路602号E座408室</div>
+				<div class="list-item"><img class="contact-icon" src="http://yun-image.elab-plus.com/images/join/1_objects@2x_5.png" />
+					<a href="tel:02156519508">021-56519508</a>
+				</div>
+				<div class="list-item"><img class="contact-icon" src="http://yun-image.elab-plus.com/images/join/1_objects@2x_6.png" />
+					<a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a>
+				</div>
+			</div>
+		</div>
+
+		<script src="js/jquery-1.11.3.min.js"></script>
+		<script src="js/wow.js"></script>
+		<script>
+			$(function() {
+				
+				//show menu
+				$(".menu").on("click", function(e) {
+					$(".main-menu").addClass("active");
+				});
+				//close menu
+				$('.menu-close').on('click', function(e) {
+					$(".main-menu").removeClass("active");
+				});
+				
+				//hover style
+				$(".who-we-are").on('mouseover', function(e) {
+					$(".footer .left,#leftWave").addClass("active");
+					$(".who-we-are .slide-line,.who-we-are .slide-line1").addClass("active");
+				});
+				$(".who-we-are").on('mouseout', function(e) {
+					$(".footer .left,#leftWave").removeClass("active");
+					$(".who-we-are .slide-line,.who-we-are .slide-line1").removeClass("active").addClass("fadeInUp");
+
+				});
+
+				$(".what-we-do").on('mouseover', function(e) {
+					$(".footer .right,#rightWave").addClass("active");
+					$(".what-we-do .slide-line,.what-we-do .slide-line1").addClass("active");
+					$("#menuLayer .cases img").attr("src", "images/index/1_objects@2x_5.png");
+				});
+				$(".what-we-do").on('mouseout', function(e) {
+					//setTimeout(function(){
+					$(".footer .right,#rightWave").removeClass("active");
+					$(".what-we-do .slide-line,.what-we-do .slide-line1").removeClass("active").addClass("fadeInUp");
+					$("#menuLayer .cases img").attr("src", "images/index/1_objects@2x_4.png");
+					//},600);
+				});
+
+				//加载职位信息
+				$.get("http://106.14.225.13:8081/rest/listJob", function(result) {
+					console.log(result);
+					var $_list = result.result.list;
+					if($_list.length > 0) {
+						$(".tab-body").empty(); //清空demo
+						for(var i = 0; i < $_list.length; i++) {
+							var tmp = $_list[i];
+							var $_time = tmp['updateTime'];
+                            var $_date = getMyDate($_time);
+							var $_html = `<div class="tab inner-tab">
+			    	<div class="tab-cell">${tmp['postion']}</div>
+				    <div class="tab-cell hidden-small">${tmp['number']}</div>
+				    <div class="tab-cell hidden-small">${tmp['company']}</div>
+				    <div class="tab-cell">${tmp['locaton']}</div>
+				    <div class="tab-cell font0">${$_date} <i class="list-arrow" onclick="showDetail(this,${i})"></i></div>
+				    <div class="detail" id="details${i}"><div class="job-inner"><p>${tmp['description']}</p></div></div>
+				    </div>`;
+							$(".tab-body").append($_html);
+						}
+					}
+
+				});
+
+				//show jobs
+				$('.view-jobs').on('click', function(e) {
+					$(".jobs-layer").fadeIn(800);
+				});
+
+				//关闭jobs
+				$('.close-bar').on('click', function(e) {
+					$(".jobs-layer").fadeOut(800);
+				});
+
+			});
+			
+			function showDetail(obj,i){
+				$(obj).toggleClass("open");
+				$("#details"+i+"").toggleClass("show");
+			}
+
+			function startWow() {
+				//start wow
+				var wow = new WOW({
+					boxClass: 'wow',
+					animateClass: 'animated',
+					offset: 100,
+					mobile: true,
+					live: true
+				});
+				wow.init();
+			}
+
+			function menuShowProjects() {
+				top.closeAndShowPro('careersLayer');
+			}
+
+			function getMyDate(str) {
+				//console.log(new Date(str*1000));
+				var oDate = new Date(str*1000),
+					oYear = oDate.getFullYear(),
+					oMonth = oDate.getMonth() + 1,
+					oDay = oDate.getDate(),
+					oHour = oDate.getHours(),
+					oMin = oDate.getMinutes(),
+					oSen = oDate.getSeconds(),
+					//oTime = oYear + '-' + getzf(oMonth) + '-' + getzf(oDay) + ' ' + getzf(oHour) + ':' + getzf(oMin) + ':' + getzf(oSen); //最后拼接时间
+					oTime = oYear + '-' + getzf(oMonth) + '-' + getzf(oDay); //最后拼接时间
+				return oTime;
+			};
+			//补0操作
+			function getzf(num) {
+				if(parseInt(num) < 10) {
+					num = '0' + num;
+				}
+				return num;
+			}
+		</script>
+
+	</body>
+
+</html>

+ 199 - 0
chuangshiren.html

@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+
+	<head>
+		<meta charset="UTF-8">
+		<title></title>
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="description" content="">
+		<link rel="stylesheet" href="css/reset.css">
+		<link rel="stylesheet" href="css/index.css?v=0.0006247">
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+		<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
+		<script src="js/jquery-1.11.3.min.js"></script>
+		<script src="js/rem.js"></script>
+		<script>
+			window['adaptive'].desinWidth = 750;
+			window['adaptive'].init();
+		</script>
+		<style type="text/css">
+			body,
+			.container {
+				background: #000004;
+			}
+
+			.con_t {
+				width: 100%;
+			}
+
+			.swiperBox {
+				width: 100%;
+				height: 900px;
+				position: relative;
+				overflow: hidden;
+				z-index: 1;
+			}
+
+			.swiper {
+				position: absolute;
+				left: 0;
+				top: 0;
+				height: 100%;
+			}
+
+			.swiper-container-horizontal>.swiper-pagination-bullets,
+			.swiper-pagination-custom,
+			.swiper-pagination-fraction {
+				position: absolute;
+				z-index: 20;
+			}
+
+			@media only screen and (max-width: 812px) and (-webkit-min-device-pixel-ratio:2) {
+				.swiperBox {
+					height: 520px;
+				}
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div class="container">
+			<div class="close-bar"></div>
+			<div class="con_t">
+				<img src="	http://yun-image.elab-plus.com/images/1-1.png" alt="" class="wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
+				<div class="left">
+					<h3 class="cai wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">蔡雪梅</h3>
+					<span class="line wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"></span>
+					<p class="p_p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">曾任世茂集团集团副总裁兼营销总经理,北京龙湖营销营销副总,龙湖集团营销中心副总,龙湖集团产品体验中心总监</p>
+				</div>
+				<div class="right">
+					<h3 class="h33 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">ELAB创始人兼CEO</h3>
+					<div class="work wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
+						<h3>WORK EXPERIENCE</h3>
+						<P>曾将世茂公司业绩从280亿到达710亿;</P>
+						<p>从全国排名13位提升至第8位。</p>
+					</div>
+					<h3 class="n wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">Cher Cai</h3>
+					<div class="gx wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
+						<P>曾带领龙湖地产从30亿到330亿</P>
+						<p>从3个城市到13个城市,</p>
+						<p>从地方民营企业到香港上市公司的全过程。</p>
+					</div>
+					<div class="w wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
+						<P>在担任龙湖集团产品体验中心总监期间,</P>
+						<p>深耕各业态高端产品系。</p>
+					</div>
+				</div>
+			</div>
+			<div class="sb" style="background: url(http://yun-image.elab-plus.com/images/Group@2x.png) center no-repeat;background-size: cover;">
+				<div class="shuzi">
+					<p>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+							<strong>20</strong> 年
+						</span>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="1s">
+							<strong>60</strong>城
+						</span>
+					</p>
+					<p>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.5s">
+							<strong id="withPlus">130<sup>+</sup></strong>项目
+						</span>
+					</p>
+					<p>
+						<span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="2s">
+							<strong>2200</strong>亿销售额
+						</span>
+					</p>
+				</div>
+			</div>
+			<div class="swiperBox">
+				<div class="swiper">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide">
+							<div class="swiper-box">
+								<div class="s_inner">
+									<h3>“可不可以,开启一段旅程,无关其他,只为热爱?”</h3>
+									<p class="sm">--蔡雪梅</p>
+									<p class="sub">
+										2015年,蔡雪梅深刻感知到地产行业的内忧外患,同时看到了地产外技术赋能下的新的商业环境,在传统地产公司无法大刀阔斧改革的情况下,毅然结束了 20 年的房地产高级职业经理人生涯,在上海创办了以技术和数据驱动的新型房地产开发互联网平台型公司,ELAB。
+									</p>
+								</div>
+							</div>
+						</div>
+						<div class="swiper-slide">
+							<div class="swiper-box">
+								<div class="s_inner">
+									<h3>“探索必不可少”</h3>
+									<p class="sm">--蔡雪梅</p>
+									<p class="sub">
+										现在,蔡雪梅正和她的团队,持续推动创新,通过技术,数据,产品赋能,改变传统开发模式,实现以客户需求为核心的未来人居创新产品预制开发,努力 让ELAB成为客户价值和客户利益的创造者,研究未来最领先的生活方式和美好体验,并从源头解决开发商痛点,推动行业可持续发展。
+									</p>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="span"></div>
+				</div>
+			</div>
+
+		</div>
+
+	</body>
+	<!--<script src="http://yun-image.elab-plus.com/js/index.js"></script>-->
+	<script src="js/wow.js"></script>
+	<script src="js/swiper-3.4.2.min.js"></script>
+	<script>
+		
+		var $_w,myswiper;
+		
+		$(function() {
+
+			$_w = $(top).width();
+			$(".swiper").width($_w + "px");
+
+			myswiper = new Swiper('.swiper', {
+				pagination: '.span',
+				paginationClickable: false,
+				autoplay: 3000,
+				speed: 800,
+				loop: true
+			});
+
+			$('.close-bar').on('click', function(e) {
+				$("html,body").fadeOut(500);
+				parent.closeChuang();
+			});
+
+		});
+
+		function startWow() {
+			//start wow
+			var wow = new WOW({
+				boxClass: 'wow',
+				animateClass: 'animated',
+				offset: 0,
+				mobile: true,
+				live: true
+			});
+			wow.init();
+		}
+		
+		window.onresize = function(){
+			$_w = $(top).width();
+			$(".swiper").width($_w + "px");
+            var sindex = myswiper.realIndex;
+            console.log("the chuangshiren slider sindex is: "+sindex);
+			myswiper = new Swiper('.swiper', {
+				initialSlide: sindex,
+				pagination: '.span',
+				paginationClickable: false,
+				autoplay: 3000,
+				speed: 800,
+				loop: true
+			});
+		}
+	</script>
+
+</html>

+ 148 - 0
contact.html

@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+	<head>
+		<meta charset="UTF-8">
+		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
+		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
+		<title>CONTACT US | ELAB</title>
+		<link rel="stylesheet" href="css/reset.css"></link>
+		<link rel="stylesheet" href="css/style.css?v=1.0000"></link>
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+	</head>
+
+	<body>
+
+		<div id="contact" class="page">
+
+			<!--top menu-->
+			<div class="top-menu wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
+				<div class="logo">
+					<a href="javascript:parent.showIndex();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png" /></a>
+				</div>
+				<div class="menu"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png" /></div>
+				<div class="cases"><a href="javascript:parent.closeContact();parent.showProjects();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png" /></a></div>
+			</div>
+			
+			<!--main menu-->
+			<div class="main-menu">
+				<div class="menu-close"></div>
+				<ul class="menu-list">
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showProjects();">作品案例<small>PROJECTS</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showCareers();">加入我们<small>CAREERS</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.closeContact();parent.showContact();">联系我们<small>CONTACTS</small></a>
+					</li>
+				</ul>
+			</div>
+			
+			<div class="who-we-are wow fadeInUpIndex" data-wow-duration="1s" data-wow-delay="3s">
+				<p>
+					<a href="javascript:parent.closeContact();parent.showWho();">我们是谁</a>
+				</p>
+				<div class="slide-line"></div>
+				<div class="slide-line1"></div>
+			</div>
+			<div class="what-we-do wow fadeInUpIndex1" data-wow-duration="1s" data-wow-delay="3s">
+				<p>
+					<a href="javascript:parent.closeContact();parent.showDo();">我们在做什么</a>
+				</p>
+				<div class="slide-line"></div>
+				<div class="slide-line1"></div>
+			</div>
+
+			<!--main-->
+			<div class="index-body">
+				<div class="small-slider wow fadeIn" data-wow-duration="1s" data-wow-delay="2s">
+					<!--<img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_6.png" />-->
+					<div class="contact-title wow bounceIn" data-wow-duration="2s" data-wow-delay="3s">联系我们</div>
+					<div class="contact-list">
+						<div class="list-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="3.5s"><a href="https://m.amap.com/search/mapview/markers=31.287272%2C121.447295%2C%E4%B8%8A%E6%B5%B7%E5%B8%82%E9%9D%99%E5%AE%89%E5%8C%BA%E5%BD%AD%E6%B1%9F%E8%B7%AF602%E5%8F%B7e%E5%BA%A7" target="_blank"><img class="contact-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x.png" /><p>上海市静安区彭江路602号E座408室</p></a></div>
+						<div class="list-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="4s"><img class="contact-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_1.png" /><p><a href="tel:02156519508">021-56519508</a></p></div>
+						<div class="list-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="4.5s"><img class="contact-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_2.png" /><p><a href="mailto:admin@elab-plus.com">admin@elab-plus.com</a></p></div>
+					</div>
+				</div>
+			</div>
+			
+			<!--<div class="who-we-are"><p><a href="licheng.html">我们是谁</a></p><div class="slide-line"></div></div>
+			<div class="what-we-do"><p><a href="do.html">我们在做什么</a></p><div class="slide-line"></div></div>-->
+
+			<!--footer-->
+			<div class="footer">
+				<div class="left wow fadeInLeft" data-wow-duration="1s" data-wow-delay="5s">Copyright©2015-2018, elab-plus.com. All rights reserved. | 沪ICP备15047801号-1</div>
+				<div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="5s">上海定卓⽹络科技有限公司 电话:021-50753278 地址:上海市静安区彭江路602号E座408室</div>
+			</div>
+
+		</div>
+
+		<script src="js/jquery-1.11.3.min.js"></script>
+		<script src="js/wow.js"></script>
+		<script>
+			$(function() {
+
+				//show menu
+				$(".menu").on("click", function(e) {
+					$(".main-menu").addClass("active");
+				});
+				//close menu
+				$('.menu-close').on('click', function(e) {
+					$(".main-menu").removeClass("active");
+				});
+				
+				//hover style
+				$(".who-we-are").on('mouseover', function(e) {
+					$(".footer .left,#leftWave").addClass("active");
+					$(".who-we-are .slide-line,.who-we-are .slide-line1").addClass("active");
+				});
+				$(".who-we-are").on('mouseout', function(e) {
+					$(".footer .left,#leftWave").removeClass("active");
+					$(".who-we-are .slide-line,.who-we-are .slide-line1").removeClass("active").addClass("fadeInUp");
+
+				});
+
+				$(".what-we-do").on('mouseover', function(e) {
+					$(".footer .right,#rightWave").addClass("active");
+					$(".what-we-do .slide-line,.what-we-do .slide-line1").addClass("active");
+					$("#menuLayer .cases img").attr("src", "images/index/1_objects@2x_5.png");
+				});
+				$(".what-we-do").on('mouseout', function(e) {
+					//setTimeout(function(){
+					$(".footer .right,#rightWave").removeClass("active");
+					$(".what-we-do .slide-line,.what-we-do .slide-line1").removeClass("active").addClass("fadeInUp");
+					$("#menuLayer .cases img").attr("src", "images/index/1_objects@2x_4.png");
+					//},600);
+				});
+
+			});
+
+			function startWow() {
+				//start wow
+				var wow = new WOW({
+					boxClass: 'wow',
+					animateClass: 'animated',
+					offset: 0,
+					mobile: true,
+					live: true
+				});
+				wow.init();
+			}
+			
+			function menuShowProjects(){
+				top.closeAndShowPro('contactLayer');
+			}
+		</script>
+
+	</body>
+
+</html>

Fichier diff supprimé car celui-ci est trop grand
+ 4207 - 0
css/animate.css


Fichier diff supprimé car celui-ci est trop grand
+ 3259 - 0
css/animate.min.css


Fichier diff supprimé car celui-ci est trop grand
+ 1443 - 0
css/index.css


+ 92 - 0
css/reset.css

@@ -0,0 +1,92 @@
+@charset "utf-8";
+* {
+	-webkit-tap-highlight-color: transparent;
+	/**以下两行隐藏一些input控件本身样式及select箭头***/
+	-webkit-appearance: none;
+	-moz-appearance: none;
+	/**以下3行解决webkit translation 闪烁问题**/
+	-webkit-backface-visibility: hidden;
+	/*-webkit-perspective: 800;
+	-webkit-transform-style: preserve-3d;*/
+	/****注意这行会引起IOS下面文字发虚****/
+	/*字体平滑*/
+	-webkit-font-smoothing: antialiased;
+	/***输入框问题**/
+	/*-webkit-user-select:auto;*/
+}
+/*=========================Reset_start==========================*/
+body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
+/*html,body{font-family:"宋体","微软雅黑",Arail,Tabhoma; font-size: 12px; text-align: left;}*/
+ul,ol{list-style: none;}
+img{border: 0;}
+input,select,textarea{outline:0;}
+button{
+    outline:none;
+    cursor: pointer;
+}
+textarea{resize:none;}
+table{border-collapse: collapse; border-spacing: 0;}
+th,strong,var,em{font-weight: normal; font-style: normal;}
+a{text-decoration: none;}
+/*a:link,a:visited,a:hover,a:active{text-decoration:none;} */
+/*==========================Reset_End===========================*/
+
+/*******font and base*********/
+@font-face {
+	font-family: "AritaHeiti";
+	/*src: url('../fonts/Arita-Heiti.ttf');*/
+	src: url('http://yun-image.elab-plus.com/font/Arita-Heiti.ttf');
+}
+@font-face {
+	font-family: "DINCond";
+	src: url('http://yun-image.elab-plus.com/font/DINCond-Bold.otf');
+}
+@font-face {
+	font-family: "DINCond-Light";
+	src: url('../fonts/DINCond-Light.otf');
+}
+/*
+@font-face {
+	font-family: "AritaHeiti-Bold";
+	src: url('../fonts/AritaHeiti-Bold.ttf');
+}
+
+@font-face {
+	font-family: "AritaHeiti-Light";
+	src: url('../fonts/AritaHeiti-Light.ttf');
+}
+
+@font-face {
+	font-family: "DINCondensed";
+	src: url('../fonts/DIN Condensed Bold.ttf');
+}
+
+@font-face {
+	font-family: "DINCondensed";
+	src: url('../fonts/aven.ttf');
+}
+
+@font-face {
+	font-family: "FZDeSaiHei125S";
+	src: url('../fonts/FZDeSaiHei125S-R-GB.ttf');
+}
+
+@font-face {
+	font-family: "DINCond";
+	src: url('../fonts/DINCond-Light.otf');
+}
+
+@font-face {
+	font-family: "aven";
+	src: url('../fonts/aven.ttf');
+}*/
+.clearfix {
+	zoom: 1;
+}
+
+.clearfix:after {
+	content: '';
+	display: block;
+	clear: both;
+}
+

Fichier diff supprimé car celui-ci est trop grand
+ 3338 - 0
css/style.css


Fichier diff supprimé car celui-ci est trop grand
+ 15 - 0
css/swiper-3.4.2.min.css


Fichier diff supprimé car celui-ci est trop grand
+ 618 - 0
css/swiper.css


+ 99 - 0
css/unslider.css

@@ -0,0 +1,99 @@
+.unslider {
+	overflow: hidden;
+	margin: 0 auto;
+	padding: 0;
+	width: 100%;
+	height:100%;
+	font-size: 0;
+	z-index: 20;
+}
+.unslider-wrap {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+.unslider-wrap.unslider-carousel>li {
+	float: left
+}
+.unslider-vertical>ul {
+	height: 100%
+}
+.unslider-vertical li {
+	float: none;
+	width: 100%
+}
+.unslider-fade {
+	position: relative
+}
+.unslider-fade .unslider-wrap li {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	z-index: 8
+}
+.unslider-fade .unslider-wrap li.unslider-active {
+	z-index: 10
+}
+.unslider li, .unslider ol, .unslider ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	border: none;
+	height: 100%;
+	color: #fff;
+	width: 100%;
+}
+.unslider li {
+	text-align: center;
+	position: relative;
+}
+.unslider li img {
+	width: 100%;
+	min-height: 100%;
+	object-fit: cover;
+}
+.unslider-arrow {
+	position: absolute;
+	left: 2%;
+	top: 33%;
+	z-index: 50;
+	cursor: pointer;
+	background: url(http://yun-image.elab-plus.com/images/img_19_1.png) no-repeat 0% 50%;
+	background-size: auto 50%;
+	font-size: 0;
+	width: 30px;
+	height: 30%;
+}
+.unslider-arrow.next {
+	left: auto;
+	right: 2%;
+	background: url(http://yun-image.elab-plus.com/images/img_19.png) no-repeat 100% 50%;
+	background-size: auto 50%;
+}
+.unslider nav {
+	height: 10px;
+	position: absolute;
+	left: 0;
+	bottom: 0%;
+	width: 100%;
+	z-index:40;
+}
+.unslider ol {
+	font-size: 0;
+	width: 100%;
+	height: 10px;
+	text-align:center;
+}
+.unslider ol li {
+	width: 50px;
+	height: 5px;
+	display: inline-block;
+	margin: 0 5px;
+	background-color: rgba(255,255,255,0.4);
+	border-radius:8px;
+}
+.unslider ol li.unslider-active {
+	background-color: #fff;
+}
+.menu-content{display:none;}

+ 266 - 0
do-damai.html

@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+	<head>
+		<meta charset="UTF-8">
+		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
+		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
+		<title>DAMAI | ELAB</title>
+		<link rel="stylesheet" href="css/reset.css"></link>
+		<link rel="stylesheet" href="css/style.css"></link>
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+		<style type="text/css">
+			body {
+				height: auto;
+			}
+
+			html,
+			body,
+			#doDetail {
+				background: #1b2030;
+			}
+
+			@media only screen and (max-width: 768px) and (orientation: portrait) {
+				#parts8 .words2 .partsStrong1 {
+					font-size: 30px;
+					left: 15%;
+					top: -25%;
+				}
+				#parts10 .words2 .partsStrong2 {
+					font-size: 30px;
+					top: -138%;
+					left: 11%;
+				}
+				#parts14 .words2 .partsStrong3 {
+					font-size: 30px;
+					top: -37%;
+					left: 15%;
+				}
+				#parts10 .words2.smallTop10{
+					margin-top: 8%;
+                    margin-left: -6%;
+				}
+				#parts14 .words2.smallTop10{
+					margin-top: 4%;
+                    margin-left: -7%;
+				}
+				#doDetail #parts16 .inner-icon{
+					height: auto;
+				}
+				.left-img, .right-img{
+					bottom: 18%;
+				}
+				#parts15 .links1, #parts15 .links2{
+					bottom: 10%;
+				}
+			}
+			@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio:2) {
+				.hiddenOnPhone{
+					display: none;
+				}
+				#parts8 .words2 .partsStrong1 {
+					font-size: 30px;
+					left: 15%;
+					top: -25%;
+				}
+				#parts10 .words2 .partsStrong2 {
+					font-size: 27px;
+					top: -3%;
+					left: 17%;
+				}
+				#parts14 .words2 .partsStrong3 {
+					font-size: 27px;
+					top: -5%;
+					left: 15%;
+				}
+				#parts8 .words2.smallTop8{
+					margin-top: 10%;
+				}
+				#parts8 .words2 .partsStrong1{
+					top: 18%;
+				}
+				#parts10 .words2.smallTop10{
+					margin-top: 0;
+					margin-left: 6%;
+				}
+				#parts14 .words2.smallTop10{
+					margin-top: -10%;
+                    margin-left: 15%;
+				}
+				#doDetail #parts16 .inner-icon{
+					height: auto;
+				}
+				.left-img, .right-img{
+					bottom: 30%;
+				}
+				#parts15 .links1{
+					bottom: 10%;
+					left : 10%;
+				}
+				#parts15 .links2{
+					bottom: 10%;
+					right: 10%;
+				}
+				#doDetail .project-item-detail .item-title {
+                    font-size: 17vw;
+                }
+                #doDetail .project-item-detail .item-title p{
+                	font-size: 8vw;
+                	line-height: 86px;
+                    top: 35%;
+                }
+                #parts16 .words1{
+                	font-size: 4.5vw;
+                }
+				@media only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio:2) {
+					html, body {
+						height: 100%;
+						overflow: auto;
+						-webkit-overflow-scrolling: touch;
+					}
+				}
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div id="doDetail" class="page">
+
+			<!--main-->
+			<div id="projectDetail" class="project-list">
+
+				<div class="project-item-detail wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_26.png" />
+					<div class="close-bar"></div>
+					<div class="item-title item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">大麦已来
+						<p>房地产互联网营销神器</p>
+					</div>
+					<div class="item-icon item-inner wow fadeInUp mobile-hide" data-wow-duration="1s" data-wow-delay="1s"><img class="wow upAndDown hiddenOnPhone"  data-wow-duration="1s" data-wow-delay="2s" data-wow-iteration="infinite" src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_4.png" /></div>
+					<div class="item-link item-inner" data-wow-duration="1s" data-wow-delay="1s">
+						<ul class="future-icon-box">
+							<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.2s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_7.png" />
+								<p>客户增量200%-400%</p>
+							</li>
+							<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.4s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_8.png" />
+								<p>提升20%-30%客户转化率</p>
+							</li>
+							<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.6s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_9.png" />
+								<p>营销费用节省50%</p>
+							</li>
+						</ul>
+					</div>
+				</div>
+
+				<div id="parts8" class="project-item-detail">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x.png" />
+					<div class="words-box">
+						<div class="words1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
+						<div class="words2 smallTop8 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.8s"><span class="big-line"></span><strong class="partsStrong1">售前·客户量</strong><br/>解决传播缓解两大核心问题——内容和渠道</div>
+					</div>
+				</div>
+
+				<div id="parts12" class="project-item-detail">
+					<div class="left">
+						<img class="inner-icon wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_10.png" />
+						<div class="parts-img-mask">
+							<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
+								<p>内容生产</p><strong>多频、高效、及时!</strong>最懂地产的内容生成器<br/>高效生产精品传播内容,快速触达精准客户<br/>重塑地产传播价值</div>
+						</div>
+					</div>
+					<div class="right">
+						<img class="inner-icon wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_11.png" />
+						<div class="parts-img-mask">
+							<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
+								<p>投放渠道</p><strong>全场景覆盖</strong>投放宝、自动生成h5、小程序</div>
+						</div>
+					</div>
+					<div class="btn-link wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
+						<a href="#">投放宝</a>
+					</div>
+				</div>
+
+				<div id="parts10" class="project-item-detail">
+					<div class="words-box">
+						<div class="words1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
+						<div class="words2 smallTop10 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong class="partsStrong2">售中·客户线上转化</strong><br/>帮助顾问在线完成销售引导;扩大客户半径,缩短交易周期</div>
+					</div>
+				</div>
+
+				<div id="parts13" class="project-item-detail">
+					<img id="innerBg1" class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_12.png" />
+					<img id="innerBg2" class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_27.png" />
+					<div class="words1 wow bounceIn" data-wow-duration="1s" data-wow-delay="0.5s">打破时间、空间束缚<br/>利用碎片化时间高效看房</div>
+					<a class="links1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s" a href="#">视频看房</a>
+					<a class="links2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s" a href="#">IM顾问</a>
+				</div>
+
+				<div id="parts14" class="project-item-detail">
+					<div class="words-box">
+						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">03</div>
+						<div class="words2 smallTop10 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong class="partsStrong3">售后·客户裂变增量</strong><br/>解决传播缓解两大核心问题——内容和渠道</div>
+					</div>
+				</div>
+
+				<div id="parts15" class="project-item-detail">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_28.jpg" />
+					<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"><strong>全民营销</strong><br/>借助E客通及云报备系统,再次将项目口碑通过<br/>种子客户传播,实现客户增量</div>
+					<div class="links-list">
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">老带新<br/>新带新</span>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s">地推</span><i class="small-line"></i>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s">品牌推广</span><i class="big-line"></i>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.1s">中介渠道</span><i class="small-line"></i>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.3s">渠道拓展</span><i class="big-line"></i>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.6s">异地营销</span><i class="small-line"></i>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.9s">竞品拦截</span>
+						<span class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="2.1s">合作方配合</span>
+					</div>
+					<img class="left-img wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.9s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_13.png" />
+					<img class="right-img wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.9s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_14.png" />
+					<a class="links1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">E客通</a>
+					<a class="links2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">云报备</a>
+				</div>
+
+				<div id="parts16" class="project-item-detail">
+					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_15.png" />
+					<div class="mask"></div>
+					<div class="words-box">
+						<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.7s"><strong>线上客户蓄客池</strong><p>集中留存、服务、转化</p>集高颜值项目信息展示、客户咨询、视频看房功能<br>为一体的移动小程序售楼处</div>
+						<a class="links1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.9s" a href="#">云案场</a>
+					</div>
+				</div>
+
+			</div>
+
+		</div>
+
+		<script src="js/jquery-1.11.3.min.js "></script>
+		<script src="js/wow.js "></script>
+		<script>
+			$(function() {
+
+				//start wow
+				var wow = new WOW({
+					boxClass: 'wow',
+					animateClass: 'animated',
+					offset: 0,
+					mobile: true,
+					live: true
+				});
+				// wow.init();
+
+				//close-bar click
+				$('.close-bar').on('click', function(e) {
+					$("html,body ").fadeOut(500);
+					setTimeout(function() {
+						self.location.href = 'do.html';
+					}, 500);
+				});
+
+			});
+		</script>
+
+	</body>
+
+</html>

+ 184 - 0
do-future.html

@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+	<head>
+		<meta charset="UTF-8">
+		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
+		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
+		<title>Future | ELAB</title>
+		<link rel="stylesheet" href="css/reset.css"></link>
+		<link rel="stylesheet" href="css/style.css"></link>
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+		<style type="text/css">
+			body{
+				height: auto;
+			}
+			html,
+			body,
+			#doDetail {
+				background: #1b2030;
+			}
+			@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio:2) {
+				#parts8 .words2, #parts10 .words2{
+					margin-left: 1%;
+                    margin-top: -7%;
+                    font-size: 4vw;
+				}
+				#parts8 .words2 strong{
+					left: 13%;
+				}
+				#innerItem2 div:nth-child(2){
+					top: -71%;
+				}
+				#innerItem4{
+					bottom: 9.8%;
+				}
+				#innerItem4 div:nth-child(2){
+					top: -150%;
+				}
+				.inner-box{
+					top: 42%;
+				}
+				#parts10 .words2{
+					margin-top: -5%;
+				}
+				#parts10 .words2 strong{
+					top: -16%;
+					left: 16%;
+				}
+				@media only screen and (max-width: 576px) and (-webkit-min-device-pixel-ratio:2) {
+					html, body {
+						height: 100%;
+						overflow: auto;
+						-webkit-overflow-scrolling: touch;
+					}
+				}
+			}
+		</style>
+	</head>
+
+	<body>
+
+		<div id="doDetail" class="page">
+
+			<!--main-->
+			<div id="projectDetail" class="project-list">
+
+				<div class="project-item-detail wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_16.png" />
+					<div class="close-bar"></div>
+					<div class="item-title item-inner wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">上居-未来人居预制系统
+						<p>DESIGN FOR THE FUTURE</p>
+					</div>
+					<div class="item-icon item-inner wow bounceIn mobile-hide" data-wow-duration="1s" data-wow-delay="1s"><img src="http://yun-image.elab-plus.com/images/projects/1_objects@2x_4.png" /></div>
+					<div class="item-link item-inner">
+						<ul class="future-icon-box">
+							<li class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.2s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_9.png" />
+								<p>海量数据</p>
+							</li>
+							<li class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.4s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_8.png" />
+								<p>精准定位</p>
+							</li>
+							<li class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.6s"><img class="future-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_7.png" />
+								<p>交叉验证</p>
+							</li>
+						</ul>
+					</div>
+				</div>
+
+				<div id="parts8" class="project-item-detail">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x.png" />
+					<div class="words-box">
+						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
+						<div class="words2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong>上居柔性开发</strong><br/>ELAB通过独立研发线上交互技术<br/>获得海量、精准、真实、未来的市场数据、客户行为数据等热数据,<br/>辅以ELAB自主的ECS产品创新原型库,完成未来人居开发。</div>
+					</div>
+				</div>
+
+				<div id="parts9" class="project-item-detail">
+					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" src="images/do/4_objects@2x_1.png" />
+					<div id="innerItem1" class="inner-item wow fadeInTopLeft" data-wow-duration="1s" data-wow-delay="1s">
+						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_21.png" /></div>
+						<div>市场研究及产品定位<small>Market Research and Product Positioning</small></div>
+					</div>
+					<div id="innerItem2" class="inner-item wow fadeInTopRight" data-wow-duration="1s" data-wow-delay="1s">
+						<div>输出概念产品方案<span class="small-line"></span>及创新产品原型<small>Conceptual Product Solutions &<br/>Innovation Product Prototypes</small></div>
+						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_22.png" /></div>
+					</div>
+					<div id="innerItem3" class="inner-item wow fadeInBottomLeft" data-wow-duration="1s" data-wow-delay="1s">
+						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_23.png" /></div>
+						<div>输出概念总图<span class="small-line"></span>及经济测算<small>Conceptual General Plan &<br/>Economic Calculation</small></div>
+					</div>
+					<div id="innerItem4" class="inner-item wow fadeInBottomRight" data-wow-duration="1s" data-wow-delay="1s">
+						<div>线上交互热度定型<small>Online Interaction Heat Detection</small></div>
+						<div><img class="parts9-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_24.png" /></div>
+					</div>
+					<div class="inner-box wow zoomIn" data-wow-duration="1s" data-wow-delay="2s">
+						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/2_objects@2x_3.png" />
+						<div class="box-item">
+							柔性开发系统解决方案<br/>路径vs价值模式
+						</div>
+					</div>
+				</div>
+
+				<div id="parts10" class="project-item-detail">
+					<div class="words-box">
+						<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
+						<div class="words2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><strong>产品详情</strong><br/>从源头解决创新开发风险,最专业的未来人居需求探索,模块化的创新产品原型库,<br/>最顶尖的设计师资源,帮助开发商实现规模化预制开发。</div>
+					</div>
+				</div>
+
+				<div id="parts11" class="project-item-detail">
+					<div class="parts-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
+						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_17.png" />
+						<div class="box-item">
+							<small>CNC</small><br/><strong>未来人居实验室</strong><br/><br/><span>专注未来人居需求探索,结合20年地产开发经验,以及自主研发的互联网交互技术,将海量、精准、真实、未来的热数据分析转化,探究未来人居的无限可能。</span>
+						</div>
+					</div>
+					<div class="parts-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
+						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_18.png" />
+						<div class="box-item">
+							<small>ECS</small><br/><strong>创新产品原型库</strong><br/><br/><span>包含最权威、最前沿、最未来的创新产品原型,基于互联网技术,将产品设计模块化,结合项目特质及客户需求,迅速转化为产品设计概念方案,提升效率。</span>
+						</div>
+					</div>
+					<div class="parts-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
+						<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_19.png" />
+						<div class="box-item">
+							<small>ZHJ</small><br/><strong>著匠全球设计师</strong><br/><br/><span>集结全球顶尖设计师资源,众智众包,共同开发未来人居产品。</span>
+						</div>
+					</div>
+				</div>
+
+			</div>
+
+		</div>
+
+		<script src="js/jquery-1.11.3.min.js"></script>
+		<script src="js/wow.js"></script>
+		<script>
+			$(function() {
+				
+				//start wow
+				var wow = new WOW({
+					boxClass: 'wow',
+					animateClass: 'animated',
+					offset: 0,
+					mobile: true,
+					live: true
+				});
+//				wow.init();
+
+				//close-bar click
+				$('.close-bar').on('click', function(e) {
+					$("html,body").fadeOut(500);
+					setTimeout(function() {
+						self.location.href = 'do.html';
+					}, 500);
+				});
+
+			});
+		</script>
+
+	</body>
+
+</html>

+ 274 - 0
do.html

@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+	<head>
+		<meta charset="UTF-8">
+		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+		<meta name='viewport' content='width=device-width, initial-scale=1.0,user-scalable=no'>
+		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
+		<title>WHAT WE DO | ELAB</title>
+		<link rel="stylesheet" href="css/reset.css"></link>
+		<link rel="stylesheet" href="css/style.css"></link>
+		<link rel="stylesheet" href="css/animate.min.css"></link>
+		<style type="text/css">
+			html,
+			body {
+				height: auto;
+				background: #1b2030;
+			}
+			
+			#whatWeDo {
+				width: 100%;
+				height: auto;
+				background: #1b2030;
+				max-width: none;
+				overflow-x: hidden;
+				overflow-y: auto;
+			}
+			
+			.who-we-are {
+				top: 500px;
+				transform: rotate(90deg);
+			}
+			
+			.who-we-are a {
+				color: #fff;
+			}
+			
+			.slide-line {
+				background: #fff;
+			}
+			
+			.slide-line1 {
+				background: #fff;
+			}
+			
+			@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio:2) {
+				.img1{
+					height: 346px;
+					margin: 200px auto;
+				}
+				.img2{
+					width: 90%;
+					left: 0;
+				}
+				#do1 .words2{
+					display: none;
+				}
+				#do1 .words1{
+					font-size: 30px;
+				}
+				#do1 .words1 span{
+					display: inline-block;
+					font-size: 13px;
+					width: 80%;
+					margin: 10px auto 0;
+				}
+				#do2{
+					height: 592px;
+				}
+				#whatWeDo #do2 .inner-icon{
+					height: 592px;
+				}
+				#do2 .words1, #do4 .words1{
+					font-size: 6vw;
+					letter-spacing: 5px;
+					top: 40%;
+				}
+				#do2 .words1 p, #do4 .words1 p{
+					font-size: 4vw;
+					margin-top: 20px;
+				}
+				.link-box{
+					bottom: 20%;
+				}
+				#do3 .inner-icon{
+					width: 100%;
+					height: 432px;
+				}
+				#do3 .words1{
+					width: 83%;
+                    font-size: 20px;
+                    line-height: 35px;
+				}
+				#do3 .words2{
+					display: none;
+				}
+				#whatWeDo #do4 .inner-icon{
+					width: 100%;
+					height: 432px;
+				}
+				#do5 .inner-icon{
+					width: 100%;
+					height: 432px;
+				}
+				#do5 .words2{
+					display: none;
+				}
+				#do5 .words1{
+					width: 83%;
+                    font-size: 20px;
+                    line-height: 35px;
+                    top: 40%;
+				}
+			}
+			
+		</style>
+	</head>
+
+	<body>
+
+		<div id="whatWeDo" class="page">
+
+			<!--top menu-->
+			<div class="top-menu wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.3s">
+				<div class="logo">
+					<a href="javascript:parent.showIndex();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_3.png" /></a>
+				</div>
+				<div class="menu"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_4.png" /></div>
+				<div class="cases">
+					<a href="javascript:parent.closeDo();parent.showProjects();"><img class="inner-icon" src="http://yun-image.elab-plus.com/images/contact/1_objects@2x_5.png" /></a>
+				</div>
+			</div>
+
+			<div class="who-we-are wow fadeInUpIndex" data-wow-duration="1s" data-wow-delay="0.3s">
+				<p>
+					<a href="javascript:parent.showIndex();parent.showWho();">我们是谁</a>
+				</p>
+				<div class="slide-line"></div>
+				<div class="slide-line1"></div>
+			</div>
+			<!--main menu-->
+			<div class="main-menu">
+				<div class="menu-close"></div>
+				<ul class="menu-list">
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showWho();">我们是谁<small>WHO WE ARE</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showDo();">我们在做什么<small>WHAT WE DO</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showProjects();">作品案例<small>PROJECTS</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showCareers();">加入我们<small>CAREERS</small></a>
+					</li>
+					<li>
+						<a href="javascript:$('.main-menu').removeClass('active');parent.showIndex();parent.showContact();">联系我们<small>CONTACTS</small></a>
+					</li>
+				</ul>
+			</div>
+
+			<!--main-->
+			<div class="project-list">
+
+				<div id="do1" class="project-item-detail wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
+					<img class="img1" src="http://yun-image.elab-plus.com/images/do/1_objects@2x.png" />
+					<img class="img2 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.3s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_1.png" />
+					<div class="words1 wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.3s">技术和数据驱动<strong>柔性地产开发预制平台</strong><span>Flexible and Prefabricated Development Platform for Real Estate with PropTech and Big Data</span></div>
+					<div class="words2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.3s">后地产时代到来<br/>The Coming Real Estate Era
+						<p>ELAB从事以客户需求为核心的预制化开发——柔性开发,并为开发商提供系统性整体解决方案。<br/>通过产品技术、数据赋能,改变传统开发从土地到人的开发模式,实现居者及企业价值的最大化。</p>
+					</div>
+				</div>
+
+				<div id="do2" class="project-item-detail">
+					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_2.png" />
+					<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">上居-未来人居预制系统
+						<p>DESIGN FOR THE FUTURE</p>
+					</div>
+					<div class="link-box wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
+						<a href="javascript:linkToInner('do-future.html');" class="slider-links">查看详情</a>
+					</div>
+				</div>
+
+				<div id="do3" class="project-item-detail">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_3.png" />
+					<div class="words1 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">为解决传统开发创新风险<br/>创造以需定产的预制开发解决方案</div>
+					<div class="words2 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">ELAB通过独立研发线上交互技术<br/>获得海量、精准、真实、未来的市场数据、客户行为数据等热数据,辅以ELAB自主的ECS产品创新原型库,完成未来人居开发。</div>
+				</div>
+
+				<div id="do4" class="project-item-detail">
+					<img class="inner-icon wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_4.png" />
+					<div class="words1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">大麦-智能营销SAAS系统
+						<p>MARKETING</p>
+					</div>
+					<div class="link-box wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
+						<a href="javascript:linkToInner('do-damai.html');" class="slider-links">查看详情</a>
+					</div>
+				</div>
+
+				<div id="do5" class="project-item-detail">
+					<img class="inner-icon" src="http://yun-image.elab-plus.com/images/do/1_objects@2x_3.png" />
+					<div class="words1 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">打造全生命周期<br/>地产互联网营销解决方案</div>
+					<div class="words2 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">平均可提高用户转化20%-30%<br/>增加客户量200%-400%<br/>节省营销费用50%</div>
+				</div>
+
+			</div>
+
+			<!--<div class="who-we-are">
+				<p>
+					<a href="licheng.html">我们是谁</a>
+				</p>
+				<div class="slide-line"></div>
+			</div>
+			<div class="what-we-do">
+				<p>
+					<a href="do.html">我们在做什么</a>
+				</p>
+				<div class="slide-line"></div>
+			</div>-->
+
+		</div>
+
+		<script src="js/jquery-1.11.3.min.js"></script>
+		<script src="js/wow.js"></script>
+		<script>
+			$(function() {
+
+				//show menu
+				$(".menu").on("click", function(e) {
+					$(".main-menu").addClass("active");
+				});
+				//close menu
+				$('.menu-close').on('click', function(e) {
+					$(".main-menu").removeClass("active");
+				});
+
+				//hover style
+				$(".who-we-are").on('mouseover', function(e) {
+					$(".footer .left,#leftWave").addClass("active");
+					$(".who-we-are .slide-line,.who-we-are .slide-line1").addClass("active");
+				});
+				$(".who-we-are").on('mouseout', function(e) {
+					$(".footer .left,#leftWave").removeClass("active");
+					$(".who-we-are .slide-line,.who-we-are .slide-line1").removeClass("active").addClass("fadeInUp");
+
+				});
+
+			});
+
+			function startWow() {
+				//start wow
+				var wow = new WOW({
+					boxClass: 'wow',
+					boxClass: 'wow',
+					animateClass: 'animated',
+					offset: 0,
+					mobile: true,
+					live: true
+				});
+				wow.init();
+			}
+
+			function linkToInner(url) {
+				$('html body').fadeOut(500);
+				setTimeout(function() {
+					self.location.href = url;
+				}, 500);
+			}
+		</script>
+
+	</body>
+
+</html>

BIN
fonts/Arita-Heiti.ttf


BIN
fonts/AritaHeiti-Bold.ttf


BIN
fonts/AritaHeiti-Light.ttf


BIN
fonts/DIN Condensed Bold.ttf


BIN
fonts/DINCond-Light.otf


BIN
fonts/FZDeSaiHei125S-R-GB.ttf


BIN
fonts/aven.ttf


BIN
images/1-1.png


BIN
images/1.png


BIN
images/BG@2x.jpg


BIN
images/Bitmap@2x.png


BIN
images/Bitmap@2x9.png


BIN
images/Group 2@2x01.png


BIN
images/Group 2@2x02.png


BIN
images/Group 2@2x03.png


BIN
images/Group 4@2x.png


BIN
images/Group 7@2x.png


BIN
images/Group-2@2x02.png


BIN
images/Group@2x.png


BIN
images/Group@2x01.png


BIN
images/Group@2x02.png


BIN
images/Group@2x03.png


BIN
images/Line.png


BIN
images/Line0.png


BIN
images/Main@2x.png


BIN
images/Main@2x01.png


BIN
images/Menu-icon.png


BIN
images/Menu-icon@2x.png


BIN
images/Works-icon@2x.png


BIN
images/bg01.png


BIN
images/bg02.png


BIN
images/bg03.png


BIN
images/contact/1_objects@2x.png


BIN
images/contact/1_objects@2x_1.png


BIN
images/contact/1_objects@2x_2.png


BIN
images/contact/1_objects@2x_3.png


BIN
images/contact/1_objects@2x_4.png


BIN
images/contact/1_objects@2x_5.png


BIN
images/contact/1_objects@2x_6.png


BIN
images/do/1_objects@2x.png


BIN
images/do/1_objects@2x_1.png


BIN
images/do/1_objects@2x_10.png


BIN
images/do/1_objects@2x_11.png


BIN
images/do/1_objects@2x_12.png


BIN
images/do/1_objects@2x_13.png


BIN
images/do/1_objects@2x_14.png


BIN
images/do/1_objects@2x_15.png


BIN
images/do/1_objects@2x_16.png


BIN
images/do/1_objects@2x_17.png


BIN
images/do/1_objects@2x_18.png


BIN
images/do/1_objects@2x_19.png


BIN
images/do/1_objects@2x_2.png


BIN
images/do/1_objects@2x_21.png


BIN
images/do/1_objects@2x_22.png


BIN
images/do/1_objects@2x_23.png


BIN
images/do/1_objects@2x_24.png


BIN
images/do/1_objects@2x_26.png


BIN
images/do/1_objects@2x_27.png


BIN
images/do/1_objects@2x_28.jpg


BIN
images/do/1_objects@2x_3.png


BIN
images/do/1_objects@2x_4.png


BIN
images/do/1_objects@2x_5.png


BIN
images/do/1_objects@2x_6.png


BIN
images/do/1_objects@2x_7.png


BIN
images/do/1_objects@2x_8.png


BIN
images/do/1_objects@2x_9.png


BIN
images/do/2_objects@2x.png


BIN
images/do/2_objects@2x_1.png


BIN
images/do/2_objects@2x_2.png


BIN
images/do/2_objects@2x_3.png


BIN
images/do/3_objects@2x.png


BIN
images/do/4_objects@2x.png


BIN
images/do/4_objects@2x_1.png


BIN
images/do/4_objects@2x_1_1.png


+ 0 - 0
images/ic_clear@2x.png


Certains fichiers n'ont pas été affichés car il y a eu trop de fichiers modifiés dans ce diff