-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (122 loc) · 7.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="Font-Awesome-4.7/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/templatemo-style.css">
<title>HNCJ</title>
</head>
<body>
<div class="container">
<section class="col-md-12 content" id="home">
<div class="col-lg-6 col-md-6 content-item tm-black-translucent-bg tm-logo-box">
<i class="fa fa-university fa-4x tm-logo"></i>
<h1 class="text-uppercase">HNCJ</h1>
</div>
<div class="col-lg-6 col-md-6 content-item content-item-1 background tm-white-translucent-bg">
<h2 class="main-title text-center dark-blue-text">.01 Welcome</h2>
<p>欢迎来到 HNCJ 的 Github 组织，这里允许 HNCJ 计算机系的在职或已经毕业的师生加入。大家可以在这里创建和分享自己的仓库，欢迎每一个热爱开发的校友的到来......</p>
</div>
</section>
<section class="col-md-12 content padding tm-equal-col-container" id="services">
<div class="col-lg-6 col-md-6 col-sm-12 content-item tm-black-translucent-bg tm-services-section-padding">
<h2 class="main-title text-center dark-blue-text">.02 简介</h2>
<p>我们是一支特立的群体，也许我们来自不同的地方，未来也将去不同的方向，但我们曾经因相同的专业爱好在相同的地方相遇。如果生活注定让我们分离，我们仍愿意把共同的梦想找一个地方存寄。</p>
<p>程序猿/媛？攻城狮？设计尸？无论别人给我们什么头衔，只有我们自己知道：爱生活，爱编程！</p>
<a type="button" class="btn btn-big pull-right tm-btn-primary" target="_blank" href="https://github.com/hncj">HNCJ 组织</a>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 tm-white-translucent-bg tm-services-section-padding tm-box-center">
<div class="tm-left-col">
<div class="tm-border-box tm-gray-border-br tm-img-box-1">
<img src="images/tm-img-1.jpg" alt="Image 1" class="tm-img tm-img-tl">
</div>
<div class="tm-border-box tm-pink-border-bl tm-img-box-2">
<img src="images/tm-img-3.jpg" alt="Image 3" class="tm-img tm-img-bl">
</div>
</div>
<div class="tm-right-col">
<div class="tm-border-box tm-pink-border-tr tm-img-box-3">
<img src="images/tm-img-2.jpg" alt="Image 2" class="tm-img tm-img-tr">
</div>
<div class="tm-border-box tm-gray-border-tl tm-img-box-4">
<img src="images/tm-img-4.jpg" alt="Image 4" class="tm-img tm-img-br">
</div>
</div>
</div>
</section>
<section class="col-md-12 content padding tm-float-section tm-section-3">
<div class="col-lg-6 col-md-6 content-item tm-black-translucent-bg"></div>
<div class="col-lg-6 col-md-6 content-item tm-white-translucent-bg"></div>
<div class="tm-float-section-header">
<h2 class="text-center tm-white-text tm-section-3-header">.03 组织宗旨</h2>
<div class="tm-float-section-body tm-white-bg">
<div class="col-lg-12">
<div class="col-md-4 col-lg-4">
<i class="fa fa-commenting-o fa-4x tm-fa-icon"></i>
<p>爱交流，爱分享。HNCJ 作为一个 Github 组织，首先我们注重的是开源。我们总以尊重的态度去学习别人的开源作品，以交流的思想共同进步，以分享的方式获得别人的指点和肯定。</p>
</div>
<div class="col-md-4 col-lg-4">
<i class="fa fa-code fa-4x tm-fa-icon"></i>
<p>爱生活，爱编程。一行行代码在别人眼里看起来枯燥无味，我们却从中获取快乐和满足。</p>
</div>
<div class="col-md-4 col-lg-4">
<i class="fa fa-users fa-4x tm-fa-icon"></i>
<p>重缘分，重感情。在我们的专业上，我们从不同的地方出发，在HNCJ相遇共同学习，相遇匆匆即是别离，但我们不会为此而淡了彼此的感情。</p>
</div>
</div>
</div>
</section>
<section class="col-md-12 content" id="contact">
<div class="col-lg-6 col-md-6 content-item tm-content-box tm-black-translucent-bg">
<h2 class="contact-title">.04 申请加入</h2>
<p>如果你是或曾是 HNCJ 的一员，如果你同时又喜欢着开发这个方向，如果你想在 HNCJ 的 Github 组织分享你的开发成果，期待你的加入!请看下面的联系方式，和申请加入我们的方法。</p>
<p>
组织地址: https://github.com/hncj<br>
微信: yangocn<br>
Email: [email protected]
</p>
</div>
<div class="col-lg-6 col-md-6 content-item tm-content-box tm-white-translucent-bg">
<div name="contact-form" class="contact-form">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group">
<input name="name" type="text" readonly="readonly" class="form-control" id="name" placeholder="Your Name" value="申请格式：“学号 - Github账号 - 附加信息”" required>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group contact-field">
<input name="email" type="email" readonly="readonly" class="form-control" id="email" placeholder="Email" value="发送邮件到：[email protected]" required>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group contact-field">
<textarea name="message" rows="6" class="form-control" readonly="readonly" id="message" placeholder="当申请邮件审核通过后，你将在 Github 上收到加入 HNCJ 组织的邀请，接受邀请后你就成功加入我们了！" required></textarea>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="form-group margin-b-0">
<a id="form-submit" class="btn pull-right btn-contact tm-btn-primary" href="mailto:[email protected]">申请加入</a>
</div>
</div>
</div>
<!--</div> -->
<div id="msgSubmit" class="h3 text-center hidden">Message Submitted!</div>
</div>
</section>
</div>
<div class="text-center footer">
<div class="container">
© <span class="tm-current-year">2017</span> <a href="https://github.com/hncj" target="_blank" title="HNCJ Organization">HNCJ Organization</a>
| Build by <a href="https://github.com/ocnyang" title="OCNYang" target="_blank">OCNYang</a>
</div>
</div>
<script>
// Write current year in copyright text.
document.getElementsByClassName("tm-current-year").value = new Date().getFullYear();
</script>
</body>
</html>