-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·273 lines (260 loc) · 9.54 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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html>
<head>
<title>916101630117 吴振宇</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="description" content="" />
<meta name="author" content="Freed-Wu" />
<link rel="shortcut icon" href="img/favicon.png" />
<link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
<link href="css/impress-demo.css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" />
<link href="css/font-awesome-ie7.css" rel="stylesheet" />
<link href="css/animate.css" rel="stylesheet" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<!--
-<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
-<p>尊驾的浏览器太老土啦！<b>无法满足要求</b>，现在你只能看到一些最朴素的演示画面。</p>
-<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or<b>Firefox</b> browser.</p>
-<p>为了欣赏漂亮的演示画面，请使用先进、优雅、快速、美丽、免费的现代浏览器，比如 <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> 。</p>
-->
</div>
<!--<div class="navegate"><span class="font doodle-nav">navigate</span></div>-->
<div id="impress">
<div id="slogan" class="step" data-x="0" data-y="0" data-z="-5000" data-rotate="180" data-scale="1">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">2019<span class="dark"> </span>年</span>
<br>
<br>
</div>
<p class="font logo"><span class="salmon">创业项目
<br>
<br>
路演</span>SYB</p>
</div>
<div id="who" class="step" data-x="0" data-y="0" data-rotate="0" data-scale="100">
<p class="font font-x2"><span class="salmon">{</span>#1<span class="salmon">}</span><span class="font title">Who</span></p>
<p>团队有谁</p>
</div>
<div id="what_content" class="step" data-x="-32000" data-y="-500" data-z="0" data-scale="5">
<p class="text-center"><img src="img/engineer.png" width="10%" title=""></p>
<p class="font text-center">
<span style="font-size:smaller">
<span style="font-size:smaller">
<span style="font-size:smaller">
一个简短的
</span>
</span>
</span>
<span style="font-size:larger">
<span style="font-size:larger">
团队介绍
</span>
</span>
</p>
<p class="content-view">
<span style="font-size:larger">
吴振宇
</span>
<br>
电子工程与光电技术学院
<br>
<span style="font-size:smaller">
20岁
<br>
<span style="font-size:smaller">
2019
</span>
</span>
</p>
</div>
<div id="how" class="step" data-x="-10000" data-y="30000" data-z="0" data-rotate="0" data-scale="200">
<p class="font font-x2"><span class="salmon">{</span>#2<span class="salmon">}</span><span class="font title">What</span></p>
<p>项目是什么</p>
</div>
<div id="how_content" class="step" data-x="46000" data-y="31000" data-z="0" data-rotate="0" data-scale="20">
<p class="content-view">
我需要告诉投资人什么
<div class="drop_box">
<span align=center id="drop_down" class="font font-x0 slogan_finish img-routed">
痛点
</span>
</div>
<div class="drop_box">
<span align=center id="drop_down" class="font font-x0 slogan_finish img-routed">
产品
</span>
</div>
<div class="drop_box">
<span align=center id="drop_down" class="font font-x0 slogan_finish img-routed">
竞品
</span>
</div>
</p>
<p class="tittle">
投资人希望了解什么
</p>
</div>
<div id="first" class="step" data-x="65000" data-y="41000" data-z="30000" data-rotate="10" data-scale="10">
<p class="content-view">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">
痛点
</span>
</div>
</p>
<p class="tittle">
存在市场空间
<br>
南京仙林大学城附近没有户外用品的专卖店，有些非主营户外用品的店品种少，更新不及时，价格还贵
</p>
</div>
<div id="second" class="step" data-x="75000" data-y="41000" data-z="80000" data-rotate="-10" data-scale="20">
<p class="content-view">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">
痛点
</span>
</div>
</p>
<p class="tittle">
有需求
<br>
网店交货期长，不方便
</p>
</div>
<div id="third" class="step" data-x="85000" data-y="41000" data-z="20000" data-rotate="10" data-scale="10">
<p class="content-view">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">
产品
</span>
</div>
</p>
<p class="tittle">
店面不大
<br>
布局合理，降低成本，价格较低，销售灵活
</p>
</div>
<div id="fourth" class="step" data-x="95000" data-y="41000" data-z="70000" data-rotate="-10" data-scale="20">
<p class="content-view">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">
产品
</span>
</div>
</p>
<p class="tittle">
服务周到
<br>
品种多，产品款式更新及时
</p>
</div>
<div id="services_tags" class="step" data-x="105000" data-y="41000" data-z="70000" data-rotate="-10" data-scale="20">
<p class="content-view">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">
竞品
</span>
</div>
<br>
<br>
有一定知名度
<br>
其他店铺有比较丰富的销售经验和稳定的客源
</p>
</div>
<div id="services_one" class="step" data-x="115000" data-y="41000" data-z="70000" data-rotate="-10" data-scale="20">
<p class="content-view">
<div class="drop_box">
<span id="drop_down" class="font font-x0 slogan_finish img-routed">
竞品
</span>
</div>
</p>
<p class="tittle">
管理有效
<br>
经济实力强，规模大，流动资金多，成交量大
</p>
</div>
<div id="tech" class="step" data-x="-10000" data-y="80000" data-z="0" data-rotate="0" data-scale="300">
<p class="font font-x2"><span class="salmon">{</span>#3<span class="salmon">}</span><span class="font title">How</span></p>
<p>怎么做</p>
</div>
<div id="frontend" class="step animar" data-x="19000" data-y="83000" data-z="0" data-rotate="30" data-scale="15">
<p class="font tech-size">销售预测</p>
<p class="text-center">
<img src="img/income.png" alt=""/>
</p>
</div>
<div id="backend" class="step animar" data-x="68000" data-y="80000" data-z="0" data-rotate="-30" data-scale="10">
<p class="font tech-size">成本计划</p>
<p class="text-center">
<img width="50%" src="img/project.png" alt=""/>
</p>
</div>
<div id="services" class="step" data-x="-10000" data-y="140000" data-z="0" data-rotate="0" data-scale="400">
<p class="font font-x2"><span class="salmon">{</span>#4<span class="salmon">}</span><span class="font title">Last <span style="font-size:smaller">But Not</span> Least</span></p>
</div>
<div id="success_map" class="step" data-x="78000" data-y="148000" data-z="0" data-rotate-x="0" data-rotate-y="170" data-rotate-z="-90" data-scale="30">
<div class="map_bg">
感谢观看！
<br>
<br>
<p class="text-center">
<img src="img/thanks.png" alt=""
height="200px"/>
</p>
</div>
</div>
<div id="slogan-finish" class="step finish" data-x="82000" data-y="145000" data-z="" data-rotate="1000" data-scale="1">
<div class="drop_box">
<span class="font font-x0 slogan_finish img-routed">多谢支持</span>
<span id="drop_down" class="font font-x0 slogan_finish img-routed">2019<span class="dark"> </span>年</span>
<br>
<br>
</div>
<p class="font logo"><span class="salmon">创业项目
<br>
<br>
路演</span>SYB</p>
</div>
</div>
<div class="hint">
<p class="mouse">使用方向键或空格切换</p>
</div>
<div class="menu">
<ul>
<li><a href="#slogan" class="font">Home<i class="icon-home"></i></a></li>
<li><a href="#tech" class="font">Who<i class="icon-cogs"></i></a></li>
<li><a href="#how" class="font">Why<i class="icon-sitemap"></i></a></li>
<li><a href="#what" class="font">What<i class="icon-code"></i></a></li>
<li><a href="#services" class="font">Last But Not Least<i class="icon-beaker"></i></a></li>
<li><a href="#success" class="font">Finish<i class="icon-star"></i></a></li>
</ul>
</div>
</ul>
</div>
<button id="next"><span class="next"><i class="icon-double-angle-right"></i></span></button>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/impress.js"></script>
<script src="js/script.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49934871-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49934871-6');
</script>
</body>
</html>