Skip to content

Commit

Permalink
修改调整
Browse files Browse the repository at this point in the history
  • Loading branch information
梁毅锋 committed May 29, 2015
1 parent 7354742 commit bbe11b1
Show file tree
Hide file tree
Showing 6 changed files with 167 additions and 35 deletions.
2 changes: 0 additions & 2 deletions resources/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -83,10 +83,8 @@ <h2 class="section-title"><span>关于我们</span></h2>
</ul>
<ul>
<li class="tit">关注我们</li>
<a href="http://weibo.com/ruiscc" target="_blank" class="sina"></a>
<a class="weixin"></a>
</ul>
<div class="sinaFloat"></div>
<div class="weixinFloat"></div>
</div>
</div>
Expand Down
2 changes: 0 additions & 2 deletions resources/contect.html
Original file line number Diff line number Diff line change
Expand Up @@ -43,10 +43,8 @@
</ul>
<ul>
<li class="tit">关注我们</li>
<a href="http://weibo.com/ruiscc" target="_blank" class="sina"></a>
<a class="weixin"></a>
</ul>
<div class="sinaFloat"></div>
<div class="weixinFloat"></div>
</div>
</div>
Expand Down
83 changes: 81 additions & 2 deletions resources/css/common.css
Original file line number Diff line number Diff line change
Expand Up @@ -906,11 +906,21 @@ a:hover {

#footer .link ul li {
font-size : 12px;
float : left;
width : 60px;
}

#footer .link .cpyright li {
float : none;
width : auto;
}

#footer .link ul .tit {
font-size : 16px;
color : #333333;
width : auto;
display : block;
float : none;
}

#footer .link ul .logo {
Expand Down Expand Up @@ -954,7 +964,7 @@ a:hover {
height : 477px;
background : url(../images/weixinFloat.png);
position : absolute;
left : 40px;
left : 10px;
top : -408px;
z-index : 200;
display : none;
Expand Down Expand Up @@ -1077,6 +1087,7 @@ a:hover {
}

.about-box {
position : relative;
overflow : hidden;
margin-bottom : 20px;
}
Expand Down Expand Up @@ -1198,7 +1209,43 @@ a:hover {
}

#caseTips {
margin-top : 40px;
margin-top : 50px;
height : 300px;
padding-bottom : 100px;
border-bottom : 1px solid #EAEAEA;
}

#tips {
display : block;
clear : both;
text-align : center;
}

#tips dl:hover dd {
border-color : #FFD600;
}

#tips dl {
display : inline-block;
margin : 20px 30px;
cursor : pointer;
}

#tips dt .inc {
display : block;
width : 100px;
height : 100px;
background : #FFD600;
}

#tips dd {
display : block;
margin : 5px 0;
border-bottom : 1px solid #EAEAEA;
}

#caseMobile {
margin-top : 50px;
height : 400px;
padding-bottom : 100px;
border-bottom : 1px solid #EAEAEA;
Expand Down Expand Up @@ -1233,4 +1280,36 @@ a:hover {
display : block;
width : 100%;
height : 100%;
}

figure.sev {
margin-left : 20px;
float : left;
height : 227px;
width : 128px;
border : 3px solid #EAEAEA;
border-radius : 3px;
}

.about-box.sev {
float : left;
width : 450px;
}

.about-box.sev p {
margin-bottom : 15px;
}

.qr-code.sev {
position : absolute;
top : -15px;
right : -15px;
width : 100px;
height : 100px;
}

#activities {
margin-top : 50px;
height : 1060px;
border-bottom : 1px solid #EAEAEA
}
2 changes: 0 additions & 2 deletions resources/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -118,10 +118,8 @@ <h3>借助外部营销资源</h3>
</ul>
<ul>
<li class="tit">关注我们</li>
<a href="http://weibo.com/ruiscc" target="_blank" class="sina"></a>
<a class="weixin"></a>
</ul>
<div class="sinaFloat"></div>
<div class="weixinFloat"></div>
</div>
</div>
Expand Down
65 changes: 52 additions & 13 deletions resources/products.html
Original file line number Diff line number Diff line change
Expand Up @@ -101,16 +101,58 @@ <h3>微分销</h3>
<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
<header class="section-header">

<h2 class="section-title"><span>特色与案例</span></h2>

<p class="section-slogan">
多模板选择,
多入口适配(微信、微博、支付宝等),
简单易用,
安全稳定,
永久免费
</p>
<h2 class="section-title"><span>产品特色</span></h2>

</header>
</div>
<div id="tips" class="w1000">
<dl>
<dt>
<div class="inc"></div>
</dt>
<dd>多模板选择</dd>
</dl>
<dl>
<dt>
<div class="inc"></div>
</dt>
<dd>多入口适配</dd>
</dl>
<dl>
<dt>
<div class="inc"></div>
</dt>
<dd>简单易用</dd>
</dl>
<dl>
<dt>
<div class="inc"></div>
</dt>
<dd>安全稳定</dd>
</dl>
<dl>
<dt>
<div class="inc"></div>
</dt>
<dd>永久免费</dd>
</dl>
</div>

</div>
</div>
<div id="caseMobile" class="wrap">
<div class="grid-container">
<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
<header class="section-header">

<h2 class="section-title"><span>产品案例</span></h2>

<p class="section-slogan" style="text-align: center">
提供多套微客栈装修模板供客栈选择,彰显客栈特有的文化及情怀<br/>
协助客栈主完成微客栈的搭建,各级页面及功能配置<br/>
可根据客栈需求,为客栈定制开发微客栈装修模板</p>
</header>

</div>
<div class="examples">
<dl>
Expand All @@ -127,10 +169,9 @@ <h2 class="section-title"><span>特色与案例</span></h2>
<img src="images/fc.png"/>
</div>
</dt>
<dd>梵尘客栈</dd>
<dd>沙溪·梵尘客栈</dd>
</dl>
</div>

</div>
</div>

Expand All @@ -150,10 +191,8 @@ <h2 class="section-title"><span>特色与案例</span></h2>
</ul>
<ul>
<li class="tit">关注我们</li>
<a href="http://weibo.com/ruiscc" target="_blank" class="sina"></a>
<a class="weixin"></a>
</ul>
<div class="sinaFloat"></div>
<div class="weixinFloat"></div>
</div>
</div>
Expand Down
48 changes: 34 additions & 14 deletions resources/service.html
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ <h3>营销活动策划</h3>
</div>
</div>

<div class="wrap" style="margin-top: 40px;height: 850px;border-bottom: 1px solid #EAEAEA">
<div id="activities" class="wrap">
<div class="grid-container">

<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
Expand All @@ -75,45 +75,67 @@ <h2 class="section-title"><span>活动案例</span></h2>


<div class="tablet-grid-100 mobile-grid-100 about-box">
<div class="qr-code" style="float:left;margin-top: 20px">
<img src="images/yyh-a.png"/>
</div>
<div class="about-box"><br/>

<figure class="sev"></figure>
<div class="about-box sev"><br/>

<h3>大理要有花客栈活动</h3>

<p>宣扬客栈理念,营造独特品牌<br/>
别出心裁的活动形式,吸引兴趣用户<br/>
O2O模式的微创新
</p>

<p>
通过“客人带花换免费入住”这种有趣的活动形式策划,对客栈的地理位置和住宿环境进行包装和展示,并通过线上报名线下参与的方式开展。仅通过朋友圈分享和转发,积累了较为可观的“准客户”。
</p>
</div>
<div class="qr-code sev">
<img src="images/yyh-a.png"/>
</div>
</div>


<div class="tablet-grid-100 mobile-grid-100 about-box">
<div class="qr-code" style="float:left;margin-top: 20px">
<img src="images/xpj-a.png"/></div>
<div class="about-box"><br/>

<figure class="sev"></figure>
<div class="about-box sev"><br/>

<h3>深圳小胖家民宿活动</h3>

<p>挖掘淡季卖点,剑走偏锋<br/>
采用生动好玩的幽默风格进行包装<br/>
以点带面,激活整个官湖地区民宿营销活动
</p>

<p>
采用带点自黑的幽默风格进行包装,刻意营造的对比落差,向观众展现了冬日海边的宁静(淡季卖点)、民宿老板的可爱和特色的丰盛美食,“小胖家”的形象鲜活入心。并且,通过该活动带动了官湖地区多家民宿,承续推出了一系列春节花市+民宿宣传的联合营销活动。
</p>
</div>
<div class="qr-code sev">
<img src="images/xpj-a.png"/>
</div>
</div>


<div class="tablet-grid-100 mobile-grid-100 about-box">
<div class="qr-code" style="float:left;margin-top: 20px">
<img src="images/xy-a.png"/>
</div>
<div class="about-box"><br/>

<figure class="sev"></figure>
<div class="about-box sev"><br/>

<h3>大理囍粤客栈周年店庆活动</h3>

<p>借助周年庆契机,强化品牌宣传<br/>
通过故事形式展示客栈,深化客栈形象<br/>
吸引认同感的点赞小互动
</p>

<p>
通过对客栈主人创建客栈的故事进行包装,以“冠军的梦想”作为主线串连,融合了客栈环境、特色和理念的展示,细致营造品牌。同时,通过刺激认同感的“为梦想点赞”互动环节,带动用户分享传播。
</p>
</div>
<div class="qr-code sev">
<img src="images/xy-a.png"/>
</div>
</div>
</div>
Expand All @@ -137,10 +159,8 @@ <h3>大理囍粤客栈周年店庆活动</h3>
</ul>
<ul>
<li class="tit">关注我们</li>
<a href="http://weibo.com/ruiscc" target="_blank" class="sina"></a>
<a class="weixin"></a>
</ul>
<div class="sinaFloat"></div>
<div class="weixinFloat"></div>
</div>
</div>
Expand Down

0 comments on commit bbe11b1

Please sign in to comment.