-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
142 lines (135 loc) · 4.46 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
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.ico">
<title>多火工作室</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/component.css" rel="stylesheet">
</head>
</body>
</html>
<body>
<!-- head -->
<div class="row head">
<div class="col-lg-12">
<nav id="menu" class="nav">
<ul>
<li>
<a href="index.html">
<span class="icon">
<i aria-hidden="true" class="icon-home"></i>
</span>
<span>主页</span>
</a>
</li>
<li>
<a href="team.html">
<span class="icon">
<i aria-hidden="true" class="icon-team"></i>
</span>
<span>团队</span>
</a>
</li>
<li>
<a href="work.html">
<span class="icon">
<i aria-hidden="true" class="icon-services"></i>
</span>
<span>成果</span>
</a>
</li>
<li>
<a href="intro.html">
<span class="icon">
<i aria-hidden="true" class="icon-portfolio"></i>
</span>
<span>介绍</span>
</a>
</li>
<li>
<a href="http://blog.duohuo.org/">
<span class="icon">
<i aria-hidden="true" class="icon-blog"></i>
</span>
<span>博客</span>
</a>
</li>
<li>
<a href="contact.html">
<span class="icon">
<i aria-hidden="true" class="icon-contact"></i>
</span>
<span>联系</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
<!-- head -->
<!-- middle -->
<div class="row">
<div class="logo col-lg-12">
<img src="img/logo.png" alt="logo">
</div>
</div>
<div class="middle-content">
<div class="row">
<div class="col-lg-12 middle" style = "background-color:#80e8cc;">
<div class="col-lg-4">
<img src="img/pd.png" alt="平等">
</div>
<div class="col-lg-6 col-lg-offset-1 content">
<br>
“ 我们相信人和人的区别在于你是否努力。<br>
平等是靠自己的创造的，我们不是愤青。<br>
我们是有头脑的愤青。”<br>
</div>
</div>
<div class="col-lg-12 middle" style = "background-color:#f66930;">
<div class="col-lg-4">
<img src="img/xx.png" alt="学习">
</div>
<div class="col-lg-6 col-lg-offset-1 content">
<br>
“ 我们不甘被束缚在学校的教学方案之中。<br>
我们信仰自由，平等，突破，创新的精神。<br>
我们要走出我们自己的极客之路。”<br>
</div>
</div>
<div class="col-lg-12 middle" style = "background-color:#00a8db;">
<div class="col-lg-4">
<img src="img/fx.png" alt="分享">
</div>
<div class="col-lg-6 col-lg-offset-1 content">
<br>
“ 每个人都有一个点子，通过分享，<br>我们每个人都有两个点子。 <br>
分享是一种自由平等的观念和精神。”<br>
</div>
</div>
<div class="col-lg-12 middle" style = "background-color:#FF60AF;">
<div class="col-lg-4">
<img src="img/cz.png" alt="创造">
</div>
<div class="col-lg-6 col-lg-offset-1 content">
<br>
“ 幸福来自成就感,来自富有创造力的工作。<br>
要相信，靠你，靠我，能创造一切。<br>
只有不敢想，没有不敢做。”<br>
</div>
</div>
</div>
</div>
<!-- middle -->
<!-- footer -->
<div class="row foot">
© DUOHUO STUDIO 2013. All Rights Reserved
</div>
<!-- footer end -->
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
</body>
</html>