Skip to content

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

v1.01

parent 4055cae1
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 571 additions and 534 deletions
src/images/footer.jpg
View replaced file @ 4055cae1 View file @ 26050613
src/images/footer.jpg

58.1 KB | W: | H:

src/images/footer.jpg

49.4 KB | W: | H:

src/images/footer.jpg
src/images/footer.jpg
src/images/footer.jpg
src/images/footer.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/about/about.html
View file @ 26050613
...@@ -57,24 +57,25 @@ ...@@ -57,24 +57,25 @@
</div> </div>
<div class="main"> <div class="main">
<div class="overview"> <div class="overview">
<i></i> <img src="images/1.jpg"/>
<p> <div class="clear-fl" style="padding:30px 0 0 0">
杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、产业基金管理、 <div style="float: left; width: 50%;">
证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。 <p style="margin-right: 10px;">
<br/><br/> 杭州礼瀚投资管理有限公司成立于2012年，注册资本1000万元，是一家以投资银行业务、产业基金管理、证券投资为主的资产管理机构。公司于2014年获得私募基金管理人资格。
公司深耕节能环保领域，立足产业及资本市场远景，建立了以研究为基础，股权业务、投行业务、债权业 </p>
务、证券业务全方位发展的业务结构，累计资产管理规模达到40亿。 </div>
<br/><br/> <div style="float: left; width: 50%;">
公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， <p style="margin-left: 10px;">
以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。 公司深耕节能环保领域，立足产业及资本市场远景，建立了以研究为基础，股权业务、投行业务、债权业务、证券业务全方位发展的业务结构，累计资产管理规模达到40亿。
</p> </p>
</div>
</div>
</div> </div>
<div class="enterprise-vision"> <div class="enterprise-vision">
<i></i> <img src="images/2.jpg"/>
<h1>企业愿景 Enterprise vision</h1> <h1>企业愿景 Enterprise vision</h1>
<p> <p>
公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈， 公司致力于为各阶段客户提供产业及资本战略规划，创造更多价值，同时协助客户解决资金、资产瓶颈，以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。
以长期合作伙伴及财务顾问的身份，协助产业客户实现融资、投资需求，打造礼瀚自己的金融品牌。
</p> </p>
</div> </div>
</div> </div>
...@@ -87,12 +88,13 @@ ...@@ -87,12 +88,13 @@
</address> </address>
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
0571-8773151 0571-8773151
</span> </span>
<div class="weixin-qrcode"></div>
</div> </div>
</div> </div>
<div class="bottom"> <div class="copyright">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div> </div>
</div> </div>
......
src/pages/about/about.less
View file @ 26050613
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
#about { #about {
.main { .main {
...@@ -12,37 +12,29 @@ ...@@ -12,37 +12,29 @@
width: 1200px \0; width: 1200px \0;
padding: 30px; padding: 30px;
background-color: #f1f1f1; background-color: #f1f1f1;
& > i { p {
display: block;
height: 400px;
}
& > p {
font-size: 18px; font-size: 18px;
line-height: 34px; line-height: 34px;
color: #707070; color: #707070;
margin: 0;
}
img {
display: block;
width: 100%;
} }
} }
.overview { .overview {
margin-bottom: 18px; p {
& > i { //margin: 0 20px;
background: url(images/1.jpg) no-repeat center center;
background-size: cover;
}
& > p {
margin: 50px 20px 20px 20px;
} }
} }
.enterprise-vision { .enterprise-vision {
& > i { h1 {
background: url(images/2.jpg) no-repeat center center;
background-size: cover;
}
& > h1 {
margin: 30px 0 20px 0; margin: 30px 0 20px 0;
font-size: 22px; font-size: 22px;
color: #616161; color: #616161;
} }
& > p { p {
margin-top: 0; margin-top: 0;
} }
} }
......
src/pages/contact/contact.html
View file @ 26050613
...@@ -56,30 +56,30 @@ ...@@ -56,30 +56,30 @@
</div> </div>
</div> </div>
<div class="banner"> <div class="banner">
<img src="images/banner.jpg" alt="banner"/> <img src="images/banner3.jpg" alt="banner"/>
</div> </div>
<div class="address-phone"> <div class="address-phone" style="margin: 0 auto">
<div class="address-phone-box clear-fl"> <div class="address-phone-box clear-fl">
<div class="address-phone-left fl"> <div class="address-phone-left fl">
<div class="tel"> <div class="tel">
<i class="iconfont icon-dianhua"></i> <i class="iconfont icon-dianhua"></i>
<p> <p>
<span>CALL US</span> <br/> <span>电话</span> <br/>
0571-8773151 0571-87753151
</p> </p>
</div> </div>
<div class="email"> <div class="email">
<i class="iconfont icon-m-loginEmail"></i> <i class="iconfont icon-m-loginEmail"></i>
<p> <p>
<span>EMAIL</span> <br/> <span>邮箱</span> <br/>
info@consultplus.com info@consultplus.com
</p> </p>
</div> </div>
<div class="address"> <div class="address">
<i class="iconfont icon-dizhi"></i> <i class="iconfont icon-dizhi"></i>
<p> <p>
<span>ADRESS</span> <br/> <span>地址</span> <br/>
浙江.杭州市玉皇山 <br/> 基金小镇甘水巷150号 浙江·杭州市玉皇山南基金小镇甘水巷150号
</p> </p>
</div> </div>
</div> </div>
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">
<div class="bottom"> <div class="copyright">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div> </div>
</div> </div>
......
src/pages/culture/culture.html
View file @ 26050613
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" id="culture"> <html lang="en" id="culture">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>公司介绍-企业文化</title> <title>公司介绍-企业文化</title>
<link rel="stylesheet" href="index.css"/> <link rel="stylesheet" href="index.css"/>
</head> </head>
<body> <body>
<!--[if lte IE 10]> <!--[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> <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]--> <![endif]-->
<div class="header"> <div class="header">
<div class="header-box"> <div class="header-box">
<a class="logo" href="/"></a> <a class="logo" href="/"></a>
<ul class="nav"> <ul class="nav">
<li> <li>
<a href="/"> <a href="/">
<span>首页</span> <span>首页</span>
<span>HOME</span> <span>HOME</span>
</a> </a>
</li> </li>
<li class="active company"> <li class="active company">
<a href="javascript:;"> <a href="javascript:;">
<span>公司介绍</span> <span>公司介绍</span>
<span>COMPANY</span> <span>COMPANY</span>
</a> </a>
<div class="introduce"> <div class="introduce">
<div class="left fl"> <div class="left fl">
<a href="/about.html">关于礼瀚</a> <a href="/about.html">关于礼瀚</a>
<a href="/team.html">团队介绍</a> <a href="/team.html">团队介绍</a>
<a href="/culture.html">企业文化</a> <a href="/culture.html">企业文化</a>
</div> </div>
<p class="right fl"> <p class="right fl">
杭州礼瀚投资管理有限公司成立于2012年，<br/> 杭州礼瀚投资管理有限公司成立于2012年，<br/>
注册资本1000万元，是一家以投资银行业 <br/> 注册资本1000万元，是一家以投资银行业 <br/>
务、产业基金管理、证券投资为主的资产 <br/> 务、产业基金管理、证券投资为主的资产 <br/>
管理机构。公司于2014年获得私募基金管 <br/> 管理机构。公司于2014年获得私募基金管 <br/>
理人资格。 理人资格。
</p> </p>
</div> </div>
</li> </li>
<li> <li>
<a href="/news.html"> <a href="/news.html">
<span>动态新闻</span> <span>动态新闻</span>
<span>NEWS</span> <span>NEWS</span>
</a> </a>
</li> </li>
<li> <li>
<a href="/contact.html"> <a href="/contact.html">
<span>联系我们</span> <span>联系我们</span>
<span>CONTACT</span> <span>CONTACT</span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="banner"> <div class="banner">
<img src="images/banner.jpg" alt="banner"/> <img src="images/banner.jpg" alt="banner"/>
<h1> <h1>
时代更迭 我们的专业态度不变 <br> 时代更迭 我们的专业态度不变 <br>
资本流转 你我间的信任不改 <br> 资本流转 你我间的信任不改 <br>
</h1> </h1>
</div> </div>
<div class="main-box"> <div class="main-box">
<div class="main"> <img src="images/li.jpg" alt="li">
<img src="images/li.jpg" alt="li"> <img src="images/xin.jpg" alt="xin">
<img src="images/xin.jpg" alt="xin"> <img src="images/zhong.jpg" alt="zhong">
<img src="images/zhong.jpg" alt="zhong"> <img src="images/zhi.jpg" alt="zhi">
<img src="images/zhi.jpg" alt="zhi"> <p class="content">
</div> 礼 | 信 | 忠 | 智
<p class="content"> </p>
礼 | 信 | 忠 | 智
</p>
</div> </div>
<div class="footer"> <div class="footer">
<div class="top bgImg"> <div class="top bgImg">
<div class="address-phone"> <div class="address-phone">
<address> <address>
<i class="iconfont icon-dizhi"></i> <i class="iconfont icon-dizhi"></i>
浙江.杭州市玉皇山基金小镇甘水巷150号 浙江.杭州市玉皇山基金小镇甘水巷150号
</address> </address>
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
0571-8773151 0571-8773151
</span> </span>
</div> <div class="weixin-qrcode"></div>
</div>
<div class="bottom">
浙备案号： 浙ICP 13006995 号 2016. All right reserved.
</div> </div>
</div>
<div class="copyright">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div>
</div> </div>
<script src="index.js"></script> <script src="index.js"></script>
......
src/pages/culture/culture.less
View file @ 26050613
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
.banner { .banner {
position: relative; position: relative;
height: 461px; //width: 100%;
//min-width: 1200px;
& > img {
width: 100%; width: 100%;
min-width: 1200px; display: block;
& > 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;
}
} }
& > h1 {
position: absolute;
top: 132px;
width: 100%;
text-align: center;
line-height: 62px;
font-size: 38px;
color: #000;
text-shadow: #fff 4px 0 18px, #fff 0 4px 18px, #fff -4px 0 18px, #fff 0 -4px 18px;
}
}
.main-box { .main-box {
min-width: 1200px; img {
.main {
& > img { width: 100%;
margin: 0 0 12px 0; display: block;
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 { p {
width: 1200px \0; //IE8 margin: 60px auto 0;
text-align: center;
font-family: serif;
font-size: 30px;
font-weight: 100;
-webkit-font-smoothing: antialiased;
} }
}
//.address-phone {
// width: 1200px \0; //IE8
//}
.screen() { .screen() {
.media(@screen-width-small, @container-width-small); .media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width); .media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large); .media(@screen-width-large, @container-width-large);
.media(@sw, @cw) { .media(@sw, @cw) {
@media screen and (min-width: @sw) { @media screen and (min-width: @sw) {
.rules(@cw); .rules(@cw);
}
} }
}
.rules(@cw) { .rules(@cw) {
.address-phone { .address-phone {
width: @cw; width: @cw;
}
} }
} }
}
body { body {
.screen(); .screen();
} }
} }
src/pages/index/images/banner.jpg
View replaced file @ 4055cae1 View file @ 26050613
src/pages/index/images/banner.jpg

50.7 KB | W: | H:

src/pages/index/images/banner.jpg

45.3 KB | W: | H:

src/pages/index/images/banner.jpg
src/pages/index/images/banner.jpg
src/pages/index/images/banner.jpg
src/pages/index/images/banner.jpg
  • 2-up
  • Swipe
  • Onion skin
src/pages/index/index.html
View file @ 26050613
This diff is collapsed.
src/pages/index/index.less
View file @ 26050613
@import "../../styles/variable"; @import "../../styles/variable";
:global { :global {
.main { .main {
width: 100%;
.banner {
position: relative;
width: 100%; width: 100%;
.banner { min-width: 1200px;
position: relative; & > img {
width: 100%; width: 100%;
min-width: 1200px; //min-width: 990px;
& > img { //height: 450px;
width: 100%; }
//min-width: 990px; & > h1 {
//height: 450px; 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
min-width: 1200px;
.lihan-box {
margin: 0 auto;
padding: 70px 0 220px;
text-align: center;
background: url(images/three.png) no-repeat 50% 260px;
& > h1 { & > h1 {
position: absolute; font-size: 28px;
top: 200px; color: #ab0000;
left: 42%; border-color: #e67e22;
font-size: 40px; margin: 0 auto;
font-weight: 100; }
font-family: "Serif"; & > p {
-webkit-font-smoothing: antialiased; line-height: 38px;
-moz-osx-font-smoothing: grayscale; font-size: 20px;
color: #777;
} }
} }
.lihan { }
margin: 0 auto; .service {
width: 1200px \0; //IE8 position: relative;
min-width: 1200px; text-align: center;
.lihan-box { width: 100%;
min-width: 1200px;
& > img {
width: 100%;
//min-width: 990px;
//height: 570px;
}
.service-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
.service-box-content {
margin: 0 auto; margin: 0 auto;
padding: 70px 0 220px;
text-align: center;
background: url(images/three.png) no-repeat 50% 330px;
& > h1 { & > h1 {
margin-top: 70px;
font-size: 28px; font-size: 28px;
color: #ab0000; border-color: #7b7b7b;
border-color: #e67e22;
margin: 0 auto;
} }
& > p { .category {
line-height: 38px;
font-size: 20px;
color: #777;
}
}
}
.service {
position: relative;
text-align: center;
width: 100%;
min-width: 1200px;
& > img {
width: 100%;
//min-width: 990px;
//height: 570px;
}
.service-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
.service-box-content{
margin: 0 auto; margin: 0 auto;
& > h1 { width: 950px;
margin-top: 70px; & > div {
font-size: 28px; position: relative;
border-color: #7b7b7b; margin-right: 50px;
} width: 200px;
.category { &.last {
margin: 0 auto; margin-right: 0;
width: 950px; }
& > div { & > h2 {
position: relative; margin-bottom: 0;
margin-right: 50px; padding-top: 63px;
width: 200px; height: 166px;
&.last { font-size: 48px;
margin-right: 0; color: #e67e22;
} background: url(images/polygon.png) no-repeat;
& > h2 { }
margin-bottom: 0; & > p {
padding-top: 63px; line-height: 24px;
height: 166px; text-align: justify;
font-size: 48px; font-size: 18px;
color: #e67e22; color: #000;
background: url(images/polygon.png) no-repeat; text-align: center;
}
& > p {
line-height: 24px;
text-align: justify;
font-size: 18px;
color: #000;
}
} }
} }
} }
} }
} }
.investment-field-box {
margin: 0 auto;
padding: 54px 0 100px 0;
width: 1120px \0; //IE8
text-align: center;
width: 100%;
min-width: 1120px;
& > h2 {
margin: 0;
font-size: 28px;
color: #ab0000;
border-color: #e67e22;
} }
& > h3 { .investment-field-box {
font-size: 30px; margin: 0 auto;
color: #b52626; padding: 54px 0 100px 0;
} width: 1120px \0; //IE8
.category { text-align: center;
padding: 0 40px; width: 100%;
li { min-width: 1120px;
margin-right: 4%; & > h2 {
padding-top: 184px; margin: 0;
width: 22%; font-size: 28px;
font-size: 26px; color: #ab0000;
&.first { border-color: #e67e22;
background: url(images/pic-01.jpg) no-repeat;
}
&.second {
background: url(images/pic-02.jpg) no-repeat;
} }
&.three { & > h3 {
background: url(images/pic-03.jpg) no-repeat; font-size: 30px;
} color: #b52626;
&.last { }
margin-right: 0; .category {
background: url(images/pic-04.jpg) no-repeat; padding: 0 40px;
} 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-3.jpg) no-repeat;
}
&.last {
margin-right: 0;
background: url(images/pic-04.jpg) no-repeat;
} }
} }
} }
.banner-bottom { }
position: relative; .banner-bottom {
text-align: center; position: relative;
color: #fff; text-align: center;
min-width: 1200px; color: #fff;
& > img { //min-width: 1200px;
width: 100%; & > img {
//min-width: 990px; width: 100%;
//height: 474px; display: block;
}
& > .banner-bottom-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
& > h1 {
margin-top: 6%;
margin-bottom: 5%;
font-size: 48px;
line-height: 72px;
font-weight: normal;
} }
& > .banner-bottom-box { & > a {
position: absolute; padding: 8px 50px;
top: 0; font-size: 24px;
left: 0; border-radius: 20px;
width: 100%; color: #fff;
height: 100%; background-color: #b62125;
& > h1 {
margin-top: 8%;
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() { .screen() {
.media(@screen-width-small, @container-width-small); .media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width); .media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large); .media(@screen-width-large, @container-width-large);
.media(@sw, @cw) { .media(@sw, @cw) {
@media screen and (min-width: @sw) { @media screen and (min-width: @sw) {
.rules(@cw); .rules(@cw);
}
} }
.rules(@cw) { }
.lihan-box, .rules(@cw) {
.investment-field-box { .lihan-box,
width: @cw; .investment-field-box {
} width: @cw;
.main { }
.service { .main {
.service-box { .service {
.service-box-content{ .service-box {
width: @cw; .service-box-content {
} width: @cw;
} }
} }
.banner-bottom { }
& > .banner-bottom-box{ .banner-bottom {
& > h1 { & > .banner-bottom-box {
font-size: @cw/28.3; & > h1 {
} font-size: @cw/28.3;
} }
//width: @cw;
}
.investment-field-box{
width: @cw;
//min-width: 920px;
} }
//width: @cw;
}
.investment-field-box {
width: @cw;
//min-width: 920px;
} }
} }
} }
}
body { body {
.screen(); .screen();
}
} }
}
src/pages/news/news.html
View file @ 26050613
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
</div> </div>
<div class="main"> <div class="main">
<div class="header-img"> <div class="header-img">
<img src="images/1.jpg" alt="banner"/> <img src="images/banner.jpg" alt="banner"/>
</div> </div>
<div class="dynamic-news clear-fl"> <div class="dynamic-news clear-fl">
<div class="news"> <div class="news">
...@@ -88,10 +88,14 @@ ...@@ -88,10 +88,14 @@
<br/> <br/>
<span class="phone"> <span class="phone">
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
0571-8773151</span> 0571-8773151
</span>
<div class="weixin-qrcode"></div>
</div> </div>
</div> </div>
<div class="bottom">浙备案号： 浙ICP 13006995号 2016. All right reserved.</div> <div class="copyright">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div>
</div> </div>
<script src="index.js"></script> <script src="index.js"></script>
</body> </body>
......
src/pages/news/news.js
View file @ 26050613
...@@ -44,14 +44,14 @@ const newsData = [ ...@@ -44,14 +44,14 @@ const newsData = [
time: '2016年9月2日', time: '2016年9月2日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483689&idx=1&sn=544e5aa8f3cb9d10145958537c9d2e76&scene=1&srcid=0923RxbtOpT6Hzz3AJlBULry#rd', href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483689&idx=1&sn=544e5aa8f3cb9d10145958537c9d2e76&scene=1&srcid=0923RxbtOpT6Hzz3AJlBULry#rd',
desc: '毛里求斯被誉为人间天堂，除却妩媚而又纯净的海岛风光，更重要的是因为在这里，你可以忘却所有的烦恼，享受自然，享受冒险，享受生命中因太多烦恼而错过的大好时光。从杭州到毛里求斯，礼瀚团队来这里赴一场与自然和心灵的约会。', desc: '毛里求斯被誉为人间天堂，除却妩媚而又纯净的海岛风光，更重要的是因为在这里，你可以忘却所有的烦恼，享受自然，享受冒险，享受生命中因太多烦恼而错过的大好时光。从杭州到毛里求斯，礼瀚团队来这里赴一场与自然和心灵的约会。',
src: require('./images/2.jpg') src: require('./images/6.jpg')
}, },
{ {
title: '牵手兴源环境 设立环保产业基金', title: '牵手兴源环境 设立环保产业基金',
time: '2016年8月27日', time: '2016年8月27日',
href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483680&idx=1&sn=13a520365472bda45e0f9a4ef6c6ffc0&scene=1&srcid=0923uuFJJaXdz6OTGqkUqILE#rd', href: 'http://mp.weixin.qq.com/s?__biz=MzI5NTMzMjEwNA==&mid=2247483680&idx=1&sn=13a520365472bda45e0f9a4ef6c6ffc0&scene=1&srcid=0923uuFJJaXdz6OTGqkUqILE#rd',
desc: '礼瀚投资的每一位员工致力于用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。', desc: '礼瀚投资的每一位员工致力于用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。',
src: require('./images/3.jpg') src: require('./images/7.jpg')
}, },
{ {
title: '礼瀚概念的呈现与解读', title: '礼瀚概念的呈现与解读',
...@@ -73,7 +73,19 @@ const newsData = [ ...@@ -73,7 +73,19 @@ const newsData = [
href: 'http://mp.weixin.qq.com/s?__biz=MzAxNjAwOTQ3NQ==&mid=402072404&idx=1&sn=bd6fe51fff7aca8d86399d0883aaaa04&scene=1&srcid=0923Dp4MVWYr6NCK1mxp11xs#rd', href: 'http://mp.weixin.qq.com/s?__biz=MzAxNjAwOTQ3NQ==&mid=402072404&idx=1&sn=bd6fe51fff7aca8d86399d0883aaaa04&scene=1&srcid=0923Dp4MVWYr6NCK1mxp11xs#rd',
desc: '玉皇山南基金小镇管委会党组书记袁维民特别提到，基金小镇始终明确的功能定位是：要为整个实体经济的转型升级、创新创业服务。金融归根结底要回归实业，没有实业支持，资本市场无法实现健康、良性的发展。', desc: '玉皇山南基金小镇管委会党组书记袁维民特别提到，基金小镇始终明确的功能定位是：要为整个实体经济的转型升级、创新创业服务。金融归根结底要回归实业，没有实业支持，资本市场无法实现健康、良性的发展。',
src: '' src: ''
}, }, {
title: '礼瀚投资:金融环保与文化环保并驾齐驱，共建美丽家园',
time: '2016年12月11日',
href: 'http://mp.weixin.qq.com/s/b-Q41NVdd5XFIPdhQlwq9w'
},{
title: '礼瀚投资与天翔环境合作设立环保产业基金',
time: '2016年12月13日',
href: 'http://mp.weixin.qq.com/s/G-ETM6yF7fuT-5EtaYy9Jw'
},{
title: '礼瀚投资－青云2号私募基金成立',
time: '2016年11月11日',
href: 'http://mp.weixin.qq.com/s/sPm75-51IpJdwqMplWiVGA'
}
]; ];
function templateImportantNews(value) { function templateImportantNews(value) {
...@@ -118,7 +130,7 @@ export default function () { ...@@ -118,7 +130,7 @@ export default function () {
let importantNewsArr = []; let importantNewsArr = [];
let normalNewsArr = []; let normalNewsArr = [];
newsData.forEach((value, index)=> { newsData.forEach((value, index) => {
index < 2 ? index < 2 ?
importantNewsArr.push(templateImportantNews(value)) importantNewsArr.push(templateImportantNews(value))
: :
...@@ -136,7 +148,7 @@ export default function () { ...@@ -136,7 +148,7 @@ export default function () {
let contentArr = []; let contentArr = [];
let len = caseData.length; let len = caseData.length;
caseData.forEach(value=> { caseData.forEach(value => {
imgArr.push(`<li class="fl"><a href="${value.href}" target="_blank"><img src="${value.src}" alt="${value.name}"></a></li>`); imgArr.push(`<li class="fl"><a href="${value.href}" target="_blank"><img src="${value.src}" alt="${value.name}"></a></li>`);
contentArr.push(` contentArr.push(`
<li> <li>
...@@ -171,7 +183,7 @@ export default function () { ...@@ -171,7 +183,7 @@ export default function () {
$detail.height($detailLis[0].offsetHeight); $detail.height($detailLis[0].offsetHeight);
//点击右箭头 //点击右箭头
$('.next', $carouse).on('click', function (e) { const nextBtn = $('.next', $carouse).on('click', function (e) {
index++; index++;
if (index == len) { if (index == len) {
$('.case .imgs-box').append($('.imgs-box > li:first').detach()); $('.case .imgs-box').append($('.imgs-box > li:first').detach());
...@@ -180,7 +192,7 @@ export default function () { ...@@ -180,7 +192,7 @@ export default function () {
index--; index--;
} }
change(index, carouseWidth, $imgsBox, e); change(index, carouseWidth, $imgsBox, e);
}); })
//点击左箭头 //点击左箭头
$('.prev', $carouse).on('click', function (e) { $('.prev', $carouse).on('click', function (e) {
...@@ -216,4 +228,24 @@ export default function () { ...@@ -216,4 +228,24 @@ export default function () {
e.stopPropagation(); e.stopPropagation();
} }
let enableAutoPlay = true;
let sid;
$carouse.hover(function () {
enableAutoPlay = false;
clearTimeout(sid);
}, function () {
enableAutoPlay = true;
autoPlay();
});
autoPlay();
function autoPlay() {
sid = setTimeout(function () {
nextBtn.trigger('click');
autoPlay();
}, 3000);
}
} }
src/pages/news/news.less
View file @ 26050613
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
.header-img { .header-img {
min-width: 1200px; min-width: 1200px;
& > img { & > img {
height: 400px; //height: 400px;
width: 100%; width: 100%;
} }
} }
...@@ -38,6 +38,7 @@ ...@@ -38,6 +38,7 @@
width: 40%; width: 40%;
& > img { & > img {
width: 100%; width: 100%;
display: block;
} }
} }
.news-right { .news-right {
......
src/pages/team/team.html
View file @ 26050613
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
</div> </div>
<div class="team-box"> <div class="team-box">
<div class="team"> <div class="team">
<h1>作为【创业者背后的创业者】，我们致力于早期成长期各个阶段的创业企业成为合作伙伴 助力他们发展成为产业界的【参天大树】</h1> <h1>【打造节能环保领域的顶尖金融机构】用最专业的态度和最规范的操作为投资人和被投资企业出谋划策，用高效的行动力和创造性的思维赢得合作方的尊重与信任。</h1>
<ul class="partners-leaders partners"><!-- {leader} --></ul> <ul class="partners-leaders partners"><!-- {leader} --></ul>
<div class="arrow"> <div class="arrow">
<i class="iconfont icon-01"></i> <i class="iconfont icon-01"></i>
...@@ -104,9 +104,10 @@ ...@@ -104,9 +104,10 @@
<i class="iconfont icon-phone"></i> <i class="iconfont icon-phone"></i>
0571-8773151 0571-8773151
</span> </span>
<div class="weixin-qrcode"></div>
</div> </div>
</div> </div>
<div class="bottom"> <div class="copyright">
浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved. 浙备案号： 浙ICP 13006995号 &copy; 2016. All right reserved.
</div> </div>
</div> </div>
......
src/pages/team/team.js
View file @ 26050613
...@@ -19,24 +19,24 @@ const teamsData = [ ...@@ -19,24 +19,24 @@ const teamsData = [
{ {
name: '葛健斌', name: '葛健斌',
job: '副总经理', job: '副总经理',
desc: '葛健斌先生毕业于南京财经大学，中国注册会计师，具有基金业从业资格。<br/>近10年证券业相关单位从业经验，历任天健会计师事务所高级项目经理，具有多年IPO、并购重组实战经验，主要负责金固股份、恒生电子、利欧股份、浙报传媒等上市公司的年报审计、并购重组及IPO等事项。<br/>2015年加入杭州礼瀚，任公司副总经理，任职期间，公司与众合科技、天翔环境等上市公司形成了全面战略合作。公司环保能源产业事业部主要负责人，管理基金规模超10亿元。', desc: '毕业于南京财经大学，中国注册会计师，具有基金业从业资格。<br/>近10年证券业相关单位从业经验，历任天健会计师事务所高级项目经理，具有多年IPO、并购重组实战经验，主要负责金固股份、恒生电子、利欧股份、浙报传媒等上市公司的年报审计、并购重组及IPO等事项。<br/>2015年加入杭州礼瀚，任公司副总经理，任职期间，公司与众合科技、天翔环境等上市公司形成了全面战略合作。公司环保能源产业事业部主要负责人，管理基金规模超10亿元。',
largeImg: require('./images/gejianbin.png'), largeImg: require('./images/gejianbin.png'),
smallImg: require('./images/gejianbin-small.jpg') smallImg: require('./images/gejianbin-small.jpg')
}, },
{ {
name: '刘川', name: '刘川',
job: '环保能源事业部副总', job: '环保能源事业部副总',
desc: '刘川先生毕业于浙江财经大学，中国注册会计师。<br/>近6年证券业相关单位从业经验，曾任天健会计师事务所项目经理、国信证券投行部项目经理，主要参与过海正药业、升华拜克、兔宝宝等上市公司的年报审计、并购重组及IPO等事项。<br/>2016年加入杭州礼瀚，公司环保能源产业事业部主要成员。', desc: '毕业于浙江财经大学，中国注册会计师。<br/>近6年证券业相关单位从业经验，曾任天健会计师事务所项目经理、国信证券投行部项目经理，主要参与过海正药业、升华拜克、兔宝宝等上市公司的年报审计、并购重组及IPO等事项。<br/>2016年加入杭州礼瀚，公司环保能源产业事业部主要成员。',
largeImg: require('./images/liuchuan.png'), largeImg: require('./images/liuchuan.png'),
smallImg: require('./images/liuchuan-small.jpg') smallImg: require('./images/liuchuan-small.jpg')
}, },
{ // {
name: '吴霄薇', // name: '吴霄薇',
job: '研究部副总', // job: '研究部副总',
desc: '曾任职于安可国际公关公司，具有多年公共关系行业经验，服务于各金融、政府以及非政府机构。曾为中国工商银行、中信证券、瑞士信贷等机构提供企业传播、金融政策研究等服务。<br/>香港浸会大学社会科学学士以及伦敦政治经济学院理学硕士毕业，具有基金业从业资格。', // desc: '曾任职于安可国际公关公司，具有多年公共关系行业经验，服务于各金融、政府以及非政府机构。曾为中国工商银行、中信证券、瑞士信贷等机构提供企业传播、金融政策研究等服务。<br/>香港浸会大学社会科学学士以及伦敦政治经济学院理学硕士毕业，具有基金业从业资格。',
largeImg: require('./images/wuxiaowei.png'), // largeImg: require('./images/wuxiaowei.png'),
smallImg: require('./images/wuxiaowei-small.jpg') // smallImg: require('./images/wuxiaowei-small.jpg')
}, // },
{ {
name: '罗杭婷', name: '罗杭婷',
job: '产品部总经理', job: '产品部总经理',
...@@ -46,18 +46,18 @@ const teamsData = [ ...@@ -46,18 +46,18 @@ const teamsData = [
}, },
{ {
name: '吴炜', name: '吴炜',
job: '财务经理', job: '财务总经理',
desc: '金融学专业，11年财务从业经验，具有会计从业资格证，房地产估价师证。熟悉财务、银行、税务、投融资业务。熟悉公司运营管理及相关法律法规，目前负责财务管理工作。', desc: '金融学专业，11年财务从业经验，具有会计从业资格证，房地产估价师证。熟悉财务、银行、税务、投融资业务。熟悉公司运营管理及相关法律法规，目前负责财务管理工作。',
largeImg: require('./images/wuwei.png'), largeImg: require('./images/wuwei.png'),
smallImg: require('./images/wuwei-small.jpg') smallImg: require('./images/wuwei-small.jpg')
}, },
{ // {
name: '沈好文', // name: '沈好文',
job: '产品经理', // job: '产品经理',
desc: '浙江工商大学理学学士以及美国圣约瑟夫大学金融硕士。具有证券从业资格、基金从业资格，通过CFA1级考试。熟悉公司经营情况、盈利模式、现金流等分析方法、行业研究方法和权益、债券、公司整体估值、定价方法，有海外财务工作经验和券商工作经验。', // desc: '浙江工商大学理学学士以及美国圣约瑟夫大学金融硕士。具有证券从业资格、基金从业资格，通过CFA1级考试。熟悉公司经营情况、盈利模式、现金流等分析方法、行业研究方法和权益、债券、公司整体估值、定价方法，有海外财务工作经验和券商工作经验。',
largeImg: require('./images/shenhaowen.png'), // largeImg: require('./images/shenhaowen.png'),
smallImg: require('./images/shenhaowen-small.jpg') // smallImg: require('./images/shenhaowen-small.jpg')
}, // },
]; ];
export default function() { export default function() {
......
src/pages/team/team.less
View file @ 26050613
...@@ -44,9 +44,10 @@ ...@@ -44,9 +44,10 @@
text-align: center; text-align: center;
& > h1 { & > h1 {
margin: 0 0 46px 0; margin: 0 0 46px 0;
line-height: 32px; line-height: 40px;
font-size: 24px; font-size: 24px;
font-weight: normal; font-weight: normal;
text-align: left;
} }
.partners-leaders { .partners-leaders {
&:after { &:after {
......
src/styles/common.less
View file @ 26050613
...@@ -3,6 +3,9 @@ ...@@ -3,6 +3,9 @@
@import "iconfont.less"; @import "iconfont.less";
/* 公共样式 start*/ /* 公共样式 start*/
:global { :global {
body, h1, h2, h3, h4, h5, h6, div, p, a {
font-family: "Microsoft YaHei", "Source Han Sans", Helvetica, Tahoma, Arial, "Hiragino Sans GB", SimSun, Heiti, sans-serif;
}
a { a {
text-decoration: none; text-decoration: none;
color: #000000; color: #000000;
...@@ -41,8 +44,7 @@ ...@@ -41,8 +44,7 @@
margin: 0 auto; margin: 0 auto;
padding-top: 36px; padding-top: 36px;
//min-width: 1000px; //min-width: 1000px;
width: 1200px\0; width: 1200px \0;
background: url(../images/Logo.png) no-repeat 30px 13px;
&:before { &:before {
content: ''; content: '';
display: table; display: table;
...@@ -50,12 +52,14 @@ ...@@ -50,12 +52,14 @@
& > .logo { & > .logo {
position: absolute; position: absolute;
left: 30px; left: 30px;
top: 13px; top: 50%;
margin-top: -33px;
width: 190px; width: 190px;
height: 67px; height: 67px;
background: url(../images/Logo.png);
} }
.nav { .nav {
margin: 0 0 0 35.6%; margin: 0 0 0 30%;
&:after { &:after {
content: ''; content: '';
display: block; display: block;
...@@ -99,7 +103,7 @@ ...@@ -99,7 +103,7 @@
.introduce { .introduce {
display: none; display: none;
position: absolute; position: absolute;
top: 60px; top: 65px;
width: 496px; width: 496px;
padding: 28px 44px 52px 16px; padding: 28px 44px 52px 16px;
z-index: 999; z-index: 999;
...@@ -138,18 +142,21 @@ ...@@ -138,18 +142,21 @@
/* #footer start */ /* #footer start */
.footer { .footer {
padding-top: 50px;
//min-width: 990px; //min-width: 990px;
min-width: 1200px; //min-width: 1200px;
.top { .top {
margin: 50px auto 0; margin: 0 auto;
padding: 0 40px 46px 40px; width: 1200px;
width: 1200px\0; //padding: 0 40px 46px 40px;
//width: 1200px \0;
.address-phone { .address-phone {
margin: 0 auto; margin: 0 auto;
padding-top: 107px; padding: 107px 0 50px 0;
background: url(../images/logo-footer.png) no-repeat; background: url(../images/logo-footer.png) no-repeat;
font-size: 16px; font-size: 16px;
color: #777; color: #777;
position: relative;
& > address { & > address {
font-style: normal; font-style: normal;
} }
...@@ -170,18 +177,25 @@ ...@@ -170,18 +177,25 @@
} }
} }
.bgImg { .bgImg {
margin-top: 118px;
padding-bottom: 180px; padding-bottom: 180px;
background: url(../images/footer.jpg) no-repeat; background: url(../images/footer.jpg) no-repeat center bottom;
//background-size: cover;
} }
.bottom { .copyright {
padding: 26px 0 36px 0; padding: 26px 0 36px 0;
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
background-color: #b62125; background-color: #b62125;
} }
.weixin-qrcode {
background-image: url(../images/qrcode.jpg);
width: 100px;
height: 100px;
position: absolute;
right: 0;
top: 50%;
margin-top: -50px;
}
} }
/* #footer end */ /* #footer end */
.screen() { .screen() {
...@@ -197,10 +211,11 @@ ...@@ -197,10 +211,11 @@
.rules(@cw) { .rules(@cw) {
.header-box { .header-box {
width: @cw; width: @cw;
//min-width: 1000px;
} }
.top { .footer {
width: @cw; .top {
width: @cw;
}
} }
} }
} }
......
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