This repository has been archived by the owner on Jan 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
kodluyoruz-junior.html
252 lines (244 loc) · 16.8 KB
/
kodluyoruz-junior.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
248
249
250
251
252
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Kodluyoruz | Kodluyoruz Jr.</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="styles/general.css">
<link rel="stylesheet" href="styles/kodluyoruz-junior.css">
<link rel="icon" href="images/favicon-32x32.png" type="image/png">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark naav">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img class="navbar-logo" src="images/logo.png" alt="Kodluyoruz logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<!-- <a class="nav-link active" aria-current="page" href="#">Home</a> -->
<a class="nav-link" href="kodla-donusturelim.html">Kodla Dönüştürelim</a>
<a class="nav-link" href="hi-kod.html">Hi-Kod</a>
<a class="nav-link" href="bootcamp.html">Bootcamp</a>
<a class="nav-link" href="community.html">Topluluk</a>
<a class="nav-link" href="cs50.html">CS50x</a>
<a class="nav-link" href="">Kodluyoruz Jr.</a>
<a class="nav-link" href="for-companies.html">Şirketler</a>
<a class="nav-link" href="about.html">Hakkında</a>
</div>
</div>
<a class="donate" href="donate.html" id="donate_button"><button type="button" class="btn btn-info">Destekle</button></a>
</div>
</nav>
</header>
<main>
<div id="showcase">
<h1>Çocuklar ve Endüstri 4.0</h1>
<p>Kodluyoruz Junior, her çocuğun bilgisayar bilimi temellerini alabilmesi için çalışır</p>
</div>
<div class="section" id="cont2">
<h1>Gelecek nesiller için ne yapıyoruz?</h1>
<p>Çocukları, özellikle kız çocuklarını, geleceğin işlerine hazırlamamız gerek. Bunun için kaliteli bilgisayar bilimleri eğitimini her çocuğa ulaştırmaya çalışıyoruz.</p>
<a class="gradient-bg-btn" href="#">Çocuklar İçin Ücretsiz, Online Kodlama Eğitimlerimiz</a>
</div>
<div class="section" id="cont3">
<h1>Hi-Kod LevelUp Programları</h1>
<p>Hi-Kod projesinde başta lise öğrencileri olmak üzere 15-24 yaş arasındaki gençlerin veri bilimi, web ve oyun geliştirme alanları ile tanışmasını amaçlıyoruz. Eğitim videolarını izlerken başkalarıyla birlikte ilerlemek istersen LevelUp programlarına katılabilirsin!</p>
<a class="gradient-bg-btn" href="hi-kod.html">Hi-Kod Hakkında Daha Fazla Bilgi İçin Tıkla!</a>
</div>
<div class="section" id="cont4">
<h1>Çocuklar için Açık Kaynaklar</h1>
<div class="row">
<div class="column">
<h3>Scratch</h3>
<p>Dünyanın en ünlü uygulamalarından biri olan Scratch'i kullanın, çocuğunuzu kodlamayla tanıştırın!</p>
<a href="https://cdn.sanity.io/files/9kdepi1d/production/d9a5b52d8128e84632ab7d30b04cde99a336a95c.pdf">Scratch El Kitapçığı</a>
</div>
<div class="column">
<h3>Arduino IDE ve mBlock</h3>
<p>Arduino ve mBlock ile her yaşta ve seviyede elektronik projeleri hayata geçirin, çocuğunuzla beraber eğlenin!</p>
<a href="https://cdn.sanity.io/files/9kdepi1d/production/bd6b7ab615d972918362ecf41c326980c46c8a47.pdf">Arduino IDE El Kitapçığı</a>
<a href="https://cdn.sanity.io/files/9kdepi1d/production/7bd70084852d8e94cc3ccf93e0e1c7addd7b431b.pdf">Arduino mBlock El Kitapçığı</a>
</div>
<div class="column">
<h3>Evden Kaynaklar</h3>
<p>Covid-19 günlerinde çocukların eğleneceği harika kaynakları seviyelerine göre sizin için derledik:</p>
<a href="#">Covid-19 Zamanında Çocuklar İçin Kaynaklar</a>
</div>
<div class="column">
<h3>Diğer açık kaynaklar</h3>
<p>Daha fazlasını istiyorsanız, çocuklar için hazırladığımız bu açık kaynaklara bakmadan geçmeyin!</p>
<a href="#">Diğer Açık Kaynaklar</a>
</div>
</div>
</div>
<div class="section" id="cont5">
<h1>En büyük projemiz: BSH İle Geleceği Kodlayanlar</h1>
<div class="row">
<div class="left">
<img src="https://cdn.sanity.io/images/9kdepi1d/production/1a22b9fada2411b7369592fd852613637834e866-5520x3680.jpg?auto=format" alt="">
</div>
<div class="right">
<p>BSH ile birlikte, Türkiye’de bir fabrika kampüsü içindeki ilk makerlab alanını oluşturduk. Burada, her yıl Çerkezköy’de çevre okullardan öğretmenleri ve yaklaşık 1,000 öğrenciyi geleceğe hazırlıyoruz.</p>
<br>
<p>Atölyelerimiz:</p>
<ul>
<li>Scratch ile kodlama</li>
<li>Arduino, MaKey MaKey ile elektronik ve kodlama</li>
<li>mBot ile robotik ve kodlama</li>
<li>App Inventor ile Android mobil uygulama geliştirme</li>
<li>Tinkercad ile 3 boyutlu tasarım ve baskı</li>
<li>Kardeş okullar ile online kodlama atölyeleri</li>
</ul>
<br>
<a href="https://gelecegikodlayanlar.org/">https://gelecegikodlayanlar.org/</a>
<br><br><br>
<a class="gradient-bg-btn" href="#">Online Derslere Başlayın</a>
</div>
</div>
</div>
<br> <br>
<hr>
<div class="section" id="cont6">
<h1>Hi-Kod</h1>
<div class="row">
<div class="left">
<p>Kodluyoruz Jr. olarak EMpower desteği ile yazılım alanında kariyer hedefleyen 15-24 yaş arası tüm gençlerin hayallerine adım adım yürümesini sağlayacak “Hi-Kod” projesini başlattık.</p>
<p>İçerikler tamamen Türkçe ve ücretsiz! 🤩</p>
<p>Hi-Kod projemizde sizleri neler bekliyor?</p>
<ul>
<li>Frontend Web Geliştirme</li>
<li>Veri Bilimi</li>
<li>Oyun Geliştirme</li>
<li>LevelUp Programları</li>
<li>48 saatlik Zoom üzerinden canlı dersler</li>
</ul>
<a class="gradient-bg-btn" href="#">Öğrenmeye Başlayın</a>
</div>
<div class="right">
<img src="https://cdn.sanity.io/images/9kdepi1d/production/7863e8773e1775eac7a35609b82f9065c454cc93-1214x666.png?auto=format" alt="">
</div>
</div>
</div>
</main>
<br><br>
<footer>
<div class="footerRow row">
<div class="col-4 col-md-3">
<h3>MENÜ</h3>
<li><a href="kodla-donusturelim.html">Kodla Dönüştürelim</a></li>
<li><a href="hi-kod.html">Hi-Kod</a></li>
<li><a href="bootcamp.html">Bootcamp</a></li>
<li><a href="community.html">Topluluk</a></li>
<li><a href="cs50.html">CS50X</a></li>
<li><a href="">Kodluyoruz Jr.</a></li>
<li><a href="for-companies.html">Şirketler</a></li>
<li><a href="about.html">Hakkımızda</a></li>
</div>
<!-- ------ -->
<div class="col-4 col-md-3">
<h3>BECERİ GELİŞTİR</h3>
<li><a href="#">Kaynaklar</a></li>
<li><a href="#">Şirketler</a></li>
<li><a href="#">AI Stratejisi</a></li>
<li><a href="#">Seçim Süresi</a></li>
</div>
<!-- ------ -->
<div class="col-4 col-md-3">
<h3>HAKKINDA</h3>
<li><a href="about.html">Hakkımızda</a></li>
<li><a href="#">Bize Katıl!</a></li>
<li><a href="#">Haberler</a></li>
<li><a href="donate.html">Destekle</a></li>
<li><a href="#">SSS</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Kolay Erişim</a></li>
</div>
<!-- ------ -->
<div class="col-12 col-md-3 text-md-end p-0 footer-logo">
<img src="https://res.cloudinary.com/danielkapper-com/image/upload/v1577156572/logo-one.png"
alt="Kodluyoruz">
</div>
</div>
<div class="divider">
<hr>
</div>
<div class="row addressRow" >
<address class="col-12 col-md-7">© 2022 ABSTRACT Çerez Politikası,
<a href="https://cdn.sanity.io/files/9kdepi1d/production/d5b01329809f92dfbd03e6b103cb65c58d85fd9b.pdf"
target="_blank" rel="noopener noreferrer">Kişisel Veriler Korunması Başvuru Formu</a>
</address>
<!-- -- -->
<div class="social col-12 col-md-5 justify-content-evenly">
<li><a href="https://www.facebook.com/kodluyoruztr/">
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
clip-rule="evenodd"></path>
</svg>
</a></li>
<!-- - -->
<li><a href="https://www.instagram.com/kodluyoruz/">
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd"></path>
</svg>
</a></li>
<!-- - -->
<li><a href="https://twitter.com/kodluyoruz">
<svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
<path
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84">
</path>
</svg>
</a></li>
<!-- - -->
<li><a href="https://www.linkedin.com/company/kodluyoruz/">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512"
class="w-6 h-6" xmlns="http://www.w3.org/2000/svg">
<path
d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</path>
</svg>
</a></li>
<!-- - -->
<li><a href="https://medium.com/kodluyoruz/">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512"
class="h-6 w-6" xmlns="http://www.w3.org/2000/svg">
<path
d="M71.5 142.3c.6-5.9-1.7-11.8-6.1-15.8L20.3 72.1V64h140.2l108.4 237.7L364.2 64h133.7v8.1l-38.6 37c-3.3 2.5-5 6.7-4.3 10.8v272c-.7 4.1 1 8.3 4.3 10.8l37.7 37v8.1H307.3v-8.1l39.1-37.9c3.8-3.8 3.8-5 3.8-10.8V171.2L241.5 447.1h-14.7L100.4 171.2v184.9c-1.1 7.8 1.5 15.6 7 21.2l50.8 61.6v8.1h-144v-8L65 377.3c5.4-5.6 7.9-13.5 6.5-21.2V142.3z">
</path>
</svg>
</a></li>
<!-- - -->
<li><a href="https://www.youtube.com/channel/UCSnIf-v95OSGIv9H7d2R2lw">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.2" baseProfile="tiny"
viewBox="0 0 24 24" class="h-6 w-6" xmlns="http://www.w3.org/2000/svg">
<path
d="M22.8 8.6c-.2-1.5-.4-2.6-1-3-.6-.5-5.8-.6-9.8-.6s-9.2.1-9.8.6c-.6.4-.8 1.5-1 3s-.2 2.4-.2 3.4 0 1.9.2 3.4.4 2.6 1 3c.6.5 5.8.6 9.8.6 4 0 9.2-.1 9.8-.6.6-.4.8-1.5 1-3s.2-2.4.2-3.4 0-1.9-.2-3.4zm-12.8 7v-7.2l6 3.6-6 3.6z">
</path>
</svg>
</a></li>
<!-- - -->
<li><a href="https://discord.com/invite/huVN948">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512"
class="h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
<path
d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z">
</path>
</svg>
</a></li>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>