-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (157 loc) · 6.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatibale" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Lingoys!SoySouce, the hot soy sauce!">
<meta name="keyword" content="Lingoys!SoySouce SoySouce 酱油发烧友 发烧酱油 酱油">
<title>Lingoys!SoySouce</title>
<link href="https://fonts.googleapis.com/css?family=Lato:100,400" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<div class="header-logo">
<img src="img/logo.png" alt="header-logo">
</div>
<div class="menu">
<button class="menu-btn">
<img src="img/iconfont-hanbao.png" alt="">
</button>
</div>
</header>
<nav class="nav">
<div class="nav-list">
<a class="nav-item" href="#">Home</a>
<a class="nav-item" href="#">Product</a>
<a class="nav-item" href="#">Support</a>
<a class="nav-item" href="#">Community</a>
</div>
</nav>
<main class="main">
<section class="banner" data-stellar-background-ratio="0.5">
<div class="banner-wrapper">
<!-- <img src="http://placehold.it/400x200" alt="banner-logo"> -->
<h1 class="title">SoySouce</h1>
<h2 class="subtitle">专注发烧级酱油</h2>
</div>
</section>
<section class="introduce">
<div class="introduce-title">
<h2>简介</h2>
<hr>
</div>
<div class="introduce-content">
<p>SoySouce 源自 SoySauce 的错误拼法</p>
<p>我们来自 Lingoys!Hentai</p>
<p>我们热爱酱油如生命一般</p>
<p>尝尽世间所有酱油</p>
<p>却没有一款令我们满意</p>
<p>所以我们决定亲自去做酱油</p>
<p>于是便有了 Lingoys!SoySouce</p>
</div>
</section>
<section class="member-list">
<div class="member-list-title">
<h2>成员</h2>
<hr>
</div>
<div class="member-list-item">
<div class="member">
<div class="member-avatar">
<a href="#">
<img src="img/buding.jpg" height="80" width="80" alt="buding">
</a>
</div>
<div class="member-introduce">
<p>
id：地瓜 生日： 宇宙历46亿3675万8636年3月23日 种族： 双子叶植物纲 | 茄目 | 旋花科 | 番薯属 | 田地亚种 家乡： 距地球8.6光年的天狼星B的红薯星球
</p>
</div>
</div>
<div class="member">
<div class="member-avatar">
<a href="#">
<img src="img/shiina.jpg" height="80" width="80" alt="shiina">
</a>
</div>
<div class="member-introduce">
<p>
id：地瓜 生日： 宇宙历46亿3675万8636年3月23日 种族： 双子叶植物纲 | 茄目 | 旋花科 | 番薯属 | 田地亚种 家乡： 距地球8.6光年的天狼星B的红薯星球
</p>
</div>
</div>
<div class="member">
<div class="member-avatar">
<a href="#">
<img src="img/digua.png" height="80" width="80" alt="digua">
</a>
</div>
<div class="member-introduce">
<p>
id：地瓜 生日： 宇宙历46亿3675万8636年3月23日 种族： 双子叶植物纲 | 茄目 | 旋花科 | 番薯属 | 田地亚种 家乡： 距地球8.6光年的天狼星B的红薯星球
</p>
</div>
</div>
<div class="member">
<div class="member-avatar">
<a href="#">
<img src="img/miu.jpg" height="80" width="80" alt="miu">
</a>
</div>
<div class="member-introduce">
<p>
id：地瓜 生日： 宇宙历46亿3675万8636年3月23日 种族： 双子叶植物纲 | 茄目 | 旋花科 | 番薯属 | 田地亚种 家乡： 距地球8.6光年的天狼星B的红薯星球
</p>
</div>
</div>
<div class="member">
<div class="member-avatar">
<a href="#">
<img src="http://placehold.it/80x80" height="80" width="80" alt="xiami">
</a>
</div>
<div class="member-introduce">
<p>
id：地瓜 生日： 宇宙历46亿3675万8636年3月23日 种族： 双子叶植物纲 | 茄目 | 旋花科 | 番薯属 | 田地亚种 家乡： 距地球8.6光年的天狼星B的红薯星球
</p>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="social-media">
<a class="social-media-btn" href="http://github.com/">
<img src="img/iconfont-github.png" height="30" width="30" alt="github">
</a>
<a class="social-media-btn" href="http://plus.google.com/">
<img src="img/iconfont-googleplus.png" height="30" width="30" alt="github">
</a>
<a class="social-media-btn" href="http://weibo.com/">
<img src="img/iconfont-weibo.png" height="30" width="30" alt="github">
</a>
</div>
<p class="copyleft">©
<script>
document.write((new Date()).getFullYear());
</script> Lingoys!SoySouce.</p>
</footer>
<script src="js/jquery-2.2.1.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.stellar();
$( ".menu" ).click(function() {
$( ".nav" ).toggleClass( "nav-in" );
});
$(document).bind("click", function (e) {
if ($(e.target).closest(".nav").length || $(e.target).closest(".menu").length == 0) {
$( ".nav" ).removeClass( "nav-in" );
}
})
});
</script>
</body>
</html>