-
Notifications
You must be signed in to change notification settings - Fork 145
/
Copy pathindex.html
156 lines (156 loc) · 7.5 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
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Warsztaty</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Istok+Web:400,700|Montserrat:400,600,700&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-fixed-top">
<div class="col-sm-4 brand-container">
<a href="#" class="navbar-brand">Zacznij w IT: Warsztaty JavaScript</a>
</div>
<div class="collapse navbar-collapse col-sm-8">
<ul class="nav navbar-nav nav-list">
<li class="for-dropdown"><a href="#">Materiały do nauki</a>
<div class="dropdown">
<ul>
<li><a href="https://www.codecademy.com/" target="_blank">Codecademy</a></li>
<li><a href="https://www.freecodecamp.org/" target="_blank">FreeCodeCamp</a></li>
<li><a href="https://codecombat.com/" target="_blank">CodeCombat</a></li>
</ul>
</div>
</li>
<li><a href="https://coderslab.pl/" target="_blank">Coders Lab</a></li>
<li><a href="https://github.com/CodersLab-core/Warsztaty_JS" target="_blank">Repozytorium Github</a></li>
</ul>
</div>
</nav>
</header>
<div class="jumbotron">
<div class="container">
<h2 class="main-slogan">Zaczynamy naukę programowania?</h2>
<p>
<a class="btn btn-primary tasks-btn" href="https://github.com/CodersLab-core/Warsztaty_JS" role="button" target="_blank">
Zobacz zadania w repozytorium
</a>
</p>
</div>
</div>
<div class="container-fluid main-points">
<div class="row">
<section class="col-sm-4">
<span class="circle heart glyphicon glyphicon-heart"></span>
<h5>Spróbuj i zobacz, czy to coś dla Ciebie</h5>
<p>Wiele osób uważa, że kodowanie jest niezwykle trudne. Zupełnie bezpodstawnie!</p>
<p class="more">Każdy powinien móc spróbować programowania, żeby zdecydować, czy to coś, co mu się podoba. Wystarczy zacząć!</p>
<button class="btn btn-default read-more">więcej<span class="glyphicon glyphicon-chevron-down"></span></button>
</section>
<section class="col-sm-4">
<span class="circle education glyphicon glyphicon-education"></span>
<h5>Zdobądź nowe umiejętności</h5>
<p>Nauka kodowania to nauka nowego sposobu myślenia, postrzegania problemów do rozwiązania.</p>
<p class="more">Nawet jeśli nie wiążesz z tym swojej przyszłości, programowanie to świetny sposob na trening umysłu.</p>
<button class="btn btn-default read-more">więcej<span class="glyphicon glyphicon-chevron-down"></span></button>
</section>
<section class="col-sm-4">
<span class="circle star glyphicon glyphicon-star"></span>
<h5>Udowodnij sobie, że możesz jeszcze więcej!</h5>
<p>Twój kod pewnie nie zadziała za pierwszym razem. Za drugim zapewne też nie.</p>
<p class="more">Ale gdy w końcu wszystko pójdzie dobrze, satysfakcja z rozwiązanego problemu będzie ogromna. I warto na to czekać!</p>
<button class="btn btn-default read-more">więcej<span class="glyphicon glyphicon-chevron-down"></span></button>
</section>
</div>
</div>
<div class="plan">
<div class="row">
<div class="plan-description col-sm-6 col-sm-offset-1">
<h3>Jak najlepiej zaplanować </br> naukę programowania?</h3>
<p>Podstawą działania jest dobry plan. Wykorzystaj poniższy formularz, żeby wprowadzić pierwsze zadania na swoją listę zadań.</p>
<div class="list-container">
<h5>Plan działania</h5>
<div class="input-group">
<input class="form-control" type="text" placeholder="Tutaj wpisz zadanie do wykonania">
<span class="input-group-btn">
<button class="btn btn-secondary add-task-btn" type="button">
Dodaj do listy
</button>
</span>
</div>
<ul class="list list-group">
<li>przykładowe zadanie do zrobienia</li>
<li>przykładowe zadanie do zrobienia</li>
<li>przykładowe zadanie do zrobienia</li>
</ul>
</div>
</div>
</div>
</div>
<div class="orgs">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<h3>Historie naszych absolwentów</h3>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-sm-offset-3 orgs-container">
<div class="col-sm-6">
<img src="./images/services-4-240x194.png" alt="img">
</div>
<div class="col-sm-6">
<ul class="slider">
<li class="org visible">
<h5>Kasia</h5>
<p>
Przed kursem byłam grafikiem. Uświadomiłam sobie, że za kilka lat nie będzie już
projektowania graficznego bez programowania. Zdecydowałam się na bootcamp, bo zależało mi
na tym, żeby zdobyć nowe umiejętności szybko oraz żeby zmiana zawodowa była natychmiastowa.
</p>
</li>
<li class="org">
<h5>Zbigniew</h5>
<p>
To były jedne z najintensywniej spędzonych tygodni, ogromna dawka bardzo ważnych w dzisiejszych
czasach umiejętności i informacji, pobudzenie „uśpionego” codzienną rutyną mózgu do tego, by zdołał
je przetworzyć oraz motywacja do samodzielnej pracy. Ale również mnóstwo dobrej zabawy.
</p>
</li>
<li class="org">
<h5>Monika</h5>
<p>
Zdecydowanie polecam kurs dla osób, które chcą się przebranżowić. Poza ogromną dawką wiedzy,
można dowiedzieć się wiele o branży IT i pracy programisty. Kurs jest bardzo intensywny
i trzeba być gotowym na codzienną systematyczną naukę.
</p>
</li>
<li class="org">
<h5>Piotr</h5>
<p>
Bardzo intensywny kurs! Miesiąc po zakończeniu kursu mam pracę, ale nie było łatwo – od rana
do wieczora z laptopem i kodem. To co mówią kursanci na różnych nagraniach to prawda.
Sam o 22, a czasami wcześniej padałem i nie mogłem patrzeć na komputer, ale było warto!
</p>
</li>
</ul>
<div class="dots col-sm-4 col-sm-offset-4">
<div class="dot active"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="col-sm-4">
<p>Copyrights 2018 | All rights reserved Coders Lab</p>
</div>
</footer>
</body>
</html>