OfficialWeb/activities.html at master · CESA-dev/OfficialWeb · GitHub

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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html>
<title>Chinese Engineering Student Association</title>

<link rel=”icon” href=”icon.png” mce_href=”icon.png” type=”image/x-icon”>
<link rel=”shortcut icon” href=”icon.png” mce_href=”icon.png” type=”image/x-icon”>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Courier", sans-serif}
body, html {
    height: 100%;
    line-height: 1.8;
}
/* Full height image header */
.bgimg-1 {
    background-position: center;
    background-size: cover;
    background-image: url("background.png");
    min-height: 100%;
}
.w3-bar .w3-button {
    padding: 16px;
}
</style>
<body>

<!-- Navbar (sit on top) -->
<div class="w3-top">
  <div class="w3-bar w3-white w3-card-2" id="myNavbar">
    <a href="index.html" class="w3-bar-item w3-button w3-wide">CESA</a>
    <!-- Right-sided navbar links -->
    <div class="w3-right w3-hide-small">
      <a href="index.html" class="w3-bar-item w3-button">About</a>
      <a href="board.html" class="w3-bar-item w3-button">Board</a>
      <a href="departments.html" class="w3-bar-item w3-button">Departments</a>
      <a href="activities.html" class="w3-bar-item w3-button">Events</a>

    </div>
    <!-- Hide right-floated links on small screens and replace them with a menu icon -->

    <a href="javascript:void(0)" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="w3_open()">
      <i class="fa fa-bars"></i>
    </a>
  </div>
</div>

<!-- Sidebar on small screens when clicking the menu icon -->
<nav class="w3-sidebar w3-bar-block w3-black w3-card-2 w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
  <a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Close ×</a>
  <a href="#Intro" onclick="w3_close()" class="w3-bar-item w3-button">Intro</a>
  <a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT</a>
  <a href="#Members" onclick="w3_close()" class="w3-bar-item w3-button">Departments</a>
  <a href="#Activities" onclick="w3_close()" class="w3-bar-item w3-button">Events</a>
  <a href="#Resources" onclick="w3_close()" class="w3-bar-item w3-button">Resources</a>
</nav>


<br/>
<br/>


<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>


  <div class="w3-col s12">
    <!-- Blog entry -->
    <div class="w3-card-4 w3-margin w3-white">
      <img src="photos/活动/halloweenJPG.jpg" style="width:100%" alt="pr" >
      <div class="w3-container">
        <h3><b>万圣节party</b></h3>
        <h5><span class="w3-opacity">Oct 31, 2017</span></h5>
      </div>

      <div class="w3-container">
        <p>每年的万圣节CESA都会为大家倾力打造全香槟最好玩的万圣节爬梯。 上周六的爬梯你一定没有错过吧！如果没有来，没有关系，让这些精彩瞬间在万圣节的尾巴给你带来惊喜。来参加了的小伙伴也快来下面的照片中认领自己吧！</p>
        <div class="w3-row">
          <div class="w3-col m8 s12">
            <p><a href="https://mp.weixin.qq.com/s/aU7gpam5t4brgXZ0zsMppg"
                class="w3-button w3-padding-large w3-white w3-border">READ MORE</a></p>
          </div>
        </div>
      </div>
    </div>

    <div class="w3-card-4 w3-margin w3-white">
      <img src="photos/活动/qingrenjie.jpg" style="width:100%" alt="pr" >
      <div class="w3-container">
        <h3><b>一周CP</b></h3>
        <h5><span class="w3-opacity">Nov 11, 2017</span></h5>
      </div>

      <div class="w3-container">
        <p>这个光棍节,CESA邀请你来谈一场七天的恋爱! 活动内容：
      报名的同学会根据填写的信息（兴趣、喜好和对象要求等）和另一个人组成一队CP。在接下来的7天时间内，两人需要完成为你们量身打造的一系列CP每日任务，并通过微信的方式汇报完成情况哟。
      活动的目的就是希望在这个寒冷的冬季，为想要脱单的同学创造一个机会！通过这次活动，让你认识另一个有趣的灵魂。不论结果如何，走到一起也好，成为朋友也罢，就把这次活动当做一个为香槟学生开展的交友机会吧。</p>
        <div class="w3-row">
          <div class="w3-col m8 s12">
            <p><a href="https://mp.weixin.qq.com/s/ZjxJ1VQ1qZJff2K8C0KeSQ"
                class="w3-button w3-padding-large w3-white w3-border">READ MORE</a></p>
          </div>
        </div>
      </div>
    </div>

    <div class="w3-card-4 w3-margin w3-white">
      <img src="photos/活动/bluewater.jpeg" style="width:100%" alt="pr" >
      <div class="w3-container">
        <h3><b>Blue Water Tour</b></h3>
        <h5><span class="w3-opacity">Oct 2, 2017</span></h5>
      </div>

      <div class="w3-container">
        <p>还记得CESA之前推送的蓝水超级计算机（Blue Waters）活动吗！这次，我们又来啦！先看看我们这次的参观体验吧！本周五，一行小伙伴怀揣着对这个大家伙的好奇踏上了前往National Center of Supercomputing Applications的路。
            在工作人员Ms. Barbara的带领与讲解下，大家先参观了蓝水超级计算机的机房（工科男生的天堂！）...
        </p>
        <div class="w3-row">
          <div class="w3-col m8 s12">
            <p><a href="https://mp.weixin.qq.com/s/zuTXGI0tOpS9i1wBdnIcDQ"
                class="w3-button w3-padding-large w3-white w3-border">READ MORE</a></p>
          </div>
        </div>
      </div>
    </div>


    <div class="w3-card-4 w3-margin w3-white">
      <img src="photos/活动/zhuanzhuanye.jpg" style="width:100%" alt="pr" >
      <div class="w3-container">
        <h3><b>转专业大会</b></h3>
        <h5><span class="w3-opacity">Oct 8, 2017</span></h5>
      </div>

      <div class="w3-container">
        <p>本次活动邀请了CESA内外共10名同学参与本次转专业大会的演讲，并准备了多个热门专业的转专业要求和相关介绍，在广大同学中引起了热烈的反响，活动当天共有七十多位同学到场，气氛热烈。
        本次活动邀请了CESA内外共10名同学为大家带来精彩的转专业演讲，并准备了CEE,EE,CE,CS+,EM,ME,IE/SE,MATHS,和商院的转专业要求和相关介绍。
        如：每个专业课程的核心内容，课程具体要求，转专业具体流程，选课建议和个人选课经验分享。每名演讲者准备的内容都详细而不失条理，并各自添加了一些本专业独特的相关信息和工作前景展望。</p>
        <div class="w3-row">
          <div class="w3-col m8 s12">
            <p><a href="https://mp.weixin.qq.com/s/ogzlG6DIZrWE344K4eUV0w"
                class="w3-button w3-padding-large w3-white w3-border">READ MORE</a></p>
          </div>
        </div>
      </div>
    </div>
  <!-- Footer -->
  <footer class="w3-center w3-black w3-padding-64">
    <a href="activities.html" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
    <div class="w3-xlarge w3-section">
      <img src="Wechat.jpg" alt="Tech" style="width:10%">
      <div>Chinese Engineering Student Association</div>
      <div>in University of Illinois at Urbana-Champaign</div>
  </div>

  </footer>

<!-- END MAIN -->
</div>

<script>
// Get the Sidebar
var mySidebar = document.getElementById("mySidebar");

// Get the DIV with overlay effect
var overlayBg = document.getElementById("myOverlay");

// Toggle between showing and hiding the sidebar, and add overlay effect
function w3_open() {
    if (mySidebar.style.display === 'block') {
        mySidebar.style.display = 'none';
        overlayBg.style.display = "none";
    } else {
        mySidebar.style.display = 'block';
        overlayBg.style.display = "block";
    }
}

// Close the sidebar with the close button
function w3_close() {
    mySidebar.style.display = "none";
    overlayBg.style.display = "none";
}
</script>

</body>
</html>