-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
212 lines (205 loc) · 7.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JavaScript Programming Language Course</title>
<link rel="stylesheet" href="./css/style.css" />
<script type="module" src="./js/index.js"></script>
</head>
<body>
<div class="header-bar desktop-visible">
<ul>
<li>
<a href="/"
><img src="./img/socials/facebook.png" alt="Contact us on Facebook"
/></a>
</li>
<li>
<a href="/"
><img src="./img/socials/twitter.png" alt="Follow us on Twitter"
/></a>
</li>
<li><a href="/">English</a></li>
<li><a href="/">My Page</a></li>
<li><a href="/">Logout</a></li>
</ul>
</div>
<header>
<img
id="burger-menu"
src="./img/burger/burger_menu.png"
alt="Burger menu icon"
class="mobile-visible"
/>
<a href="index.html"
><img
src="./img/logo.png"
alt="JavaScript Programming Language Course Logo"
/></a>
<ul class="desktop-visible">
<li><a href="./about.html">Event introduction</a></li>
<li><a href="/">Program</a></li>
<li><a href="/">Application for participation</a></li>
<li><a href="/">Sponsor</a></li>
<li><a href="/">News</a></li>
<li><a href="/" class="nav-button">Presentation</a></li>
</ul>
</header>
<div class="mobile-menu mobile-visible hidden">
<div class="background hidden"></div>
<div>
<a href="/"
><img
src="./img/burger/burger_menu_close.png"
alt="Close the burger menu"
/></a>
</div>
</div>
<div class="wrapper hero-wrapper">
<section id="hero">
<p>"Welcome to our course!"</p>
<h1>JavaScript Programming Language 2022</h1>
<p class="description">
A modern course that will take you through the wonders of the
JavaScript language. Please look out for ES6 syntax!
</p>
<p class="location">
2022.07.28 (Thu) - 31 (Sun)<br />
© Microverse, Get ready to learn everything
</p>
</section>
</div>
<div class="wrapper lessons-wrapper">
<section id="lessons">
<h2>Main Program</h2>
<div class="bar"></div>
<div class="lessons-container">
<article class="lesson">
<div class="icon">
<object data="./img/languages/javascript.svg"></object>
</div>
<div class="name"><h2>JavaScript</h2></div>
<div class="description">
<p>
JavaScript (often shortened to JS) is a lightweight,
interpreted, object-oriented language with first-class
functions, and is best known as the scripting language for Web
pages, but it's used in many non-browser environments as well.
</p>
</div>
</article>
<article class="lesson">
<div class="icon">
<object data="./img/languages/python.svg"></object>
</div>
<div class="name"><h2>Python</h2></div>
<div class="description">
<p>
Python is a computer programming language often used to build
websites and software, automate tasks, and conduct data
analysis. Python is a general-purpose language, meaning it can
be used to create a variety of different programs and isn't
specialized for any specific problems.
</p>
</div>
</article>
<article class="lesson">
<div class="icon">
<object data="./img/languages/ruby.svg"></object>
</div>
<div class="name"><h2>Ruby</h2></div>
<div class="description">
<p>
Ruby is an interpreted, high-level, general-purpose programming
language which supports multiple programming paradigms. It was
designed with an emphasis on programming productivity and
simplicity. In Ruby, everything is an object, including
primitive data types.
</p>
</div>
</article>
<article class="lesson">
<div class="icon">
<object data="./img/languages/php.svg"></object>
</div>
<div class="name"><h2>PHP</h2></div>
<div class="description">
<p>
PHP is an open-source server-side scripting language that many
devs use for web development. It is also a general-purpose
language that you can use to make lots of projects, including
Graphical User Interfaces (GUIs).
</p>
</div>
</article>
<article class="lesson">
<div class="icon">
<object data="./img/languages/kotlin.svg"></object>
</div>
<div class="name"><h2>Kotlin</h2></div>
<div class="description">
<p>
Kotlin is a static type, object-oriented programing (OOP)
language that is interoperable with the Java virtual machine,
Java libraries and Android. Kotlin saves time for developers as
the less verbose language provides briefer and less redundant
code. Kotlin can be compiled into JavaScript or an LLVM encoder.
</p>
</div>
</article>
</div>
<a href="#">View full program</a>
</section>
</div>
<div class="wrapper teachers-wrapper">
<section id="teachers">
<h2>Teachers</h2>
<div class="bar"></div>
<div class="speakers-container"></div>
<button>Loading speakers... Please wait!</button>
</section>
</div>
<div class="wrapper partners-wrapper">
<section id="partners">
<h2>Partner</h2>
<div class="bar"></div>
<div class="partners-container">
<div>
<a href="/"><img src="./img/partners/PIA.png" alt="PIA Logo" /></a>
</div>
<div>
<a href="/"
><img src="./img/partners/Korra.png" alt="Korra Logo"
/></a>
</div>
<div>
<a href="/"
><img src="./img/partners/Mozilla.png" alt="Mozilla Logo"
/></a>
</div>
<div>
<a href="/"
><img src="./img/partners/Google.png" alt="Google Logo"
/></a>
</div>
</div>
</section>
</div>
<footer>
<a href="index.html"
><img
src="./img/logo.png"
alt="JavaScript Programming Language Course Logo"
/></a>
<div>
<p>2022 JavaScript Convention</p>
<p>Some rights reserved</p>
</div>
</footer>
<a href="/" id="scrollToTop" class="hidden"
><img src="./img/totopbtn.png" alt="Scroll to the top of the page"
/></a>
</body>
</html>