-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (159 loc) · 8.45 KB
/
Copy pathindex.html
File metadata and controls
160 lines (159 loc) · 8.45 KB
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>
<!--
Landed by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>大同資訊創意研究社</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="大同資訊創意研究社">
<meta property="og:image" content="http://ttucscec.club/images/logo.png">
<meta property="og:description" content="提升大同學生資訊能力水準，讓大家都知道寫程式是怎麼一回事！">
<meta property="og:url" content="http://ttucscec.club/">
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="landing">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">資訊創意研究社</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">首頁</a></li>
<li><a href="https://www.facebook.com/ttucscec/">粉絲頁</a></li>
<li><a href="https://www.facebook.com/groups/ttucsc/">討論區</a></li>
</ul>
</nav>
</header>
<div id="page-wrapper">
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>大同大學 資訊創意研究社</h2>
<p>致力於打造更平易近人的學校、社團與人際關係</p>
</header>
<span class="image"><img src="images/logo.png" alt="logo"></span>
</div>
<a href="#one" class="goto-next scrolly">下一頁</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/pic02.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="4u 12u$(medium)">
<header>
<h2>資訊創意研究社</h2>
<p>在社團，尋找屬於你的青春</p>
</header>
</div>
<p>
資訊創意研究社致力於提升大同學生資訊能力水準，在這個連歐巴馬都會寫程式的時代，你還不想趕快來試試嘛！？
<br>
不管是不是資訊相關科系的，都希望能有個機會讓大家瞭解寫程式有趣的地方！
</p>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 fade-up">
<div class="container">
<header class="major">
<h2>社團課程</h2>
<p>願意與我們一同打開這資訊門扉嗎？</p>
</header>
<div class="box alt">
<div class="row uniform">
<section class="6u 12u(medium)">
<h3>資訊安全讀書會</h3>
<p>現在大家天天都在上網，但是你知道要如何保護自己的資訊安全嗎？<br>在這個網路世代，你又是否有足夠的資安意識保護自己不會被駭客攻擊呢？<br>駭客是什麼？他們又是如何攻擊的？俗話說知己知彼百戰百勝，要做好防禦我們要先了解攻擊手法、駭客思維。</p>
<p>本讀書會會帶領各位對資訊安全有興趣的同學了解真正的駭客都在做些什麼，網路上又有怎魔樣的漏洞是駭客可以例用的。</p>
<h4>課程資訊</h4>
<ul>
<li>上課時間：週二晚間 6:30－8:30</li>
<li>上課地點：尚志大樓 A5-811</li>
<li>適合程度：任何科系的同學都歡迎，不需要有任何程式設計基礎。</li>
</ul>
<h4>注意事項</h4>
<ul>
<li>教室有提供PC，但如果你習慣使用自己的電腦，也歡迎攜帶！</li>
<li>上課不提供紙本教材，投影片會在上課時公佈在社團或粉絲頁上</li>
<li>課程內容會根據同學的進度做調整</li>
<li>全程免費！</li>
</ul>
</section>
<section class="6u 12u$(medium)">
<img src="images/posts/syudygroup.png" style="width: 100%;">
</section>
<section class="12u">
<h3>自由課程</h3>
<p>本社團的特色課程，由同學提出希望所學，那講師會盡力準備！</p>
<p>這是一堂希望所有同學都可以學習到所發展出來的社團課程，只要有同學提出他希望聽到的內容，之後就會安排進社課裡面，所以，沒有課程表！</p>
<h4>課程資訊</h4>
<ul>
<li>上課時間：週一晚間 6:30－8:30</li>
<li>上課地點：尚志大樓 A5-811</li>
<li>適合程度：有興趣者，都歡迎！</li>
</ul>
<h4>注意事項</h4>
<ul>
<li>教室有提供PC，但如果你習慣使用自己的電腦，也歡迎攜帶！</li>
<li>上課不提供紙本教材，投影片會在上課時公佈在社團或粉絲頁上</li>
<li>本課程沒有課表，上課內容以粉絲頁及社團發布為主！</li>
</ul>
</section>
</div>
</div>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>請追蹤我們的紛絲專頁</h2>
<p>讓我們一同成長</p>
</header>
<iframe class="12u$(medium)" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fttucscec&width=430&colorscheme=light&show_faces=true& connections=9&stream=false&header=false" scrolling="no" frameborder="0" style="height:214px; width:430px;"></iframe>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/ttucscec" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/TTUCSCEC" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:admin@ttucscec.club" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>本站程式碼採 MIT 授權，文案內容採 創用C.C. 3.0 姓名標示 授權</li><li>靈感與設計來自: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-39220034-6', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>