-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (144 loc) · 8.6 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="灵韵创意工作室">
<meta name="author" content="sauntor">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>灵韵创意工作室</title>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="100" data-target="#navbar">
<!-- Navigator Bar -->
<header class="navbar navbar-fixed-top navbar-default" role="navigation">
<div id="navbar" class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">灵韵创意工作室</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#works">作品展览</a></li>
<li><a href="#concepts">服务理念</a></li>
<li><a href="#team">我们的团队</a></li>
<li><a href="#about">关于</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">最新动态<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="http://t.qq.com/leancreative"><img src="http://mat1.gtimg.com/app/opent/images/wiki/share/16.png" title="在腾讯微博上跟踪我们的最新动态"/>腾讯微博</a></li>
<li><a href="#"><img src="https://open.weixin.qq.com/zh_CN/htmledition/res/assets/res-design-download/icon16_wx_logo.png" title="在微信上关注我们"/>微信</a></li>
<li><a href="#">人人</a></li>
</ul>
</li>
</ul>
</div>
</div>
</header>
<article class="container">
<!-- 作品展览 -->
<section id="works" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#works" data-slide-to="0" class="active"></li>
<li data-target="#works" data-slide-to="1"></li>
<li data-target="#works" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="assets/images/ad_1.jpg" alt="Case 1">
<div class="container">
<div class="carousel-caption">
<h1>移动终端,创新无处不在。</h1>
<p>互联网的新时代,站在云端,我们助您实现更高远的目标。运筹帷幄,在瞬息万变的商业竞争中,掌握制胜先机。</p>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
<div class="item">
<img src="assets/images/ad_2.jpg" alt="Case 2">
<div class="container">
<div class="carousel-caption">
<h1>移动终端,创新无处不在。</h1>
<p>互联网的新时代,站在云端,我们助您实现更高远的目标。运筹帷幄,在瞬息万变的商业竞争中,掌握制胜先机。</p>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
<div class="item">
<img src="assets/images/ad_3.jpg" alt="Case 3">
<div class="container">
<div class="carousel-caption">
<h1>移动终端,创新无处不在。</h1>
<p>互联网的新时代,站在云端,我们助您实现更高远的目标。运筹帷幄,在瞬息万变的商业竞争中,掌握制胜先机。</p>
<!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>-->
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#works" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#works" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</section>
<hr class="page-divider">
<!-- 服务理念 -->
<section>
<!-- Three columns of text below the carousel -->
<article id="concepts" class="row">
<div class="col-md-4">
<img class="img-rounded" width="140" height="140" src="assets/images/concept_mobilefirst.png" alt="Mobile First">
<h2>移动为先</h2>
<p>在瞬息万变的云时代,如何把握稍纵即逝的商机?我们引领新时代的商务理念,以移动商务应用助您打造企业前进的旗舰。</p>
</div>
<div class="col-md-4">
<img class="img-rounded" width="140" height="140" src="assets/images/concept_simple.png" alt="Be Simple">
<h2>回归简约</h2>
<p>必须要有一个花哨的界面才算有特色吗?很多时候,我们只是一个需要让我们能愉快的工作和生活的助手,毋须多言,只要TA能够让我们快乐度过每一天。</p>
</div>
<div class="col-md-4">
<img class="img-rounded" width="140" height="140" src="assets/images/concept_design.png" alt="Cloud Solution">
<h2>一应俱全</h2>
<p>事业的拓展不设终点,创新能力亦无极限,我们期待与您展开全方位的合作,助您的事业腾飞!</p>
</div>
</article>
<hr class="page-divider">
<!-- 我们的团队 -->
<section id="team" class="row">
<div class="col-md-12">
<h2>敏捷</h2>
<p>在飞速变化的互联网时代,我们的团队因敏捷而立足,每一位成员都是精英,快速响应客户的需求是我们的天职。</p>
<h2>乐观</h2>
<p>一群年轻的小伙伴,因为共同的理想而走到一块,我一起工作,一起奋斗,一起追逐心中的理想。</p>
<h2>专业</h2>
<p>多年的行业经验,让我们接触到各种类型的解决方案,不管您是来在哪个行业,与我们的合作一定是一段愉快的经历。</p>
</div>
</section>
</section>
<hr class="page-divider">
<!-- 页脚 -->
<footer>
<p class="pull-right"><a href="#">回到顶端</a></p>
<p>© 2014 灵韵创意◇CreativeStudio · <a href="#">隐私</a> · <a href="#">服务条款</a></p>
</footer>
</article>
<a class="open-qq open-qq_ie hidden-xs hidden-sm" href="tencent://message/?Menu=yes&uin=491673324" title="欢迎您直接与我们联系">
<img src="assets/images/qq_consult.gif">
</a>
<script src="assets/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/main.js" type="text/javascript"></script>
</body>
</html>