-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (139 loc) · 5.63 KB
/
index.html
File metadata and controls
150 lines (139 loc) · 5.63 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code Club TBMS</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/bootstrap-grid.min.css">
<link type="text/css" rel="stylesheet" href="/assets/css/materialize.min.css" media="screen,projection" />
<link rel="stylesheet" href="/assets/css/font-awesome.css">
<link rel="stylesheet" href="/assets/css/animate.css">
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="content">
<div class="parallax-container">
<div class="parallax">
<img src="/assets/media/banner_1.jpg" alt="">
</div>
</div>
<div class="section white">
<div class="container">
<h2 class="header">Code Club TBMS</h2>
<p class="grey-text text-darken-3 lighten-3 flow-text justify">Code Club TBMS is a club of Tyndale Biscoe and Mallinson Society, whose main goal is to introduce students to coding and inform them about the latest tools, techniques and trends of the modern coding world.
<br />
Their projects help young people learn Python, HTML, CSS & Javascript along with technologies like Git, Github by making websites and web apps. The projects gradually introduce coding concepts to allow young people to build their knowledge incrementally.
<br />
Code Club is about fun, creativity, and learning through exploring. It’s important that the children enjoy their time at Code Club. They should understand that they’re in charge of the computer, and can (and should) make it do what they want, not the other way around.
<br />
Other benefits of Code Club, such as learning about computational thinking, or developing expertise in coding, are secondary to these two objectives. Having said that, children will absorb all these wonderful skills as they work through the projects, rather than through didactic teaching.
<br />
It was established in 2017 by students of +2 Department, Tyndale Biscoe and Mallinson School under the guidance of their IP Lecturer, Mrs. Muzammil Fatimah.</p>
</div>
</div>
<div class="parallax-container">
<div class="parallax">
<img src="/assets/media/banner_2.jpg" alt="">
</div>
</div>
<div class="section white">
<div class="container">
<h2 class="header">Our Goals</h2>
<div class="row">
<div class="col s12 m12 l3">
<div class="card valign-wrapper hoverable" style="min-height: 100%;">
<div class="card-content">
<h5 class="card-title">Open Source</h5>
<p class="flow-text" style="text-align: justify;">
We believe in keeping our projects open source, so that everyone is involved, sharing and learning along the way.
</p>
</div>
</div>
</div>
<div class="col s12 m12 l3">
<div class="card valign-wrapper hoverable" style="min-height: 100%;">
<div class="card-content">
<h5 class="card-title">Improving</h5>
<p class="flow-text">We believe that like all computers, we also need to update ourselves with new knowledge.</p>
</div>
</div>
</div>
<div class="col s12 m12 l3">
<div class="card valign-wrapper hoverable" style="min-height: 100%;">
<div class="card-content">
<h5 class="card-title">Inspiring</h5>
<p class="flow-text">We believe that inspiration is an important part of writing good code, and hence try to inspire everyone.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax">
<img src="/assets/media/banner_1.jpg" alt="">
</div>
</div>
<div class="section white">
<div class="container">
<h2 class="header">Our Team</h2>
<a class="btn" href="/team.html">Full Team</a>
<div class="row" id="team">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
</div>
</div>
<div class="parallax-container">
<div class="parallax">
<img src="/assets/media/banner_2.jpg" alt="">
</div>
</div>
<div class="section white">
<div class="container">
<h2 class="header">Our Projects</h2>
<a class="btn" href="/projects.html">All Projects</a>
<div class="row" id="projects">
<!-- <div id="modal_contributor" class="modal">
<div class="modal-content">
<h2 id="project_name"></h2>
<img id="contrib_img" class="circle" />
<span id="contrib_name"></span>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
</div>
</div> -->
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
</div>
</div>
<script src="/assets/js/jquery-3.2.1.min.js" charset="utf-8"></script>
<script src="/assets/js/popper.min.js" charset="utf-8"></script>
<script src="/assets/js/bootstrap.js" charset="utf-8"></script>
<script src="/assets/js/materialize.min.js" charset="utf-8"></script>
<script src="/assets/js/main.js" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#header").load("/header.html", function(){
$(".button-collapse").sideNav();
});
$("#footer").load("/footer.html");
$('.parallax').parallax();
$("#team").loadtopteam();
$("#projects").loadprojects(false);
});
</script>
</body>
</html>