-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
247 lines (222 loc) · 12.3 KB
/
index.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
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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cluj Y. Tech</title>
<meta name="description" content="We are a group of IT students from different Universities in Cluj and we believe in
learning. We also believe in holacracy which means we feel responsible for our own
trajectory so for that we study and practice software development in school plus on our own free time.
We are and always will be the kind of people who put their
brainand hearts into the projects they're developing. What we’ve learned so far is mainly that Cluj is a hub where we can make some magic, together.">
<meta name="author" content="Cluj Y. Tech">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google-site-verification" content="MTE5_HDEHydQc5_lNEsxqQH9QHnQtvPj7Gqnnn64pEM" />
<link rel="canonical" href="https://cluj-ytech.github.io">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="img/favicon.png">
<script src="https://use.fontawesome.com/34e224b857.js"></script>
<link rel="stylesheet" href="css/style.css">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:700|Roboto+Mono:400,700" rel="stylesheet">
<link href='css/style.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/classie.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/analytics,js"></script>
</head>
<body>
<header class="main_h">
<div class="row">
<a class="logo" href="#">
<img src="img/logo.svg" alt="Cluj Y. Tech Logo">
</a>
<div class="mobile-toggle">
<span></span>
<span></span>
<span></span>
</div>
<nav>
<ul>
<li><a href="#sec02">About</a></li>
<li><a href="#sec03">Our Mission</a></li>
<li><a href="#sec04">Contact</a></li>
<li><a href="#sec05">Partners</a></li>
</ul>
</nav>
</div>
<!-- / row -->
</header>
<div class="hero">
<img class="test" src="img/logo.png" alt="Cluj Y. Tech Logo">
<ul class="social">
<li><i class="fa fa-facebook fa-3x" aria-hidden="true"></i></li>
<li><i class="fa fa-meetup fa-3x" aria-hidden="true"></i></li>
<li><i class="fa fa-github-alt fa-3x" aria-hidden="true"></i></li>
</ul>
<div class="img-container">
<img src="img/text.svg" alt="Cluj Y. Tech">
</div>
</div>
<div class="row content">
<section id="sec01">
<h1 class="sec01 section">Well hello there!</h1>
<p>We’re a group of young techies, studying in Cluj. We feel responsible for our own trajectory so for that we study
and practice software development in school plus on our own free time. We belive that we should absorb all
the knowledge we can from University, but there is more knowledge, experience and ideas out there. Cluj is
a vibrant city and we should take advantage of being here! And for that, we think we can do more if we stand
united!
</p>
</section>
<section id="sec02">
<h2 class="sec02 section">About Us</h2>
<p>Cluj Y.Tech was born through the wish of one Computer Science student who wanted to learn, but didn’t know how
to or what to begin with, and who wanted to network with experienced people in order to receive advice. We
envision this community to be open for everyone who is looking to learn more about different technologies
as well as to meet interesting professionals from different tech fields, and that means freedom and great
responsibility for all of us who want to make this happen! We believe in the pay it forward principle as
a foundation for any healthy group. We are also interested to try out freedom. We know that with freedom
comes great responsibility and we think it takes a lot of maturity to take responsibility for anything we
start or influence. We want to be there, to observe the world, to learn and to get involved! Instead of asking
for permission, we’ll ask for guidance. We think it’s faster to fix something down the road than to start
only after having a perfect plan.</p>
</section>
<section id="sec03">
<h2 class="sec03 section">Our Mission</h2>
<p>We want to create an enabling environment for knowledge transfer between IT professionals and students and bring
awareness about the power of coding in this era. As Robert C. Martin once said, <i>"Civilization depends upon us in ways it doesn't yet understand, in ways we don’t yet understood"</i>.
We'll do this by creating an active network between ourselves and opportunities for guidance from those that
have already been down this road. Our vision is having a complex learning experience, including different
learning styles & areas, starting with coding and going forward with all the glue that makes great code into
great projects.
</p>
</section>
<div class="features">
<div class="columns">
<ul class="price">
<li class="header"><img src="img/learn.jpg" alt="Learning"> </li>
<li class="grey">
<h3>Learn</h3>
</li>
<li>
<p>Opportunity to learn latest technologies from experts in the field and enter the entrepreneurial
world.
</p>
</li>
</ul>
</div>
<div class="columns">
<ul class="price">
<li class="header"><img src="img/code.jpg" alt="Coding"> </li>
<li class="grey">
<h3>Code</h3>
</li>
<li>
<p>Improve your coding skills. Write code for humans not just for machines. <br>
</p>
</li>
</ul>
</div>
<div class="columns">
<ul class="price">
<li class="header"><img src="img/connect.jpg" alt="Connecting"> </li>
<li class="grey">
<h3>Connect</h3>
</li>
<li>
<p>You get the chance of networking with other students and passionate, open minded developers.</p>
</li>
</ul>
</div>
</div>
<section id="sec04">
<h2 class="sec04 section" style="clear:both;"> We're social:</h2>
<div class="features" style="text-align:center;">
<div class="columns">
<a href="https://facebook.com/clujytech/" target="_blank"><i class="fa fa-facebook fa-3x" aria-hidden="true" style="color:#222222;"></i></a>
</div>
<div class="columns">
<a href="https://facebook.com/groups/clujytech/" target="_blank"><i class="fa fa-users fa-3x" aria-hidden="true" style="color:#222222;"></i></a>
</div>
<div class="columns">
<a href="https://github.com/cluj-ytech" target="_blank"><i class="fa fa-github-alt fa-3x" aria-hidden="true" style="color:#222222;"></i></a>
</div>
</div>
</section>
<section id="sec05">
<h2 class="sec05 section" style="clear:both; padding-top:20px;">Partners:</h2>
<div class="main">
<ul class="cbp-ig-grid">
<li>
<a href="https://www.romanianit.com/" target="_blank" title="RomanianIT">
<span class="cbp-ig-icon "><img src="img/romanian-it.png" alt="RomanianIT" style="width: 250px; height: 60px;"></span>
<h3 class="cbp-ig-title">RomanianIT</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="https://jsheroes.io" target="_blank" title="JSHeroes">
<span class="cbp-ig-icon"> <img src="img/cluJS.png" alt="JSHeroes" style="width: 220px;height: 40px;"></span>
<h3 class="cbp-ig-title">JSHeroes</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="http://osut.org/" target="_blank" title="OSUT Cluj" <span class="cbp-ig-icon"> <img src="img/logo-osut.png" alt="OSUT Cluj" style="width: 180px;"></span>
<h3 class="cbp-ig-title">OSUT Cluj</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="https://societatea-hermes.ro/" target="_blank" title="Societatea Hermes">
<span class="cbp-ig-icon"><img src="img/hermes.png" alt="Societatea Hermes" style="width: 180px;"></span>
<h3 class="cbp-ig-title">Hermes</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="https://techsylvania.com/" target="_blank" title="Techsylvania">
<span class="cbp-ig-icon"><img src="img/techsylvania.svg" alt="Techsylvania" style="width: 240px;"></span>
<h3 class="cbp-ig-title">Techsylvania</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="https://codecamp.ro/cluj" target="_blank" title="CodeCamp">
<span class="cbp-ig-icon"><img src="img/codecamp.png" alt="CodeCamp" style="width: 240px;"></span>
<h3 class="cbp-ig-title">Codecamp</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="https://www.girlswhocode.ro/" target="_blank" title="Girls Who Code - Romania">
<span class="cbp-ig-icon"><img src="img/girlswhocode.png" alt="Girls Who Code - Romania" style="width: 80px;"></span>
<h3 class="cbp-ig-title">Girls Who Code</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="https://romaniatesting.ro/" target="_blank" title="Romanian Testing Conference">
<span class="cbp-ig-icon"><img src="img/rtc.png" alt="Romanian Testing Conference" style="width: 120px; height: 100px;"></span>
<h3 class="cbp-ig-title">Romanian Testing Conference</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
<li>
<a href="http://www.devtalks.ro/" target="_blank" title="DevTalks">
<span class="cbp-ig-icon"><img src="img/dev-logo-black.png" alt="DevTalks" style="width: 240px; height: 80px;"></span>
<h3 class="cbp-ig-title">DevTalks</h3>
<span class="cbp-ig-category">Partner</span>
</a>
</li>
</ul>
</div>
</section>
</div>
<div class="footer">
<p><a href="mailto:cluj.ytech@gmail.com">cluj.ytech@gmail.com</a> |<b><a href="https://www.facebook.com/groups/clujytech/"> Join Our Facebook Group</a></b> </p>
</div>
<script src="js/index.js"></script>
</body>
</html>