-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
155 lines (148 loc) · 8.46 KB
/
about.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
148
149
150
151
152
153
154
155
<!DOCTYPE HTML>
<html>
<head>
<title>About Us - HisarCS</title>
<meta charset="utf-8"/>
<meta name="description" content="A computer science team from Hisar High School in Istanbul, Turkey with many students actively developing CS & robotics projects, events and organizing competitions & conferences all around the world."/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="assets/css/main.css"/>
<noscript><link rel="stylesheet" href="assets/css/noscript.css"/></noscript>
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon"/>
</head>
<body class="is-preload">
<div id="wrapper">
<header id="header">
<a href="index.html" class="logo"><strong>Hisar</strong>CS</a>
<nav>
<button id="switch-lang" style="outline:none">TR</button>
<a href="#menu"></a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li lang="en"><a href="index.html">Home</a></li>
<li lang="tr"><a href="index.html">Anasayfa</a></li>
<li lang="en"><a href="about.html">About Us</a></li>
<li lang="tr"><a href="about.html">Hakkımızda</a></li>
<li lang="en"><a href="news.html">News</a></li>
<li lang="tr"><a href="news.html">Haberler</a></li>
<li lang="en"><a href="events.html">Events</a></li>
<li lang="tr"><a href="events.html">Etkinlikler</a></li>
<li lang="en"><a href="projects.html">Projects</a></li>
<li lang="tr"><a href="projects.html">Projeler</a></li>
<li lang="en"><a href="coco.html">Comp.&Conf.</a></li>
<li lang="tr"><a href="coco.html">Yarış.&Konf.</a></li>
<li lang="en"><a href="documents.html">Documents</a></li>
<li lang="tr"><a href="documents.html">Dokümanlar</a></li>
<li><a href="idealab.html">ideaLab</a></li>
<li lang="en"><a href="contact.html">Contact</a></li>
<li lang="tr"><a href="contact.html">İletişim</a></li>
</ul>
<ul class="actions stacked">
<li><a href="https://github.com/HisarCS" class="button primary fit">GitHub</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main" class="alt">
<section id="one">
<div class="inner">
<h1>About HisarCS</h1>
<span class="image main"><img src="assets/img/about/main.jpg" alt="group-image"/></span>
<p>We are HisarCS, a computer science team from Hisar High School in Istanbul, Turkey. What started in 2012 as a couple of students developing projects around a small table grew throughout the years, and now has over 30 students actively developing CS & robotics projects and attending competitions & conferences all around the world. Our team members are between the ages of 13-18.</p>
<span class="image main"><img src="assets/img/about/stat.jpg" alt="stats-image"/></span>
<b>Peer Learning</b>
<p>As HisarCS, we are learning everyday from each other. We know that we are having some troubles with our projects, we can ask our friends and learn together. We are aware that making mistakes is a big part of the learning process. And that is where our motto came from. </p>
<span class="image main"><img src="assets/img/about/motto.png" style="max-width:50%;max-height:50%;" alt="make-fail-learn-repeat"/></span>
<p>If you spend a day with us, we guarantee that you will hear these four words more than 15 times. When starting a project, we are aware that it is not going to be perfect, and that is what we enjoy, failing. It may sound weird, to love to fail. But failing is what takes us a step forward. It makes us rethink, reconsider what we did, and it helps to find new strategies to get closer to our goal. And that is when the learn step starts. We learn from our mistakes, and then repeat all the process again, although it means that we will fail again. This motto helps us encourages creativity and nurtures persistence because you know that there is a solution to your problem - and you debug and debug until you reach your destination - always</p>
<p>PS: sometimes we come to a state where we delete the learn part and turn our motto to make fail repeat, since we do the same mistake over and over again :0</p>
</div>
</section>
</div>
<div>
<ul id="hexGrid">
<li class="hex">
<div class="hexIn">
<a class="hexLink">
<img src="assets/img/about/summit1.jpg" alt="coding-summit-image-1"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink">
<img src="assets/img/about/summit2.jpg" alt="coding-summit-image-2"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink">
<img src="assets/img/about/summit3.jpg" alt="coding-summit-image-3"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink" >
<img src="assets/img/about/summit4.jpg" alt="coding-summit-image-4"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink" >
<img src="assets/img/about/summit5.jpg" alt="coding-summit-image-5"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink" >
<img src="assets/img/about/summit6.jpg" alt="coding-summit-image-6"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink" >
<img src="assets/img/about/summit7.jpg" alt="coding-summit-image-7"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink" >
<img src="assets/img/about/summit8.jpg" alt="coding-summit-image-8"/>
</a>
</div>
</li>
<li class="hex">
<div class="hexIn">
<a class="hexLink" >
<img src="assets/img/about/summit9.jpg" alt="coding-summit-image-9"/>
</a>
</div>
</li>
</ul>
</div>
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/hisarcs?lang=en" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/hisarcs/?hl=en" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/HisarCS" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</div>
</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.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/language.js"></script>
</body>
</html>