forked from Zhujianer/zhujianer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (194 loc) · 9.61 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
---
layout: default
---
{% include nav.html %}
<div class="header-section smoke-back" id="index-header">
<div class="container" id="header-container">
<div id="header-content">
<img class="logo-primary tooltip" title="logo 设计" src="img/logo-primary.png" />
<h3 class="zhujianer-title">竹尖儿 · 创意工作室</h3>
<h1 class="subtitle tooltip" title="文案设计">
<span class="mobile-split">与你一样出类拔萃，</span><span class="mobile-split">同你一起蓄势待发！</span>
</h1>
<h5 class="description">专注于高端官网定制的创意解决方案</h5>
</div>
<div id="header-browser" class="tooltip" title="网页设计">
<div id="header-browser-control">
<div id="header-browser-control-buttons">
<div class="header-browser-control-button" id="header-browser-control-red"></div>
<div class="header-browser-control-button" id="header-browser-control-yellow"></div>
<div class="header-browser-control-button" id="header-browser-control-green"></div>
</div>
<div id="header-browser-tab">
<div id="header-browser-tab-close"></div>
</div>
</div>
<div id="header-browser-address-bar">
<div id="header-browser-address-icons">
<img src="img/browser-icon.png" />
</div>
<div id="header-browser-address"></div>
</div>
<div id="header-browser-content" class="smoke-back">
</div>
</div>
<div id="header-mobile" class="tooltip" title="手机 App 设计">
<div id="header-mobile-speaker"></div>
<div id="header-mobile-screen" class="smoke-back">
<img id="header-mobile-logo-gif" class="tooltip" title="动画设计" src="img/logo-gif.gif" />
</div>
<div id="header-mobile-side">
<div class="header-mobile-side-btn"></div>
<div class="header-mobile-side-btn"></div>
</div>
</div>
</div>
</div>
<section id="process-section">
<div class="container">
<h2>
<span class="mobile-split">全过程的优质服务，</span><span class="mobile-split">每一环的用心打造。</span>
</h2>
<div id="process-images" class="row">
<div class="col-sm-offset-1 col-sm-2 process-image">
<div class="process" id="process-idea">
<div class="image-block"></div>
</div>
<h3>构想</h3>
<h4><span class="process-highlight">构想</span>绝妙创意方案，<br />拍案叫绝的惊喜无处不在，<br />别人家的网站有么？</h4>
</div>
<div class="col-sm-2 process-image">
<div class="process" id="process-design">
<div class="image-block"></div>
</div>
<h3>设计</h3>
<h4><span class="process-highlight">设计</span>有品位的网站，<br />与您优质的产品相得益彰，<br />第一印象脱颖而出。</h4>
</div>
<div class="col-sm-2 process-image">
<div class="process" id="process-code">
<div class="image-block"></div>
</div>
<h3>编写</h3>
<h4><span class="process-highlight">编写</span>高质量的代码，<br />即使在用户看不到的地方，<br />我们同样精益求精。</h4>
</div>
<div class="col-sm-2 process-image">
<div class="process" id="process-launch">
<div class="image-block"></div>
</div>
<h3>发布</h3>
<h4><span class="process-highlight">发布</span>稳健测试版本，<br />域名空间备案一条龙服务，<br />免去所有后顾之忧。</h4>
</div>
<div class="col-sm-2 process-image">
<div class="process" id="process-monitor">
<div class="image-block"></div>
</div>
<h3>监测</h3>
<h4><span class="process-highlight">监测</span>网站访问流量，<br />每月寄送详细的数据报表，<br />倾力挖掘潜在商机。</h4>
</div>
</div>
<div class="row">
<div id="process-titles" class="col-xs-10 col-xs-offset-1">
<div class="process-title">
<h4><span class="process-highlight">构想</span>绝妙创意方案，拍案叫绝的惊喜无处不在，别人家的网站有么？</h4>
</div>
<div class="process-title">
<h4><span class="process-highlight">设计</span>有品位的网站，与您优质的产品相得益彰，第一印象脱颖而出。</h4>
</div>
<div class="process-title">
<h4><span class="process-highlight">编写</span>高质量的代码，即使在用户看不到的地方，我们同样精益求精。</h4>
</div>
<div class="process-title">
<h4><span class="process-highlight">发布</span>稳健测试版本，域名空间备案一条龙服务，免去所有后顾之忧。</h4>
</div>
<div class="process-title">
<h4><span class="process-highlight">监测</span>网站访问流量，每月寄送详细的数据报表，倾力挖掘潜在商机。</h4>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio-section">
<div class="container">
<div class="row text-center">
<div class="col-xs-4 col-sm-2 col-sm-offset-3">
<img src="img/ipads-logo.png" alt="IPADS Logo" class="portfolio-img" />
</div>
<div class="col-xs-4 col-sm-2">
<img src="img/youjia-logo.png" alt="Argo Logo" class="portfolio-img" />
</div>
<div class="col-xs-4 col-sm-2">
<img src="img/yooyo-logo.png" alt="YooYo Logo" class="portfolio-img" />
</div>
</div>
<div class="text-center">
<a href="{{ site.url }}/portfolio.html" class="btn btn-default" onclick="_gaq.push(['_trackEvent', 'Link', 'Portfolio', 'InIndex']);">更多案例</a>
</div>
</div>
</section>
<section id="price">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="purple table" id="basic">
<div class="head smoke-back">
<h2>初创套餐</h2>
<h6>打包预算：2 - 5万</h6>
</div>
<div class="content">
<ul>
<li>个性化设计原稿</li>
<li>高保真设计渲染图</li>
<li>完整的网页源码</li>
<li>专业文案设计</li>
<li>专属域名空间</li>
<li>用户访问数据报告</li>
</ul>
<p><a class="btn btn-default" href="/contact.html" onclick="_gaq.push(['_trackEvent', 'Link', 'Contact', 'Basic']);">咨询详情</a></p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="pink table" id="senior">
<div class="head">
<h2>尊享套餐</h2>
<h6>打包预算：3 - 10万</h6>
</div>
<div class="content">
<ul>
<li>多套个性化设计原稿</li>
<li>多套高保真设计渲染图</li>
<li>完整的网页源码</li>
<li>专业文案设计</li>
<li>专属域名空间</li>
<li>用户访问数据报告</li>
<li>多套企业徽标设计</li>
<li>多套尊贵名片设计</li>
<li>企业域名备案</li>
</ul>
<p><a class="btn btn-secondary" href="/contact.html" onclick="_gaq.push(['_trackEvent', 'Link', 'Contact', 'Premium']);">咨询详情</a></p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4">
<div class="purple table" id="customize">
<div class="head smoke-back">
<h2>更多服务</h2>
<h6>量身定制，贴身贴心</h6>
</div>
<div class="content">
<ul>
<li>网站改进方案咨询</li>
<li>名片设计</li>
<li>营销设计</li>
<li>PPT 设计</li>
<li>其他印刷品设计</li>
<li>……</li>
</ul>
<p><a class="btn btn-default" href="/contact.html" onclick="_gaq.push(['_trackEvent', 'Link', 'Contact', 'More']);">咨询详情</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
{% include footer.html %}