-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·108 lines (106 loc) · 6.11 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Enumerable</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="container">
<header role="banner">
<div id="inner-header">
<div id="logo">
<a href="/"><img src="img/enumerable.png"></a>
</div>
<nav role="navigation">
<ul>
<li><a href="#about">ABOUT</a></li>
<li><a href="#team-introduction">TEAM</a></li>
<li><a href="#project-introduction">PROJECTS</a></li>
</ul>
</nav>
</div>
</header>
<div id="hero-unit" class="grid">
It's a hero-unit!
</div>
<div id="content">
<section id="about" class="grid">
<header>ABOUT</header>
<div class="col-1-1">
(Example)Enumerable 是 Ruby 中的一个核心 module。如果一个自定义类实现了 :each 这个实例方法，那么就可以通过 include 这个 module，来获得诸如 [:map, :reduce, :select, :sort] 之类的许许多多迭代方法。
</div>
</section>
<section id="team-introduction">
<header>TEAM</header>
<div id="team-members" class="grid">
<div class="member col-1-3">
<img src="holder.js/100x100">
<div class="name">Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
<div class="member col-1-3">
<img src="holder.js/100x100">
<div class="name">Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
<div class="member col-1-3">
<img src="holder.js/100x100">
<div class="name">Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
<div class="member col-1-3">
<img src="holder.js/100x100">
<div class="name">Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
<div class="member col-1-3">
<img src="holder.js/100x100">
<div class="name">Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
<div class="member col-1-3">
<img src="holder.js/100x100">
<div class="name">Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
</div>
</section>
<section id="project-introduction">
<header>PROJECTS</header>
<div id="projects" class="grid">
<div class="project col-1-2">
<img src="holder.js/470x200">
<div class="name">Project Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
<div class="project col-1-2">
<img src="holder.js/470x200">
<div class="name">Project Name</div>
<div class="intro">xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx xxx xx </div>
</div>
</div>
</section>
</div>
<footer>
Enumerable 2013.
</footer>
</div>
<script src="//code.jquery.com/jquery-2.0.1.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.0.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/holder.js"></script>
</body>
</html>