Skip to content

G
ginfinite
Commit e4c2d872 authored by superman's avatar superman
Browse files
Options

0.0.1

parents
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1594 additions and 0 deletions
dist/about.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html> <html lang=en id=about> <head> <meta charset=UTF-8> <title>礼瀚-公司介绍/关于礼瀚</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li class=active data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=main> <div class=overview> <i></i> <p> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、产业基金管理、 证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。 <br/><br/> 公司深耕节能环保领域，立足产业及资本市场远景，建立了以研究为基础，股权业务、投行业务、债权业 务、证券业务全方位发展的业务结构，累计资产管理规模达到40亿。 <br/><br/> 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 </p> </div> <div class=enterprise-vision> <i></i> <h1>企业愿景 Enterprise vision</h1> <p> 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 </p> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address>浙江.杭州市玉皇山基金小镇甘水巷150号</address> <br/> <span class=phone> <i></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file
dist/contact.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html> <html lang=en id=contact> <head> <meta charset=UTF-8> <title>礼瀚-联系我们</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li class=active data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=banner> <div> <img src=images/a7919ef1a4898c846a26f0226b91f13f.jpg /> </div> </div> <div class=address-phone> <div class="address-phone-box clear-fl"> <div class="address-phone-left fl"> <div class=tel> <i class="iconfont icon-dianhua"></i> <p> <span>CALL US</span> <br/> +86-0751-8773151 </p> </div> <div class=email> <i class="iconfont icon-m-loginEmail"></i> <p> <span>EMAIL</span> <br/> info@consultplus.com </p> </div> <div class=address> <i class="iconfont icon-dizhi"></i> <p> <span>ADRESS</span> <br/> 浙江.杭州市玉皇山 <br/> 基金小镇甘水巷150号 </p> </div> </div> <div class="address-map fl"></div> </div> </div> <div class=footer> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file
dist/culture.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html> <html lang=en id=culture> <head> <meta charset=UTF-8> <title>公司介绍-企业文化</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li class=active data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=banner> <img src=images/071af320c3118964e4fb67fc40286d69.jpg alt=banner /> <h1> 时代更迭 我们的专业态度不变 <br> 资本流转 你我间的信任不改 <br> </h1> </div> <div class=main-box> <div class=main> <img src=images/831d1be34b0babe7539bac3b4ba13466.jpg alt=li> <img src=images/3b783f7181b9492b5bb4fb84afe61b4b.jpg alt=xin> <img src=images/0ed8eccbb187309ac6dbbd1f35036400.jpg alt=zhong> <img src=images/14937b27816fba1af8cedd0e5b3f8891.jpg alt=zhi> </div> <p class=content> 礼 | 信 | 忠 | 智 </p> </div> <div class=footer> <div class="top bgImg"> <div class=address-phone> <address>浙江.杭州市玉皇山基金小镇甘水巷150号</address> <br/> <span class=phone> <i></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file
dist/images/a02c59f61ae087cc6daa1f5a3052b30e.svg 0 → 100644
View file @ e4c2d872
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Sun Oct 16 12:45:11 2016
By admin
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
panose-1="2 0 6 3 0 0 0 0 0 0"
ascent="896"
descent="-128"
x-height="792"
bbox="0 -224 1219 896"
underline-thickness="50"
underline-position="-100"
unicode-range="U+0078-F00BD"
/>
<missing-glyph horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
<glyph glyph-name=".notdef" horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="341"
/>
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
<glyph glyph-name="uniE601" unicode="&#xe601;"
d="M529 797q-99 0 -183 -50t-132.5 -135.5t-48.5 -186.5q0 -117 65 -212q4 -8 6 -10l248 -319q18 -25 45 -25t45 25l249 319q2 3 6 10q65 95 65 212q0 101 -49 186.5t-133 135.5t-183 50v0zM769 255l-2 -3l-2 -3l-1 -2l-235 -302l-235 302l-1 3l-2 3l-2 2q-51 76 -51 170
q0 123 85 210t206 87t206.5 -87t85.5 -210q0 -94 -52 -170v0zM529 573q-60 0 -103 -43.5t-43 -105t43 -105t103.5 -43.5t103 43.5t42.5 105t-42.5 105t-103.5 43.5v0zM529 350q-30 0 -51.5 22t-21.5 52.5t21.5 52.5t51.5 22t51.5 -22t21.5 -52.5t-21.5 -52.5t-51.5 -22v0z
M725 -57z" />
<glyph glyph-name="uniE614" unicode="&#xe614;"
d="M294 -128q-30 0 -51.5 21.5t-21.5 51.5t21 52l387 387l-387 387q-21 22 -21 52t21.5 51.5t51.5 21.5t52 -21l439 -439q21 -22 21 -52t-21 -52l-439 -439q-22 -21 -52 -21z" />
<glyph glyph-name="uniE632" unicode="&#xe632;"
d="M730 896q30 0 51.5 -21.5t21.5 -51.5t-21 -52l-387 -387l387 -387q21 -22 21 -52t-21.5 -51.5t-51.5 -21.5t-52 21l-439 439q-21 22 -21 52t21 52l439 439q22 21 52 21z" />
<glyph glyph-name="uniE640" unicode="&#xe640;"
d="M736 800h-448q-40 0 -68 -28t-28 -68v-832q0 -40 28 -68t68 -28h448q40 0 68 28t28 68v832q0 40 -28 68t-68 28zM512 -160q-27 0 -45.5 18.5t-18.5 45.5t18.5 45.5t45.5 18.5t45.5 -18.5t18.5 -45.5t-18.5 -45.5t-45.5 -18.5zM768 32h-512v640h512v-640z" />
<glyph glyph-name="uniE641" unicode="&#xe641;"
d="M195 896q-9 0 -18 -2q-42 -7 -81 -46.5t-61 -83t-27 -77.5q-13 -74 2.5 -132.5t49.5 -116.5q98 -168 239 -302q89 -86 143.5 -127t151.5 -94q29 -16 83.5 -29.5t85.5 -13.5h3q89 2 148 44q14 10 31 24.5t43.5 46t31.5 56.5q5 24 -1.5 47t-24.5 43.5t-30 31.5t-33 27
q-10 8 -14 11q-93 79 -159 79q-55 0 -89 -46l-3 -3q-14 -16 -19 -19.5t-18 -3.5q-87 0 -168 84q-71 75 -106 146q-19 39 -18.5 50t19.5 40l1 1q1 2 6 7q10 11 16 19.5t15 28t11 38.5t-4.5 47.5t-23.5 57.5q-21 36 -39 62t-41.5 52t-49.5 39.5t-52 13.5v0zM547 594
q-8 9 -8 20t8 19t20 8h325q11 0 19 -8t8 -19t-8 -19.5t-19 -8.5h-325q-12 0 -20 8v0zM779 465q-9 8 -9 19.5t9 19.5l111 111l-131 119q-9 7 -9.5 18.5t7.5 20t19 9t20 -6.5l131 -120q17 -14 18 -39q0 -23 -16 -40l-111 -111q-9 -8 -20 -8t-19 8v0z" />
<glyph glyph-name="uniE677" unicode="&#xe677;"
d="M772 319l87 -86l-347 -347l-347 347l87 86l260 -260zM772 319zM512 402zM443 402q0 29 20 49.5t49 20.5t49 -20.5t20 -49.5t-20 -49t-49 -20t-49 20t-20 49zM512 645zM443 645q0 29 20 49t49 20t49 -20t20 -49t-20 -49t-49 -20t-49 20t-20 49z" />
<glyph glyph-name="uniE69E" unicode="&#xe69e;"
d="M512 896l-512 -288v-608q0 -53 37.5 -90.5t90.5 -37.5h768q53 0 90.5 37.5t37.5 90.5v608zM68 0v500l288 -231l-286 -287q-2 6 -2 18zM114 -63l294 295l104 -72l104 70l294 -292zM956 0q0 -15 -1 -18l-288 287l289 231v-500zM512 235l-448 341l447 245l449 -245z" />
<glyph glyph-name="uniE6B6" unicode="&#xe6b6;"
d="M776 458q68 105 183 184l-75 79q-66 -25 -126 -69.5t-107 -102t-75.5 -130t-28.5 -146.5h1v-19q0 -85 60 -145.5t145 -60.5t145.5 60.5t60.5 145.5q0 79 -52.5 137.5t-130.5 66.5zM473 642l-75 79q-66 -25 -126 -69.5t-107.5 -102t-75.5 -130t-28 -146.5h1q-1 -10 -1 -19
q0 -85 60.5 -145.5t145.5 -60.5t145.5 60.5t60.5 145.5q0 79 -53 137.5t-130 66.5q68 105 183 184z" />
<glyph glyph-name="uniE6D3" unicode="&#xe6d3;"
d="M492 -74q-117 0 -216 57.5t-157 157t-58 216t58 216t157 157t216 57.5t216 -57.5t157 -157t58 -216t-58 -216t-157 -157t-216 -57.5zM491.5 727q-100.5 0 -185.5 -49.5t-135 -135t-50 -186t50 -186t135 -135t185.5 -49.5t186 49.5t135 135t49.5 186t-49.5 186t-135 135
t-186 49.5zM491.5 171q-76.5 0 -130.5 54.5t-54 131t54 130.5t130.5 54t131 -54t54.5 -130.5t-54.5 -131t-131 -54.5zM491.5 481q-51.5 0 -88 -36.5t-36.5 -88t36.5 -88t88 -36.5t88.5 36.5t37 88t-37 88t-88.5 36.5z" />
<glyph glyph-name="uniE75F" unicode="&#xe75f;"
d="M251 310q-67 -105 -183 -183l75 -80q66 26 126 70.5t107.5 102t75.5 129.5t28 147h-1q1 9 1 19q0 85 -60.5 145.5t-145.5 60.5t-145.5 -60.5t-60.5 -145.5q0 -79 53 -137.5t130 -67.5zM554 127l75 -80q66 26 126 70.5t107.5 102t75.5 129.5t28 147h-1q1 9 1 19
q0 85 -60.5 145.5t-145.5 60.5t-145.5 -60.5t-60.5 -145.5q0 -79 53 -137.5t130 -67.5q-67 -105 -183 -183z" />
<glyph glyph-name="uF00BD" unicode="&#xf00bd;" horiz-adv-x="1220"
d="M1068 -101l33 -111l-119 67q-86 -22 -129 -22q-101 0 -185.5 43t-133 117.5t-48.5 162t48.5 162t133 117.5t185.5 43q96 0 180.5 -43t135 -118t50.5 -162q0 -71 -40.5 -136.5t-110.5 -119.5zM734 300q-16 0 -29.5 -14t-13.5 -30.5t13.5 -30.5t29.5 -14q23 0 38.5 13.5
t15.5 31t-15.5 31t-38.5 13.5zM971 300q-16 0 -29.5 -14t-13.5 -30.5t13.5 -30.5t29.5 -14q24 0 39 13.5t15 31t-15 31t-39 13.5zM459 150q0 -46 13 -93q-22 -2 -40 -2q-16 0 -30.5 1t-32 4t-27 4.5t-32 6.5t-30.5 6l-150 -78l43 134q-173 125 -173 301q0 104 58 191
t157.5 137t216.5 50q159 0 283 -89t152 -223q-23 2 -42 2q-100 0 -184.5 -47t-133 -128t-48.5 -177zM291 623q-25 0 -45 -16t-20 -40t20 -39.5t45 -15.5t39.5 15t14.5 40t-14.5 40.5t-39.5 15.5zM593 623q-25 0 -44.5 -16t-19.5 -40t19.5 -39.5t44.5 -15.5t39.5 15t14.5 40
t-14.5 40.5t-39.5 15.5z" />
</font>
</defs></svg>
dist/index.css 0 → 100644
View file @ e4c2d872
This diff is collapsed.
dist/index.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html> <html lang=en id=index> <head> <meta charset=UTF-8> <title>首页</title> <link rel=stylesheet href=index.css> </head> <body> <!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li class=active data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/bb626a7ee12b7dc7148be37dbdda1089.jpg alt=banner /> <h1>禮樂春秋環保夢&nbsp;&nbsp;&nbsp;瀚海沉浮金融心</h1> </div> <div class=lihan> <div class=lihan-box> <h1 class=title>关于礼瀚</h1> <p> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、 <br/> 产业基金管理、证券投资为主的资产管理机构。 <br/> 公司于2014年获得私募基金管理人资格。 </p> </div> </div> <div class=service> <img src=images/b5781da7e3a149a832a33bfbf843e60e.jpg alt=rectangle> <div class=service-box> <h1 class=title>礼瀚服务</h1> <div class="category clear-fl"> <div class=fl> <h2>股权<br/>业务</h2> <p>产业并购基金、定增基金、股东增持减持、员工持股平台</p> </div> <div class=fl> <h2>投行<br/>业务</h2> <p>咨询服务、财务顾问、市值管理</p> </div> <div class=fl> <h2>债务<br/>业务</h2> <p>股票质押、股东借款、债务解决方案</p> </div> <div class="fl last"> <h2>证券<br/>业务</h2> <p>固定收益类、宏观资产对冲、 收益类、权益类</p> </div> </div> </div> </div> <div class=investment-field> <div class=investment-field-box> <h2 class=title>主投领域</h2> <h3>金融力量重塑绿水青山</h3> <ul class="category clear-fl"> <li class="fl first">水工程及运营</li> <li class="fl second">大气工程及运营</li> <li class="fl three">固废工程及运营</li> <li class="fl last">检测及环评</li> </ul> </div> </div> <div class=banner-bottom> <img src=images/8e0dd46c05e13876e7e71b669b2a781f.jpg alt=banner /> <div class=banner-bottom-box> <h1> 时代更迭 我们的专业态度不变<br/> 资本流转 你我间的信任不改 </h1> <a href=/culture.html>了解我们</a> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address>浙江.杭州市玉皇山基金小镇甘水巷150号</address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file
dist/index.js 0 → 100644
View file @ e4c2d872
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/news.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html> <html lang=en id=news> <head> <meta charset=UTF-8> <meta name=X-UA-Compatible content="IE=edge"/> <meta name=viewport content="width=device-width"/> <title>礼瀚-动态新闻</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li data-index=0> <a href=/ >首页 <br> HOME</a> </li> <li data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li class=active data-index=2> <a href=/news.html>动态新闻 <br> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br> CONTACT</a> </li> </ul> </div> </div> <div class=main> <div class=header-img> <img src=images/b8c8a9de6f073a0cffc76d74969b9ed6.jpg alt=banner /> </div> <div class="dynamic-news clear-fl"> <div class=news> <h1>动态新闻|DYNAMIC NEWS</h1> <ul class="clear-fl important-news"></ul> <ul class="clear-fl normal-news"></ul> </div> </div> <div class=case> <h1>案例|CASE</h1> <div class=carouse> <a class=prev> &lt; </a> <a class=next> &gt; </a> <ul class="clear-fl imgs-box" data-i=0></ul> </div> <div class=detail style=height:278px> <ul></ul> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address>浙江.杭州市玉皇山基金小镇甘水巷150号</address><br/> <span class=phone><i></i>+86-0571-8773151</span> </div> </div> <div class=bottom>浙备案号： 浙ICP 13006995号 2016. All right reserved.</div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file
dist/team.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html> <html lang=en id=team> <head> <meta charset=UTF-8> <meta name=X-UA-Compatible content="IE=edge"/> <title>公司介绍-团队介绍</title> <link rel=stylesheet href=index.css /> </head> <body> <!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]--> <div class=header> <div class=header-box> <ul class=nav> <li data-index=0> <a href=/ >首页 <br/> HOME</a> </li> <li class=active data-index=1> <a href=javascript:;>公司介绍 <br> COMPANY</a> <div class=introduce> <div class="left fl"> <a href=/about.html>关于礼瀚</a> <a href=/team.html>团队介绍</a> <a href=/culture.html>企业文化</a> </div> <p class="right fl"> 杭州礼瀚投资管理有限公司成立于2012年，<br/> 注册资本1000万元，是一家以投资银行业 <br/> 务、产业基金管理、证券投资为主的资产 <br/> 管理机构。公司于2014年获得私募基金管 <br/> 理人资格。 </p> </div> </li> <li data-index=2> <a href=/news.html>动态新闻 <br/> NEWS</a> </li> <li data-index=3> <a href=/contact.html>联系我们 <br/> CONTACT</a> </li> </ul> </div> </div> <div class=main> <div class=banner> <img src=images/1cfcc95eef33e6a879c8d494beb41b5a.jpg alt=banner /> </div> <div class=team-box> <div class=team> <h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1> <ul class="detail partners"></ul> <div class=arrow> <i class="iconfont icon-01"></i> </div> </div> </div> <div class=introduce-main> <h1>团队介绍| INTRODUCE</h1> <ul class="list partners"></ul> </div> </div> <div class=modal-box> <div class=modal-dialog> <a class=close>&times;</a> <div> <div class="left-pic fl"> <img alt=""/> <div> <h2></h2> <p></p> </div> </div> <div class="right-content fl"> <div> <i class="left-quotes iconfont icon-yinhao"></i> <i class="right-quotes iconfont icon-youyinhao"></i> <h2></h2> <p></p> </div> </div> </div> </div> </div> <div class=footer> <div class=top> <div class=address-phone> <address>浙江.杭州市玉皇山基金小镇甘水巷150号</address> <br/> <span class=phone> <i class="iconfont icon-phone"></i> +86-0571-8773151 </span> </div> </div> <div class=bottom> 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. </div> </div> <script src=index.js></script> </body> </html>
\ No newline at end of file
mock/example.js 0 → 100644
View file @ e4c2d872
'use strict';
module.exports = {
'GET /api/example': function (req, res) {
setTimeout(function () {
res.json({
success: true,
data: ['foo', 'bar'],
});
}, 500);
},
};
package.json 0 → 100644
View file @ e4c2d872
{
"private": true,
"entry": {
"index": "./src/index.js"
},
"dependencies": {
"babel-plugin-transform-es3-property-literals": "^6.8.0",
"console-polyfill": "^0.2.3",
"dva": "^1.0.0",
"es5-shim": "^4.5.9",
"images": "^3.0.0",
"jquery": "^3.1.1",
"react": "^15.1.0",
"react-dom": "^15.1.0"
},
"devDependencies": {
" babel-plugin-transform-es3-property-literals": "6.8.0",
"atool-build": "^0.7.6",
"atool-test-mocha": "^0.1.5",
"babel-plugin-dev-expression": "^0.2.1",
"babel-plugin-dva-hmr": "^0.1.0",
"babel-plugin-transform-es3-member-expression-literals": "6.8.0",
"babel-plugin-transform-runtime": "^6.9.0",
"babel-runtime": "^6.9.2",
"console-polyfill": "0.2.3",
"dora": "0.3.x",
"dora-plugin-proxy": "^0.7.0",
"dora-plugin-webpack": "0.6.x",
"dora-plugin-webpack-hmr": "^0.1.0",
"es5-shim": "4.5.9",
"expect": "^1.20.2",
"extract-loader": "^0.0.2",
"html-loader": "^0.4.4",
"redbox-react": "^1.2.10"
},
"scripts": {
"start": "dora --plugins \"proxy,webpack,webpack-hmr\"",
"build": "atool-build",
"test": "atool-test-mocha ./src/**/*-test.js"
}
}
proxy.config.js 0 → 100644
View file @ e4c2d872
'use strict';
// const mock = {};
// require('fs').readdirSync(require('path').join(__dirname + '/mock'))
// .forEach(function (file) {
// Object.assign(mock, require('./mock/' + file));
// });
module.exports = {
// '/images/*': function(req, res){
// console.log(req.url);
// res.json({
// ok:1
// })
// }
}
src/common/header.js 0 → 100644
View file @ e4c2d872
/*
* 当鼠标移入导航栏,对应栏有下边框
*/
import '../styles/common.less';
import $ from 'jquery';
export default function () {
const $introduce = $('.nav .introduce');
$('.nav a').on('click', function (e) {
$('.active', '.nav').removeClass('active');
const $li = $(this).parent();
$li.addClass('active');
if ($li.data('index') == 1) {
$introduce.slideToggle(300);
} else {
$introduce.slideUp(300);
}
e.stopPropagation();
});
}
src/index.js 0 → 100644
View file @ e4c2d872
import './pages/about/about';
import './pages/contact/contact';
import './pages/culture/culture';
import './pages/index/index';
import initNews from './pages/news/news';
import initTeam from './pages/team/team';
import initHeader from './common/header';
initHeader();
switch (location.pathname) {
case '/team.html':
initTeam();
break;
case '/news.html':
initNews();
break;
}
src/pages/about/about.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html>
<html lang="en" id="about">
<head>
<meta charset="UTF-8">
<title>礼瀚-公司介绍/关于礼瀚</title>
<link rel="stylesheet" href="index.css"/>
</head>
<body>
<!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li class='active' data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</a>
<div class="introduce">
<div class="left fl">
<a href="/about.html">关于礼瀚</a>
<a href="/team.html">团队介绍</a>
<a href="/culture.html">企业文化</a>
</div>
<p class="right fl">
杭州礼瀚投资管理有限公司成立于2012年，<br/>
注册资本1000万元，是一家以投资银行业 <br/>
务、产业基金管理、证券投资为主的资产 <br/>
管理机构。公司于2014年获得私募基金管 <br/>
理人资格。
</p>
</div>
</li>
<li data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="overview">
<i></i>
<p>
杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、产业基金管理、
证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。
<br/><br/>
公司深耕节能环保领域，立足产业及资本市场远景，建立了以研究为基础，股权业务、投行业务、债权业
务、证券业务全方位发展的业务结构，累计资产管理规模达到40亿。
<br/><br/>
公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈，
以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。
</p>
</div>
<div class="enterprise-vision">
<i></i>
<h1>企业愿景 Enterprise vision</h1>
<p>
公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈，
以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。
</p>
</div>
</div>
<div class="footer">
<div class="top">
<div class="address-phone">
<address>浙江.杭州市玉皇山基金小镇甘水巷150号</address>
<br/>
<span class="phone">
<i></i>
+86-0571-8773151
</span>
</div>
</div>
<div class="bottom">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div>
</div>
<script src="index.js"></script>
</body>
</html>
src/pages/about/about.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./about.less";
import "./about.html";
src/pages/about/about.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#about {
.main {
margin: 0 auto;
padding-bottom: 40px;
.overview,
.enterprise-vision {
margin: 0 auto \0; //IE8
width: 1200px \0;
padding: 30px;
background-color: #f1f1f1;
& > i {
display: block;
height: 400px;
}
& > p {
font-size: 18px;
line-height: 34px;
color: #707070;
}
}
.overview {
margin-bottom: 18px;
& > i {
background: url(images/1.jpg) no-repeat center center;
background-size: cover;
}
& > p {
margin: 50px 20px 20px 20px;
}
}
.enterprise-vision {
& > i {
background: url(images/2.jpg) no-repeat center center;
background-size: cover;
}
& > h1 {
margin: 30px 0 20px 0;
font-size: 22px;
color: #616161;
}
& > p {
margin-top: 0;
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.main {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/contact/contact.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html>
<html lang="en" id="contact">
<head>
<meta charset="UTF-8">
<title>礼瀚-联系我们</title>
<link rel="stylesheet" href="index.css"/>
</head>
<body>
<!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</a>
<div class="introduce">
<div class="left fl">
<a href="/about.html">关于礼瀚</a>
<a href="/team.html">团队介绍</a>
<a href="/culture.html">企业文化</a>
</div>
<p class="right fl">
杭州礼瀚投资管理有限公司成立于2012年，<br/>
注册资本1000万元，是一家以投资银行业 <br/>
务、产业基金管理、证券投资为主的资产 <br/>
管理机构。公司于2014年获得私募基金管 <br/>
理人资格。
</p>
</div>
</li>
<li data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li class='active' data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="banner">
<div>
<img src="images/banner.jpg"/>
</div>
</div>
<div class="address-phone">
<div class="address-phone-box clear-fl">
<div class="address-phone-left fl">
<div class="tel">
<i class="iconfont icon-dianhua"></i>
<p>
<span>CALL US</span> <br/>
+86-0751-8773151
</p>
</div>
<div class="email">
<i class="iconfont icon-m-loginEmail"></i>
<p>
<span>EMAIL</span> <br/>
info@consultplus.com
</p>
</div>
<div class="address">
<i class="iconfont icon-dizhi"></i>
<p>
<span>ADRESS</span> <br/>
浙江.杭州市玉皇山 <br/> 基金小镇甘水巷150号
</p>
</div>
</div>
<div class="address-map fl"></div>
</div>
</div>
<div class="footer">
<div class="bottom">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div>
</div>
<script src="index.js"></script>
</body>
</html>
src/pages/contact/contact.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./contact.less";
import "./contact.html";
src/pages/contact/contact.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#contact {
.banner {
background-color: #7e7e7e;
padding: 50px 0;
& > div {
margin: 0 auto;
//margin: 0 7% 0 21%;
height: 400px;
text-align: right;
img {
height: 400px;
max-width: 100%;
}
}
}
.address-phone {
.address-phone-box {
margin: 0 auto;
padding: 90px 0;
width: 1200px \0; //IE8
}
.address-phone-left {
padding-top: 88px;
width: 33%;
background: url(../../images/logo-footer.png) no-repeat;
& > div {
position: relative;
margin-top: 30px;
color: #999;
& > p {
margin-left: 50px;
line-height: 30px;
font-size: 18px;
color: #999;
& > span {
font-family: monospace;
font-size: 16px;
color: #000;
}
}
}
}
.address-map {
margin-top: 34px;
width: 67%;
height: 354px;
background: url(images/map.jpg) no-repeat center center;
background-size: cover;
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.address-phone-box {
width: @cw;
}
.banner > div {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/culture/culture.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html>
<html lang="en" id="culture">
<head>
<meta charset="UTF-8">
<title>公司介绍-企业文化</title>
<link rel="stylesheet" href="index.css"/>
</head>
<body>
<!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li class='active' data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</a>
<div class="introduce">
<div class="left fl">
<a href="/about.html">关于礼瀚</a>
<a href="/team.html">团队介绍</a>
<a href="/culture.html">企业文化</a>
</div>
<p class="right fl">
杭州礼瀚投资管理有限公司成立于2012年，<br/>
注册资本1000万元，是一家以投资银行业 <br/>
务、产业基金管理、证券投资为主的资产 <br/>
管理机构。公司于2014年获得私募基金管 <br/>
理人资格。
</p>
</div>
</li>
<li data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="banner">
<img src="images/banner.jpg" alt="banner"/>
<h1>
时代更迭 我们的专业态度不变 <br>
资本流转 你我间的信任不改 <br>
</h1>
</div>
<div class="main-box">
<div class="main">
<img src="images/li.jpg" alt="li">
<img src="images/xin.jpg" alt="xin">
<img src="images/zhong.jpg" alt="zhong">
<img src="images/zhi.jpg" alt="zhi">
</div>
<p class="content">
礼 | 信 | 忠 | 智
</p>
</div>
<div class="footer">
<div class="top bgImg">
<div class="address-phone">
<address>浙江.杭州市玉皇山基金小镇甘水巷150号</address>
<br/>
<span class="phone">
<i></i>
+86-0571-8773151
</span>
</div>
</div>
<div class="bottom">
浙备案号： 浙ICP 13006995号 2016. All right reserved.
</div>
</div>
<script src="index.js"></script>
</body>
</html>
src/pages/culture/culture.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./culture.less";
import "./culture.html";
src/pages/culture/culture.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#culture {
.banner {
position: relative;
height: 461px;
& > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 461px;
}
& > h1 {
position: relative;
margin: 0 auto;
width: 680px;
padding-top: 132px;
text-align: center;
line-height: 62px;
font-size: 38px;
color: #000;
z-index: 100;
text-shadow: #fff 4px 0 18px, #fff 0 4px 18px, #fff -4px 0 18px, #fff 0 -4px 18px;
-webkit-text-shadow: #fff 4px 0 18px, #fff 0 4px 18px,#fff -4px 0 18px, #fff 0 -4px 18px;
-moz-text-shadow: #fff 4px 0 18px, #fff 0 4px 18px,#fff -4px 0 18px, #fff 0 -4px 18px;
}
}
.main-box {
.main {
& > img {
margin: 0 0 12px 0;
padding: 0;
height: auto;
width: 100%;
}
}
& .content {
margin: 60px auto 0;
height: auto;
text-align: center;
font-family: serif;
font-size: 30px;
font-weight: 100;
text-align: center;
-webkit-font-smoothing: antialiased;
}
}
.address-phone {
width: 1200px \0; //IE8
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.address-phone {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/index/index.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html>
<html lang="en" id="index">
<head>
<meta charset="UTF-8">
<title>首页</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<!--[if lte IE 10]>
<script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li class='active' data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</a>
<div class="introduce">
<div class="left fl">
<a href="/about.html">关于礼瀚</a>
<a href="/team.html">团队介绍</a>
<a href="/culture.html">企业文化</a>
</div>
<p class="right fl">
杭州礼瀚投资管理有限公司成立于2012年，<br/>
注册资本1000万元，是一家以投资银行业 <br/>
务、产业基金管理、证券投资为主的资产 <br/>
管理机构。公司于2014年获得私募基金管 <br/>
理人资格。
</p>
</div>
</li>
<li data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="banner">
<img src="images/lihan.jpg" alt="banner"/>
<h1>禮樂春秋環保夢&nbsp;&nbsp;&nbsp;瀚海沉浮金融心</h1>
</div>
<div class="lihan">
<div class="lihan-box">
<h1 class="title">关于礼瀚</h1>
<p>
杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、 <br/>
产业基金管理、证券投资为主的资产管理机构。 <br/>
公司于2014年获得私募基金管理人资格。
</p>
</div>
</div>
<div class="service">
<img src="images/rectangle.jpg" alt="rectangle">
<div class="service-box">
<h1 class="title">礼瀚服务</h1>
<div class="category clear-fl">
<div class="fl">
<h2>股权<br/>业务</h2>
<p>产业并购基金、定增基金、股东增持减持、员工持股平台</p>
</div>
<div class="fl">
<h2>投行<br/>业务</h2>
<p>咨询服务、财务顾问、市值管理</p>
</div>
<div class="fl">
<h2>债务<br/>业务</h2>
<p>股票质押、股东借款、债务解决方案</p>
</div>
<div class="fl last">
<h2>证券<br/>业务</h2>
<p>固定收益类、宏观资产对冲、 收益类、权益类</p>
</div>
</div>
</div>
</div>
<div class="investment-field">
<div class="investment-field-box">
<h2 class="title">主投领域</h2>
<h3>金融力量重塑绿水青山</h3>
<ul class="category clear-fl">
<li class="fl first">水工程及运营</li>
<li class="fl second">大气工程及运营</li>
<li class="fl three">固废工程及运营</li>
<li class="fl last">检测及环评</li>
</ul>
</div>
</div>
<div class="banner-bottom">
<img src="images/banner.jpg" alt="banner"/>
<div class="banner-bottom-box">
<h1>
时代更迭 我们的专业态度不变<br/>
资本流转 你我间的信任不改
</h1>
<a href="/culture.html">了解我们</a>
</div>
</div>
</div>
<div class="footer">
<div class="top">
<div class="address-phone">
<address>浙江.杭州市玉皇山基金小镇甘水巷150号</address>
<br/>
<span class="phone">
<i class="iconfont icon-phone"></i>
+86-0571-8773151
</span>
</div>
</div>
<div class="bottom">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div>
</div>
<script src="index.js"></script>
</body>
</html>
src/pages/index/index.js 0 → 100644
View file @ e4c2d872
/**
* Created by liaili on 16/10/13.
*/
import "./index.less";
import "./index.html";
src/pages/index/index.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
:global {
#index {
.title {
display: inline-block;
padding: 4px 40px;
font-size: 32px;
font-weight: normal;
border: 3px solid transparent;
}
.main {
.banner {
position: relative;
& > img {
width: 100%;
height: 450px;
}
& > h1 {
position: absolute;
top: 200px;
left: 42%;
font-size: 40px;
font-weight: 100;
font-family: "Serif";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
.lihan {
margin: 0 auto;
width: 1200px \0; //IE8
.lihan-box {
margin: 0 auto;
padding: 70px 0 220px;
text-align: center;
background: url(images/three.png) no-repeat 50% 330px;
& > h1 {
font-size: 28px;
color: #ab0000;
border-color: #e67e22;
margin: 0 auto;
}
& > p {
line-height: 38px;
font-size: 20px;
color: #777;
}
}
}
.service {
position: relative;
text-align: center;
& > img {
width: 100%;
height: 570px;
}
.service-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
& > h1 {
margin-top: 70px;
font-size: 28px;
border-color: #7b7b7b;
}
.category {
margin: 0 auto;
width: 950px;
& > div {
position: relative;
margin-right: 50px;
width: 200px;
&.last {
margin-right: 0;
}
& > h2 {
margin-bottom: 0;
padding-top: 63px;
height: 166px;
font-size: 48px;
color: #e67e22;
background: url(images/polygon.png) no-repeat;
}
& > p {
line-height: 24px;
text-align: justify;
font-size: 18px;
color: #000;
}
}
}
}
}
.investment-field-box {
margin: 0 auto;
padding: 54px 0 100px 0;
width: 1200px \0; //IE8
text-align: center;
& > h2 {
margin: 0;
font-size: 28px;
color: #ab0000;
border-color: #e67e22;
}
& > h3 {
font-size: 30px;
color: #b52626;
}
.category {
padding: 0;
li {
margin-right: 4%;
padding-top: 184px;
width: 22%;
font-size: 26px;
&.first {
background: url(images/pic-01.jpg) no-repeat;
}
&.second {
background: url(images/pic-02.jpg) no-repeat;
}
&.three {
background: url(images/pic-03.jpg) no-repeat;
}
&.last {
margin-right: 0;
background: url(images/pic-04.jpg) no-repeat;
}
}
}
}
.banner-bottom {
position: relative;
text-align: center;
color: #fff;
& > img {
width: 100%;
height: 474px;
}
& > .banner-bottom-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
& > h1 {
margin-top: 140px;
font-size: 48px;
line-height: 68px;
font-weight: normal;
}
& > a {
padding: 8px 50px;
font-size: 24px;
border-radius: 20px;
color: #fff;
background-color: #b62125;
}
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.lihan-box,
.investment-field-box {
width: @cw;
}
}
}
body {
.screen();
}
}
}
src/pages/news/news.html 0 → 100644
View file @ e4c2d872
<!DOCTYPE html>
<html lang="en" id="news">
<head>
<meta charset="UTF-8">
<meta name="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width"/>
<title>礼瀚-动态新闻</title>
<link rel="stylesheet" href="index.css"/>
</head>
<body>
<!--[if lte IE 10]>
<script
src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,es5-shim/4.5.7/es5-shim.min.js,es5-shim/4.5.7/es5-sham.min.js,html5shiv/3.7.2/html5shiv.min.js,media-match/2.0.2/media.match.min.js"></script>
<![endif]-->
<div class="header">
<div class="header-box">
<ul class="nav">
<li data-index="0">
<a href="/">首页 <br> HOME</a>
</li>
<li data-index="1">
<a href="javascript:;">公司介绍 <br> COMPANY</a>
<div class="introduce">
<div class="left fl">
<a href="/about.html">关于礼瀚</a>
<a href="/team.html">团队介绍</a>
<a href="/culture.html">企业文化</a>
</div>
<p class="right fl">
杭州礼瀚投资管理有限公司成立于2012年，<br/>
注册资本1000万元，是一家以投资银行业 <br/>
务、产业基金管理、证券投资为主的资产 <br/>
管理机构。公司于2014年获得私募基金管 <br/>
理人资格。
</p>
</div>
</li>
<li class='active' data-index="2">
<a href="/news.html">动态新闻 <br> NEWS</a>
</li>
<li data-index="3">
<a href="/contact.html">联系我们 <br> CONTACT</a>
</li>
</ul>
</div>
</div>
<div class="main">
<div class="header-img">
<img src="images/1.jpg" alt="banner"/>
</div>
<div class="dynamic-news clear-fl">
<div class="news">
<h1>动态新闻|DYNAMIC NEWS</h1>
<ul class="clear-fl important-news"></ul>
<ul class="clear-fl normal-news"><!--{normal-news}--></ul>
</div>
</div>
<div class="case">
<h1>案例|CASE</h1>
<div class="carouse">
<a class="prev"> &lt; </a>
<a class="next"> &gt; </a>
<ul class="clear-fl imgs-box" data-i="0"></ul>
</div>
<div class="detail" style="height:278px;">
<ul><!-- {case detail} --></ul>
</div>
</div>
</div>
<div class="footer">
<div class="top">
<div class="address-phone">
<address>浙江.杭州市玉皇山基金小镇甘水巷150号</address><br/>
<span class="phone"><i></i>+86-0571-8773151</span>
</div>
</div>
<div class="bottom">浙备案号： 浙ICP 13006995号 2016. All right reserved.</div>
</div>
<script src="index.js"></script>
</body>
</html>
src/pages/news/news.js 0 → 100644
View file @ e4c2d872
import "./news.less";
import $ from "jquery";
import "./news.html";
import "babel-plugin-transform-es3-member-expression-literals";
import "babel-plugin-transform-es3-property-literals";
/* 轮播数据 */
const caseData = [
{
name: '长青集团',
fullName: '广东长青（集团）股份有限公司',
desc: '其环保新能源产业主营的环保热能的项目策划、投资、建设和运营环保装备的研发和制造',
href: 'http://www.chinachant.com/',
src: require('./images/banner-01.jpg')
},
{
name: '众合科技',
fullName: '浙江众合科技股份有限公司',
desc: '国家重点发展的轨道交通业务和能源环保业务',
href: 'http://www.swet.net.cn/index.html',
src: require('./images/banner-02.jpg')
},
{
name: '神雾环保',
fullName: '神雾环保技术股份有限公司',
desc: '向煤化工、石油化工客户提供节能环保综合解决方案',
href: 'ttp://www.swet.net.cn/index.html',
src: require('./images/banner-03.jpg')
},
{
name: '天翔环境',
fullName: '成都天翔环境股份有限公司',
desc: '节能环保及清洁能源设备的研发、生产、销售和服务',
href: 'http://www.tbhic.cn/',
src: require('./images/banner-04.jpg')
},
];
/* 动态新闻数据 */
const newsData = [
{
title: '礼瀚投资入驻杭州玉皇山南基金小镇',
time: '2016年3月初',
href: 'http://mp.weixin.qq.com/s?__biz=MzAxNjAwOTQ3NQ==&mid=402072404&idx=1&sn=bd6fe51fff7aca8d86399d0883aaaa04&scene=1&srcid=0923Dp4MVWYr6NCK1mxp11xs#rd',
desc: '玉皇山南基金小镇管委会党组书记袁维民特别提到，基金小镇始终明确的功能定位是：要为整个实体经济的转型升级、创新创业服务。金融归根结底要回归实业，没有实业支持，资本市场无法实现健康、良性的发展。',
src: require('./images/2.jpg')
},
{
title: '牵手兴源环境 设立环保产业基金',
time: '2016年8月27日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483680&idx=1&sn=13a520365472bda45e0f9a4ef6c6ffc0&scene=1&srcid=0923uuFJJaXdz6OTGqkUqILE#rd',
desc: '礼瀚投资的每一位员工致力于用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。',
src: require('./images/3.jpg')
},
{
title: '礼瀚投资与神雾环保共同构建环保产业金融支持平台',
time: '2016年3月28日',
href: 'http://mp.weixin.qq.com/s?__biz=MzAwMzA3NzY0Mw==&mid=404244897&idx=1&sn=6ef5eb2878871f73430f6d24df468e41&scene=1&srcid=0923rA1ZtImEKIPBHnUbFuRK#rd',
desc: '牵手礼瀚投资，构建环保产业金融支持平台。为了扩展环保产业链，构建环保产业方向的金融支持平台，神雾环保与礼瀚投资签署战略合作协议。在合作协议框架下，公司将充分发挥研发及产业资源渠道优势，并由礼瀚投资把握环保行业的投资机会，取长补短，依托成立私募股权基金、产业并购基金等方式实现产业与金融有机结合。合作双方首期发起设立产业基金规模约3亿元。我们认为该项合作有利于扩展公司业务规模，增强公司的盈利能力。',
src: ''
},
{
title: '礼瀚概念的呈现与解读',
time: '2016年8月26日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483664&idx=1&sn=791fc3b4988eff3aff5413fca8657652&scene=1&srcid=0923E21ltCilDaPCdyC2A9cw#rd',
desc: '为了拓展兴源环境（300266）的环保产业链,构建环保产业方向的金融支持平台,杭州礼瀚投资管理有限公司(以下简称“礼瀚投资”)携手杭州壹舟投资管理有限公司(以下简称“壹舟投资”)与兴源环境科技股份有限公司(以下简称“兴源环境”)及兴源控股有限公司(以下简称“兴源控股”)于2016年8月26日共同发起设立环保产业基金。',
src: ''
},
{
title: '礼瀚团建：毛里求斯——享受自然与冒险',
time: '2016年9月2日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483689&idx=1&sn=544e5aa8f3cb9d10145958537c9d2e76&scene=1&srcid=0923RxbtOpT6Hzz3AJlBULry#rd',
desc: '毛里求斯被誉为人间天堂，除却妩媚而又纯净的海岛风光，更重要的是因为在这里，你可以忘却所有的烦恼，享受自然，享受冒险，享受生命中因太多烦恼而错过的大好时光。从杭州到毛里求斯，礼瀚团队来这里赴一场与自然和心灵的约会。',
src: ''
},
];
function templateImportantNews(value) {
return (`
<li class="fl">
<img class="news-left fl" src="${value.src}" alt="news">
<div class="fl news-right">
<div>
<h2><a href="${value.href}" title="${value.title}" target="_blank">${value.title}</a></h2>
<p> ${value.desc} </p>
<a href="${value.href}" target="_blank">
了解更多
<i class="right-arrow iconfont icon-jiantou-copy"></i>
</a>
</div>
</div>
</li>
`);
}
function templateNormalNews(value) {
return (`
<li class="fl">
<i class="iconfont icon-quanquanb"></i>
<a href="${value.href}" title="${value.title}" target="_blank">
${value.title}
</a>
<time class="fr">${value.time}</time>
</li>
`);
}
export default function () {
/* 初始化 */
/**
* 动态新闻部分添加内容
*/
let importantNewsArr = [];
let normalNewsArr = [];
newsData.forEach((value, index)=> {
index < 2 ?
importantNewsArr.push(templateImportantNews(value))
:
normalNewsArr.push(templateNormalNews(value));
});
$('.dynamic-news .important-news').html(importantNewsArr.join(''));
$('.dynamic-news .normal-news').html(normalNewsArr.join(''));
// $('.important-news li:last').addClass('last');
/* 轮播部分添加图片和文案 */
let imgArr = [];
let contentArr = [];
let len = caseData.length;
caseData.forEach(value=> {
imgArr.push(`<li class="fl"><img src="${value.src}" alt="${value.name}"></li>`);
contentArr.push(`
<li>
<div>
<h2>${value.name}</h2>
<h3>${value.fullName}</h3>
<p>${value.desc}</p>
</div>
<a href="${value.href}" target="_blank">
了解更多
<i class="right-arrow iconfont icon-jiantou-copy"></i>
</a>
</li>
`);
});
fnTab();
/*
* 图片轮播
*/
const $carouse = $('.carouse');
const $imgsBox = $('.imgs-box');
const $detail = $('.detail');
let $detailLis = $('.detail li');
let carouseWidth = $carouse.width();
let index = 0;
//初始化图片和内容的容器的高度
$imgsBox.width(carouseWidth * len);
$detail.height($detailLis[0].offsetHeight);
//点击右箭头
$('.next', $carouse).on('click', function (e) {
index++;
if (index == len) {
$('.case .imgs-box').append($('.imgs-box > li:first').detach());
$('.detail > ul').append($('.detail li:first').detach());
$imgsBox.css('left', -carouseWidth * (len - 2) + 'px');
index--;
}
change(index, carouseWidth, $imgsBox, e);
});
//点击左箭头
$('.prev', $carouse).on('click', function (e) {
index--;
if (index == -1) {
$('.case .imgs-box').prepend($('.imgs-box > li:last').detach());
$('.detail > ul').prepend($('.detail li:last').detach());
$imgsBox.css('left', -carouseWidth + 'px');
index++;
}
change(index, carouseWidth, $imgsBox, e);
});
/*
* 轮播添加图片和文案
*/
function fnTab() {
$('.carouse > ul').html(imgArr.join(''));
$('.detail > ul').html(contentArr.join(''));
$('.detail li:first').css('display', 'block');
}
/*
* 图片切换时的动画
*/
function change(index, carouseWidth, $imgsBox, e) {
$('.detail li').fadeOut(0)
.eq(index).fadeIn(500);
$imgsBox.animate({
left: -index * carouseWidth + 'px'
}, 500);
e.preventDefault();
e.stopPropagation();
}
}
src/pages/news/news.less 0 → 100644
View file @ e4c2d872
@import "../../styles/variable";
// @import "../../public/stylesheets/iconfont.less";
:global {
#news {
.header-img > img {
height: 400px;
width: 100%;
}
.dynamic-news {
margin: 0 auto;
width: 1200px \0;
& > .news {
& > h1 {
margin: 30px 0;
font-family: monospace;
font-size: 24px;
}
& > .important-news > li {
margin: 0 60px 0 0;
width: 538px \0;
height: 306px;
border: 1px solid #e4ecee;
&:last-child,
&.last {
margin-right: 0;
}
&:hover {
box-shadow: 0 0 30px #ebf1f1;
}
.news-left {
display: inline-block;
width: 50%;
height: 306px;
}
.news-right {
position: relative;
width: 50%;
height: 100%;
& > div {
padding: 50px 30px;
& > h2 {
margin: 0 0 6px 0;
line-height: 24px;
font-size: 20px;
font-weight: normal;
color: #343a3b;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
& > p {
margin: 0;
line-height: 21px;
font-size: 15px;
color: #838b8c;
//text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-ms-hyphenate-limit-lines: 7;
-webkit-box-orient: vertical;
}
& > a {
position: absolute;
bottom: 24px;
left: 30px;
padding: 6px 20px;
font-size: 16px;
color: #fff;
border-radius: 20px;
background-color: #4674a9;
}
}
}
}
& > .normal-news {
margin: 54px 0 0 0;
& > li {
position: relative;
margin-right: 64px;
width: 538px \0;
line-height: 30px;
&:hover {
& > a {
text-decoration: underline;
font-weight: bold;
}
& > time {
font-weight: bold;
}
}
& > a {
display: inline-block;
margin-left: 20px;
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
}
& > time {
font-size: 14px;
}
&:nth-child(2n) {
margin-right: 0;
}
//&:nth-child(1),
//&:nth-child(2) {
// margin-top: 0;
//}
}
}
}
}
.no-data {
text-align: center;
font-size: 20px;
}
.case {
margin: 0 auto;
width: 1200px \0;
& > h1 {
margin: 40px 0 20px 0;
font-family: monospace;
font-size: 24px;
}
.detail {
position: relative;
margin: 0 auto;
padding-top: 28px;
& > ul > li {
position: absolute;
padding-bottom: 170px;
width: 100%;
display: none;
& > div {
width: 80%;
margin: 0 auto;
& > h2 {
margin: 16px 0;
font-size: 20px;
font-weight: 100;
-webkit-font-smoothing: antialiased;
}
& > h3,
& > p {
margin: 0;
line-height: 28px;
font-size: 18px;
font-weight: normal;
color: #7b7b7b;
-webkit-font-smoothing: antialiased;
}
}
& > a {
position: absolute;
right: 30px;
bottom: 60px;
padding: 12px 100px 12px 26px;
font-size: 18px;
color: #fff;
background-color: #4674a9;
border-radius: 20px;
& > i.right-arrow:before {
font-size: 18px;
color: #fff;
}
}
}
}
}
.carouse {
position: relative;
width: 1200px \0;
height: 312px;
overflow: hidden;
.prev,
.next {
position: absolute;
top: 50%;
margin-top: -25px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
font-size: 30px;
color: #ff0000;
border-radius: 50%;
background-color: rgba(0, 0, 0, .3);
background-color: #aab1b8 \0;
z-index: 10;
cursor: pointer;
&:hover {
background-color: rgba(0, 0, 0, .5);
background-color: #aab1b8 \0;
}
}
.prev {
left: 30px;
}
.next {
right: 30px;
}
.imgs-box {
margin: 0;
position: absolute;
left: 0;
top: 0;
& > li > img {
width: 1200px;
}
}
}
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.dynamic-news {
width: @cw;
& > .news {
width: @cw;
& > ul > li {
width: @cw / 2 - 32px;
}
}
}
.case {
width: @cw;
.carouse {
width: @cw;
& > ul {
width: 4 * @cw;
img {
width: @cw;
height: auto;
}
}
}
.detail {
width: @cw;
}
}
}
}
body {
.screen();
}
}
}
src/pages/team/images/gejianbin-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/gejianbin.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/liuchuan-small.jpg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/liuchuan-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/liuchuan.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/luohangting-small.jpg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/luohangting-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/luohangting.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/shenhaowen-small.jpg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/shenhaowen-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/shenhaowen.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/wuwei-small.jpg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/wuwei-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/wuwei.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/wuxiaowei-small.jpg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/wuxiaowei-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/wuxiaowei.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/yangyuan-small.jpg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/yangyuan-small.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/images/yangyuan.png 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/team.html 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/team.js 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/pages/team/team.less 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/common.less 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/iconfont.eot 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/iconfont.less 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/iconfont.svg 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/iconfont.ttf 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/iconfont.woff 0 → 100644
View file @ e4c2d872
This diff is collapsed.
src/styles/normalize.less 0 → 100755
View file @ e4c2d872
This diff is collapsed.
src/styles/variable.less 0 → 100644
View file @ e4c2d872
This diff is collapsed.
webpack.config.js 0 → 100644
View file @ e4c2d872
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment