-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
167 lines (167 loc) · 8.63 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
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta name="author" content="西大计协,contact@nwuca.club" />
<meta name="description" content="西北大学计算机协会官方网站" />
<meta name="keywords" content="西北大学，计算机协会" />
<meta name="renderer" content="webkit" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>西北大学计算机协会</title>
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link rel="stylesheet" href="styles/main.css" />
</head>
<body>
<!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
your browser</a> to improve your experience.</p>
<![endif]-->
<header>
<div id="logo">
NWU
<span>C</span>A
</div>
<nav>
<ul>
<li><a href="#department">简介</a></li>
<li><a href="#recent">活动</a></li>
<li><a href="#info">关于</a></li>
<li><a href="#contact" data-hover="联系">联系</a></li>
</ul>
</nav>
</header>
<section id="hero">
<div class="center">
<h1>西北大学计算机协会</h1>
<h2></h2>
</div>
<div class="aniWrap">
<div class="mouse">
<div class="scroller">
</div>
</div>
</div>
</section>
<section id="department">
<h2>部门介绍</h2>
<ul>
<li> <span class="icon-code"></span> <h3>技术部</h3> <p>小伙伴们♪(^∇^*)，想要成为屌屌哒的技术控吗？想要和技术大神们一起愉快玩耍吗，以提高计算机能力的计算机协会就给大家提供了一个平台哟---技术部，计算机协会的核心部门。</p> <p>技术部要将自身拥有的或学习得到的知识和技能传授给协会其他部门成员。在这里不但可以提高自身能力，还能在协助协会其他成员工作的同时认识更多的小伙伴，一起学习*^o^* </p> </li>
<li><span class="icon-megaphone"></span> <h3>宣传部</h3> <p>宣传部是计算机协会对外的一个窗口，是让外界了解和认识整个协会的一个重要机构，主要负责协会活动前期宣传、后期反馈及社交平台的管理等。</p> <p>喜欢刷微博、看微信公众号？试试自己来运营一个；喜欢摄影？来跟部长一起学习提高。</p> </li>
<li><span class="icon-pencil-1"></span> <h3>秘书处</h3> <p>计协的秘书处是一个中枢机构，所有活动都需要秘书处的核心策划，活动人员安排，统计，汇总，事务等都有我们的身影。</p> <p>当然秘书处也是一个较为轻松的部门，如果你认为自己有责任，敢担当，就快加入我们吧！在这里，我们一起学习，一起进步~</p> </li>
</ul>
</section>
<section id="recent">
<div id="svg-cal">
<svg viewbox="0 0 20 20">
<path d="M16.557,4.467h-1.64v-0.82c0-0.225-0.183-0.41-0.409-0.41c-0.226,0-0.41,0.185-0.41,0.41v0.82H5.901v-0.82c0-0.225-0.185-0.41-0.41-0.41c-0.226,0-0.41,0.185-0.41,0.41v0.82H3.442c-0.904,0-1.64,0.735-1.64,1.639v9.017c0,0.904,0.736,1.64,1.64,1.64h13.114c0.904,0,1.64-0.735,1.64-1.64V6.106C18.196,5.203,17.461,4.467,16.557,4.467 M17.377,15.123c0,0.453-0.366,0.819-0.82,0.819H3.442c-0.453,0-0.82-0.366-0.82-0.819V8.976h14.754V15.123z M17.377,8.156H2.623V6.106c0-0.453,0.367-0.82,0.82-0.82h1.639v1.23c0,0.225,0.184,0.41,0.41,0.41c0.225,0,0.41-0.185,0.41-0.41v-1.23h8.196v1.23c0,0.225,0.185,0.41,0.41,0.41c0.227,0,0.409-0.185,0.409-0.41v-1.23h1.64c0.454,0,0.82,0.367,0.82,0.82V8.156z"></path>
</svg>
</div>
<div class="container">
<div class="wrapper">
<div class="focus">
近期活动
</div>
<div class="mask">
<div class="text">
近期活动
</div>
</div>
</div>
</div>
<div id="active-detail">
<p><a class="link" href="#" target="_blank" >技术沙龙</a></p>
</div>
</section>
<section id="activity">
<div class="nospace">
<img src="images/a1.jpg" />
<img src="images/a2.jpg" />
<img src="images/a3.jpg" />
<img src="images/a4.jpg" />
<img src="images/a5.jpg" />
<img src="images/a6.jpg" />
<img src="images/a7.jpg" />
<img src="images/a8.jpg" />
<img src="images/a9.jpg" />
<img src="images/a10.jpg" />
<img src="images/a11.jpg" />
<img src="images/a12.jpg" />
</div>
<div class="center">
<h3 class="zhs">分享•交流•进步</h3>
<h3 class="en">Code Changes the World</h3>
</div>
</section>
<section id="info">
<div class="container">
<div class="wrapper">
<div class="focus">
关于我们
</div>
<div class="mask">
<div class="text">
关于我们
</div>
</div>
</div>
</div>
<div id="about">
<p>西北大学计算机协会（NWUCA）是一个跨专业平台、跨技术品类的IT社团组织。这里有：致力于义务维修，为西大师生解决电脑问题的“医学工作者”；热衷于硬件，追求极致性价比的“搞机少年”；关注行业热点，分享技术干货的“UC震惊部编辑”；感慨“十年生死两茫茫，写程序，到天亮。”的“程序猿”；痴迷动漫游戏，投身独立游戏开发的“b站阿婆主大佬”……</p>
<p>在华硕、腾讯、Ukylin等企业指导及支持下，我们举办了电脑知识讲座、企业CEO讲座、Linux沙龙、拆装机培训（清灰）、定期义诊等各类活动，赢得了大家一致好评（鼓掌～(￣▽￣～)~）。新学期，我们将推出更多分享交流活动，更好地为需要我们西大师生提供帮助～</p>
</div>
<div id="svg-computer">
<svg viewbox="0 0 20 20">
<path d="M17.237,3.056H2.93c-0.694,0-1.263,0.568-1.263,1.263v8.837c0,0.694,0.568,1.263,1.263,1.263h4.629v0.879c-0.015,0.086-0.183,0.306-0.273,0.423c-0.223,0.293-0.455,0.592-0.293,0.92c0.07,0.139,0.226,0.303,0.577,0.303h4.819c0.208,0,0.696,0,0.862-0.379c0.162-0.37-0.124-0.682-0.374-0.955c-0.089-0.097-0.231-0.252-0.268-0.328v-0.862h4.629c0.694,0,1.263-0.568,1.263-1.263V4.319C18.5,3.625,17.932,3.056,17.237,3.056 M8.053,16.102C8.232,15.862,8.4,15.597,8.4,15.309v-0.89h3.366v0.89c0,0.303,0.211,0.562,0.419,0.793H8.053z M17.658,13.156c0,0.228-0.193,0.421-0.421,0.421H2.93c-0.228,0-0.421-0.193-0.421-0.421v-1.263h15.149V13.156z M17.658,11.052H2.509V4.319c0-0.228,0.193-0.421,0.421-0.421h14.308c0.228,0,0.421,0.193,0.421,0.421V11.052z"></path>
</svg>
</div>
</section>
<footer>
<div id="footer-content">
<nav>
<ul>
<li><a href="#department">简介</a></li>
<li><a href="#recent">活动</a></li>
<li><a href="#info">关于</a></li>
<li><a href="#contact" data-hover="联系">联系</a></li>
</ul>
</nav>
<p class="copyright">Crafted with <i class="icon-heart"></i> by NWUCA © 2018</p>
<div id="github">
<i class="icon-github-circled"></i>
<a class="link" href="https://github.com/NWUCA/" target="_blank" data-hover="Github">Github</a> •
<a class="link" href="https://gitcafe.com/NWUCA/NWUCA/tree/master#credits" target="_blank" data-hover="Credits">Credits</a>
</div>
</div>
<div id="contact">
<h3>联系我们</h3>
<ul>
<li><i class="icon-mail icon-footer"></i>Email: <a class="link" href="mailto:nwuca@sina.com" data-hover="nwuca@sina.com">nwuca@sina.com</a> </li>
<li><i class="icon-weibo icon-footer"></i>微博：<a class="link" href="http://weibo.com/u/2834632584" target="_blank" data-hover="@西北大学计算机协会">@西北大学计算机协会</a></li>
<li><i class="icon-bilibili icon-footer"></i>B站：<a class="link" href="https://space.bilibili.com/203325575/#/" target="_blank" data-hover="西北大学计算机协会">西北大学计算机协会</a></li>
<li><i class="icon-wechat icon-footer"></i>微信：</li>
<li><img id="wechat-qr" src="images/qr.jpg" width="120px" height="120px" /></li>
</ul>
</div>
</footer>
<script>
(function (b, o, i, l, e, r) {
b.GoogleAnalyticsObject = l;
b[l] || (b[l] =
function () {
(b[l].q = b[l].q || []).push(arguments)
});
b[l].l = +new Date;
e = o.createElement(i);
r = o.getElementsByTagName(i)[0];
e.src = 'https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e, r)
}(window, document, 'script', 'ga'));
ga('create', 'UA-58967609-4');
ga('send', 'pageview');
</script>
<script src="scripts/vendor.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>