-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_zh.html
270 lines (241 loc) · 9.05 KB
/
about_zh.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>关于</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--bootstrap-css-->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!--style-css-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!--<ico> left of title-->
<link type="image/x-icon" rel="icon" href="images/icon.ico">
</head>
<body>
<!--nav start-->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#" style="padding-top:5px;"><img height="45px;" src="images/logo1.jpg" alt="logo1"></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="index.html#home" target="_blank">主页</a>
</li>
<li class="active">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
关于<span class="caret"></span>
</a>
<ul class="dropdown-menu language">
<li>
<a href="index.html#about">关于</a>
</li>
<li>
<a href="about.html">人物关系</a>
</li>
<li>
<a href="about.html" target="_blank">设计风格</a>
</li>
<li>
<a href="about.html" target="_blank">视频</a>
</li>
</ul>
</li>
<li>
<a href="index.html#classic" target="_blank">名言</a>
</li>
<li>
<a href="index.html#course" target="_blank"> 历程</a>
</li>
<li>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
作品<span class="caret"></span>
</a>
<ul class="dropdown-menu language">
<li>
<a href="index.html#works" target="_blank">作品</a>
</li>
<li>
<a href="works.html#write" target="_blank">写作</a>
</li>
<li>
<a href="works.html#mic" target="_blank">作曲</a>
</li>
<li>
<a href="works.html#movie" target="_blank">电影</a>
</li>
</ul>
</li>
<li>
<a href="index.html#design" target="_blank">设计作品</a>
</li>
<li>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span class="glyphicon glyphicon-globe"></span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu language">
<li>
<a href="about.html">English</a>
</li>
<li>
<a href="about_zh.html">中文版</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- nav close -->
<!--Giant screen-start-->
<div class="container-fluid">
<img class="img-responsive center-block" src="images/bg1.jpg" style="padding-top: 50px;" />
</div>
<!--close-->
<!--buttom start-->
<div class="row">
<a href="#cha"><img class="img-responsive center-block buttom" src="images/buttom3.png"></a>
</div>
<!--buttom close-->
<!--character-start-->
<div class="container" id="cha">
<!--head-->
<div class="row" style="margin-bottom: 180px;">
<div class="text-center cha-heading">
<h3 class="tittle">人物关系</h3>
<h2>他的好朋友和女儿</h2>
<p>山本耀司人生中最重要的两个女人</p>
</div>
<!--content-->
<div class="col-md-6 ">
<div class="col-lg-8 cha-sub">
<h3>川久保玲</h3>
<p>一次，山本耀司和川久保玲一起去了巴黎，两人漫长的柏拉图的爱，最后到四川龙宝玲结婚了，虽然两人之后仍保持良好的友谊。她也是一名优秀的设计师，她在世界上以不对称的曲线前卫服装闻名，许多时尚人士的喜爱，总是创造原型和时尚服装的概念比流行提前很多。</p>
</div>
<div class="col-lg-4 text-center">
<img src="images/w1.jpg" alt="groom" class="my_Image">
</div>
</div>
<div class="col-md-6 ">
<div class="col-lg-4 text-center">
<img src="images/w2.jpg" alt="groom" class="my_Image">
</div>
<div class="col-lg-8 cha-sub">
<h3>山本里美</h3>
<p>山本里美是日本设计大师山本耀司的长女，继承了父亲的经历，Yamamoto Satomi有着丰富的经验和家庭制作，剪裁设计人才。Limi Feu的设计是简单的和中性的，被认为是日本最有才华的和流行的新一代的设计师之一。</p>
</div>
</div>
</div>
</div>
<!--character-close-->
<!--design style-start-->
<!--grey start-->
<div class="row" style="background-color:#F5F5F5">
<div class="col-md-6 gray-left">
<h3 class="tittle"> 设计风格</h3>
<p class="game text-center subtittle3">
设计灵感来源就像弹球游戏， </p>
<p class="game text-center subtittle3">你永远不知道下一个颜色是什么，下一个灵感是什么，但是需要不断的探索和发现。
</p>
<!--instruction start-->
<div class="text-center" style="position: relative;">
<a href="#" id="instruction" class="btn btn-danger">Instruction</a>
<div class="popover right instruction" id="show">
<div class="arrow"></div>
<h3 class="popover-title" style="color: #b73c3d;font-family: Segoe Script;font-weight: bold;">Bounce the ball with paddle</h3>
<div class="popover-content">
<img src="images/key.png" class="img-responsive" width="90%" />
</div>
</div>
</div>
<!--instruction close-->
<!--canvas game start-->
<div width="100%" height="100%">
<canvas class="canvas" id="canvas"></canvas>
</div>
<!--canvas game start-->
</div>
<!--grey close-->
<!--red start-->
<!--content-->
<div class="col-md-6 red-right">
<h3>
总结Yamamoto Teruji的设计风格
关键词三：黑色，超大，不对称剪裁 </h3>
<p>
人们认为它和“中国元素”或“日本元素”一样简单。但这并不妨碍这些概念的普及，虽然Yamamoto Teruji其实很善于用黑色以外的其他颜色。中国本土设计品牌的前首席设计师马凯是个例外因为工作一直在与Yamamoto Teruji的密切联系，他仍然是最山本在创新的审美情趣，以及东方设计进入国际视野的新思维。设计师上官哲认为，他和Wakubo Rei在东方的剪裁方式做早期西方的衣服。”这是典型的风格。他们仍然使用西装或燕尾服，但整个结构是按照东方时尚。”
</p>
<!--button read more-->
<a href="http://www.360doc.com/content/17/0516/09/43115782_654327057.shtml" target="_blank">
<button type="button" class="btn btn-danger center-block learnM">更多</button>
</a>
</div>
</div>
<div class="row" style="background-color: black;">
<div class="col-md-6">
<h3 class="tittle2">设计展览video</h3>
<p>"What was dressed to behave more annoying?"</p>
<img class="img-responsive center-block img_left" src="images/timg6.jpg" alt="" />
</div>
<!--video-->
<div class="col-md-6 text-center myVideo">
<video width="90%" controls="controls" autoplay="autoplay">
<source src="0001.播视网-山本耀司阐释设计理念.mp4" type="video/mp4"></source>
</video>
</div>
</div>
<!--design style-close-->
<!--botton to top-->
<a href="#">
<img id="button-top" src="images/button-top.png">
</a>
<!--END:botton to top-->
<!--footer-->
<footer class="text-center row footer1">
Copyright © 2017
<a href="" class="copy1" data-toggle="modal" data-target=".Me">Chengshiqi</a>. All rights reserved.
</footer>
<!--popup +-->
<div class="modal fade Me">
<div class="modal-dialog">
<div class="modal-content">
<!--head-->
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h4 style="color: #b73c3d; font-family: Segoe Script;font-weight: bold;">用心做好每一个网页!</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-6 col-sm-offset-3 text-center">
<span class="glyphicon glyphicon-earphone"></span>:
<a href="tel://+86 13129956742" class="phone">+86 13129956742</a>
</div>
<div class="col-sm-6 col-sm-offset-3 text-center">
<span class="fa fa-weixin"></span>Wechat:<img class="img-responsive" src="images/wechat.png" />
</div>
</div>
</div>
<!--button-->
<div class="modal-footer">
<button class="btn btn-warning" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<!--footer close-->
<!--JAVASCRIPT-->
<!--jQUERY-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--bootstrap-->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!--Main JS-->
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>