-
Notifications
You must be signed in to change notification settings - Fork 1
/
juja.html
89 lines (82 loc) · 4.33 KB
/
juja.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
<!DOCTYPE html >
<html>
<head>
<title>Juja core online java training</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/juja.css">
</head>
<body>
<!-- Header лого джуджика, напис курсів на зеленому фоні -->
<header class="header">
<h1 class="header__title">"JUJA CORE"</h1>
<h4 class="header__subtitle">Навчальний курс для початківців</h4>
</header>
<!-- Відео з коротким описом курсу -->
<section class="course-description">
<section class="course-description__logo-row">
<img class="course-description__logo-img" src="img/logo.png" height="auto" width="auto"/>
</section>
<section class="course-description-buy">
<section class="course-description-buy course-descriptionbuy__left">
<iframe src="https://www.youtube.com/embed/QUcFWOoR77Y?rel=0&controls=0&showinfo=0&amp;wmode=opaque" frameborder="0" allowfullscreen="allowfullscreen" class="course-description__video--youtube"></iframe>
</section>
<section class="course-description-buy course-descriptionbuy__right">
<article class="course-description-text">
<p>Курс призначений для початківців Java без знань, або непевними знаннями <strong>Java Core.</strong> </p>
<p>Мета його дати розуміння базових структур мови Java, навчити грамотно писати програми, викликати інтерес слухачів до розробки і вирішення задач, підготувати до співбесід.</p>
</article>
<a class="buy-button" href="#">Купити</a>
</section>
</section>
<section class="course-description__bottom">
<h3>Що отримає слухач по закінченню курсу?</h3>
<article class="course-description-text">
<p>Тверді знання Java Core. </p>
<p>Практичні навички написання програм. </p>
<p>Закінчений проект, написаний на Java і опублікований на Github. </p>
<p>Складене резюме, вміння правильно відповідати на співбесіді. </p>
<p>Заохочення до розробки і море позитивних емоцій від процесу написання програм. Можливість працевлаштуватись.</p>
</article>
</section>
</section>
<!-- Програма курсів -->
<section class="program">
<h1 class="program__title">ПРОГРАММА КУРСІВ</h1>
<!-- Ліва колонка програми -->
<section class="program__column program__column--left">
<p class="program__text">Заняття 1 (тиждень 1, 3.10)</p>
<h2 class="program__column-title">"Налаштунок оточення"</h2>
<ul class="program__list">
<li class="program__text">Знайомство з JDK;</li>
<li class="program__text">Hello World в блокноті;</li>
<li class="program__text">Налаштування оточення, інсталяція Intellij IDEA;</li>
<li class="program__text">Знайомство зі структурою курсу;</li>
</ul>
</section>
<!-- Права колонка програми -->
<section class="program__column program__column--right">
<p class="program__text">Заняття 2 (тиждень 2, 6.10)</p>
<h2 class="program__column-title">"Знайомство з мовою Java"</h2>
<ul class="program__list">
<li class="program__text">Типи данних;</li>
<li class="program__text">Оголошення змінних;</li>
<li class="program__text">Оператори, логічні оператори;</li>
<li class="program__text">Цикли;</li>
<li class="program__text">Масиви;</li>
<li class="program__text">Пакети;</li>
</ul>
</section>
</section>
<!-- Футер -->
<footer class="footer">
<section class="footer__logo">
<img src="img/logo.png" class="footer__logo--left" width="160%" height="160%" />
</section>
<section class="footer__watermark">
<p>designed by <a href="#">[valmukta_DESIGN]</a></p>
<p>2014</p>
</section>
</footer>
</body>
</html>