-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathactivities.html
More file actions
119 lines (113 loc) · 8.79 KB
/
activities.html
File metadata and controls
119 lines (113 loc) · 8.79 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<title>Club Activities</title>
<link rel="stylesheet" href="css/style1.css" />
<link rel="stylesheet" type="text/css" href="css/styleactivity.css"/>
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet">
</head>
<body>
<nav>
<a class="logo" href="index.html"><img src="images/logoplaceholder.png" alt="logo"/></a>
<a href="index.html#aboutus">About us</a>
<a href="articles.html">Articles</a>
<a href="members.html">Members</a>
<a class="selected" href="activities.html">Activities</a>
<a href="contact.html">Contact us</a>
<a href="join.html">Join us</a>
</nav>
<div class="subnav">
<a href="#activity">Treasure Hunt</a>
<a href="#studysession">Study Session</a>
<a href="#fieldtrip">Field Trip</a>
<a href="#seminars">Seminars and Conferences</a>
</div>
<main>
<!--<marquee>Notice!!! Forms for 2019 Treasure hunt avaiable at the student lounge. Sign up now!!!</marquee>-->
<div class="activities-box">
<h1>Our Activities</h1>
<hr class="decoline">
<p>One of the major goals of a college club is to make learning fun and less stressful. We as a club organize various programs to achieve this goal.
We organize many programs where all students are welcome to participate. Our main event is the treasure hunt we organize once every year in the spring semester.
Other than treasure hunt we also organize study sessions, field visits, seminars and conferences. Some of our activities are mentioned below;</p>
<div class="oneactivity" id="treasurehunt">
<h3>Treasure Hunt</h3>
<div class="column1"><a href="images/treasure_hunt.jpg" target="_blank"><img class="actpic" src="images/treasure_hunt.jpg" alt="treasure hunt"/></a> </div>
<div class="column2">
Treasure hunt is a unique gaming event that tests a student's mental as well as physical sharpness. Participants can compete themselves or form groups with friends.
The winners of the contest are rewarded with gifts and all the participants are awarded certificate of participation. The game has a series of questions one needs to solve.
Questions are mostly related to coding and the participants are needed to write programs in the language of their own selection. A volunteer will look at the program and upon his/her green signal
the participant(s) can proceed to their next task which will be a physical test(like scoring baskets 3 times in a row or successfully completing a spoon race).
After the physical part has been completed, the participant(s) can then proceed to their next clue. The first team to successfully complete all the tasks and find the treasure is the winner.
</div>
</div>
<div class="oneactivity" id="studysession">
<h3>Study Sessions</h3>
<div class="column1"><a href="images/study_session.jpg" target="_blank"><img class="actpic" src="images/study_session.jpg" alt="study session"/></a></div>
<div class="column2">
Every student has different questions and not all of it can be answered by a single professor who teaches 20+ students at a time. Realising this fact,
we decided to provide our students with the platform to ask questions freely in the study session. The student who has answer to the question gets to answer it and if unsatisfied
then they can start a discussion. If no conclusion is achieved then the question is forearded to a professor. We help students with any questions they want to ask be it an assignment or quiz or test question.
This helps students in making their studies easier and effective.
</div>
</div>
<div class="oneactivity" id="fieldtrip">
<h3>Field Visits</h3>
<div class="column1"><a href="images/field_trip.jpg" target="_blank"><img class="actpic" src="images/field_trip.jpg" alt="field trip"/></a></div>
<div class="column2">
An important aspect of academia is to give students practical knowledge along with theoritical knowledge. So, CodeForFun organizes various field visits to different It companies
in and around Vancouver and lower mainland. Students get to learn the practical implementation of the things they learn in their class and also have a chance to meet experts in the fields.
This is a great way of creating connection among various people in different fields.
</div>
</div>
<div class="oneactivity" id="seminars">
<h3>Seminars and Conferences</h3>
<div class="column1"><a href="images/seminar.jpg" target="_blank"><img class="actpic" src="images/seminar.jpg" alt="seminar"/></a></div>
<div class="column2">
It is important to know the advancements that are hapenning in the field of information technology. It is very dynamic and new and better advancements keep on coming every single day.
To make sure students are aware of the current advancements, we call experts from various fields to talk about technological advancemnts that are taking place and we also arrange
an environment for quesitons and answers with the people who are an expert in certain fields.
</div>
</div>
</div>
</main>
<footer>
<div class="footer-wrapper">
<aside>
<div class="the-address-wrapper">
<h3><strong>ADDRESS</strong></h3>
<div>
<strong>FDU Vancouver's Code4Fun</strong>
<br>
Fairleigh Dickinson University Vancouver Campus
<br>842 Cambie Street, Vancouver, B.C, V6B2P6
</div>
</div>
</aside>
<aside>
<h3><strong>FOLLOW US</strong></h3>
<div class="social-media">
<a href="#" target="_blank" style="font-size: 20px; padding: 3px; color: black"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" style="font-size: 20px; padding: 3px; color: black;"><i class="fab fa-instagram"></i></a>
<a href="#" target="_blank" style="font-size: 20px; padding: 3px; color: black;"><i class="fas fa-envelope"></i></a>
</div>
<div class="trademark" style="font-size: 15px;">© 2018 Code4Fun Club at FDU Vancouver</div>
</aside>
<aside>
<h3><strong>CONTACT US</strong></h3>
<div>Anh Pham: (778)-751-7243</div>
<div>Prashan Malla: (604)-250-9162</div>
</aside>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>