-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
245 lines (245 loc) · 16.9 KB
/
index.html
File metadata and controls
245 lines (245 loc) · 16.9 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div>
<div class="logo">
<img src="./images/logo.svg" alt="">
</div>
<div class="menu-btn">
<div class="menu-one"></div>
<div class="menu-two"></div>
<div class="menu-three"></div>
</div>
<div id="menu-container">
<div class="backdrop"></div>
<div class="menu">
<nav>
<a href="#">მთავარი</a>
<a href="#">TBC IT</a>
<a href="#" class="current">TBC x USAID</a>
<a href="#">რისკები</a>
</nav>
</div>
</div>
<nav class="desktop">
<a href="#">მთავარი</a>
<a href="#">TBC IT</a>
<a href="#" class="current">TBC x USAID</a>
<a href="#">რისკები</a>
</nav>
</div>
</header>
<div id="main">
<main>
<section id="title">
<img src="./images/banner.webp" alt="">
<h1>
<span>TBC x USAID</span>
<span>ტექნოლოგიური განათლებისთვის</span>
</h1>
</section>
<section id="description">
<p>„ TBC x USAID - ტექნოლოგიური განათლებისთვის “ პროგრამა საინფორმაციო ტექნოლოგიებით დაინტერესებულ ადამიანებს გთავაზობთ სრულად დაფინანსებულ ონლაინ საგანმანათლებლო პრაქტიკულ კურსებს სხვადასხვა ICT მიმართულებით. წარმატებულ კურსდამთავრებულებს ეძლევათ შესაძლებლობა დასაქმდნენ თიბისისა და მის პარტნიორ კომპანიებში.</p>
<div>
<a class="learn-more" href="#">გაიგე მეტი</a>
</div>
</section>
<section id="courses">
<h2>სასწავლო კურსები</h2>
<div id="cards">
<div class="card">
<img src="./images/iOS.webp" alt="">
<h3>iOS Development</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/react.webp" alt="">
<h3>React</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/python.webp" alt="">
<h3>Intro to Python</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/python_advanced.webp" alt="">
<h3>Advanced Python</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/cybersecurity.webp" alt="">
<h3>Advanced Cybersecurity Course</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/tot.webp" alt="">
<h3>ToT - Training of Trainers</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/blockchain.webp" alt="">
<h3>Blockchain</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/devops.webp" alt="">
<h3>DevOps</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
<div class="card">
<img src="./images/isg.webp" alt="">
<h3>Information Security Governance</h3>
<p>რეგისტრაცია დასრულებულია</p>
<div class="details">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z" data-name="3-Arrow Right" fill="#00aeef"/></svg>
<a href="#">კურსის დეტალები</a>
</div>
</div>
</div>
</section>
<section id="partners">
<h3>პროექტის პარტნიორები</h3>
<div class="slider">
<div class="slides-container">
<div class="slide first active">
<img src="./images/usaid.webp" alt="USAID" id="usaid">
<img src="./images/spaceint.webp" alt="Space Int." id="spaceint">
<img src="./images/tnet.webp" alt="TNET" id="tnet">
</div>
<div class="slide">
<img src="./images/tegeta.webp" alt="Tegeta holding" id="tegeta">
<img src="./images/spectre.webp" alt="Sprectre" id="spectre">
<img src="./images/tbcleasing.webp" alt="TBC Leasing" id="tbcleasing">
</div>
<div class="slide">
<img src="./images/ufc.webp" alt="UFC" id="ufc">
</div>
</div>
</div>
<div class="slide-btns">
<div class="slide-btn active"></div>
<div class="slide-btn"></div>
<div class="slide-btn"></div>
</div>
<div class="slider-arrows">
<svg fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 41" class="slider-arrow left">
<path d="M20.3 40.8 0 20.5 20.3.2l.7.7L1.3 20.5 21 40.1z"></path>
</svg>
<svg fill="currentColor" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 41" class="slider-arrow right">
<path d="M20.3 40.8 0 20.5 20.3.2l.7.7L1.3 20.5 21 40.1z"></path>
</svg>
</div>
</section>
<section id="faq">
<div class="faq-container">
<h3>ხშირად დასმული კითხვები</h3>
<div class="question">
<div class="question-text">
<h4>როგორ ხდება კურსებზე რეგისტრაცია და შერჩევა?</h4>
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path class="arrowDown" d="M8.14644661,10.1464466 C8.34170876,9.95118446 8.65829124,9.95118446 8.85355339,10.1464466 L12.4989857,13.7981758 L16.1502401,10.1464466 C16.3455022,9.95118446 16.6620847,9.95118446 16.8573469,10.1464466 C17.052609,10.3417088 17.052609,10.6582912 16.8573469,10.8535534 L12.4989857,15.2123894 L8.14644661,10.8535534 C7.95118446,10.6582912 7.95118446,10.3417088 8.14644661,10.1464466 Z"></path>
</svg>
</div>
<div class="answer">
<p>კურსზე რეგისტრაციისთვის უნდა გაიარო რამდენიმე ეტაპი:</p>
<div class="br"><br></div>
<p class="indent">I ეტაპი - პირველ ეტაპზე საჭიროა, შეავსო სასურველი კურსისთვის განკუთვნილი სარეგისტრაციო ფორმა, რომელიც განთავსებულია კურსის შიდა გვერდზე. კურსზე რეგისტრაციის დასრულების შემდეგ დაიწყება შემოსული განცხადებების გადარჩევა. </p>
<p class="indent">II ეტაპი - შერჩევის მეორე ეტაპი კურსების მიხედვით განსხვავებულია, ზოგიერთი კურსისთვის მოიცავს პრე-ტესტს, ზოგიერთ კურსზე კი უნარების ტესტს, სადაც მინიმალური ზღვარის გადალახვის შემთხვევაში გადახვალ შერჩევის შემდეგ ეტაპზე.</p>
<p class="indent">III ეტაპი - მესამე ეტაპი კურსების მიხედვით განსხვავდება: Advance კურსებზე, სადაც მოითხოვება გარკვეული ტექნიკური ცოდნა, მონაწილეებმა უნდა დაწერონ ტექნიკური ტესტი ცოდნის დონის შესამოწმებლად, ხოლო კურსებზე, სადაც რაიმე ტიპის წინასწარი ცოდნა მოთხოვნილი არ არის უნდა შეასრულოთ ტექნიკური დავალება, რაც თქვენი კვლევისა და თვითსწავლის უნარს ამოწმებს.</p>
<p class="indent">IV ეტაპი - შერჩევის ბოლო მეოთხე ეტაპი მოიცავს გასაუბრებას შესარჩევ კომისიასთან. გასაუბრების წარმატებით გავლის შემთხვევაში ჩაირიცხებით კურსზე და გაფორმდება შესაბამისი ხელშეკრულება.</p>
<div class="br"><br></div>
<p>* სანამ კურსზე დარეგისტრირდები მნიშვნელოვანია, ყურადღებით წაიკითხო კურსის აღწერა, ნახო რას ისწავლი კურსის განმავლობაში და გაიგო გააჩნია თუ არა კურსს დასწრების წინაპირობა. </p>
</div>
</div>
<div class="question">
<div class="question-text">
<h4>შემიძლია თუ არა ერთზე მეტ კურსზე რეგისტრაცია?</h4>
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path class="arrowDown" d="M8.14644661,10.1464466 C8.34170876,9.95118446 8.65829124,9.95118446 8.85355339,10.1464466 L12.4989857,13.7981758 L16.1502401,10.1464466 C16.3455022,9.95118446 16.6620847,9.95118446 16.8573469,10.1464466 C17.052609,10.3417088 17.052609,10.6582912 16.8573469,10.8535534 L12.4989857,15.2123894 L8.14644661,10.8535534 C7.95118446,10.6582912 7.95118446,10.3417088 8.14644661,10.1464466 Z"></path>
</svg>
</div>
<div class="answer">
<p>TBC X USAID ტექნოლოგიური განათლებისთვის პროგრამაში თითოეულ კანდიდატს აქვს მხოლოდ ერთი კურსის გავლის შესაძლებლობა. გარდა Information Security და Python კურსებისა, სადაც Basic დონის გავლის შემდეგ შესაძლებელია სწავლის გაგრძელება Advance დონეზე.</p>
</div>
</div>
<div class="question">
<div class="question-text">
<h4>რა ღირს სწავლა პროგრამის ფარგლებში?</h4>
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path class="arrowDown" d="M8.14644661,10.1464466 C8.34170876,9.95118446 8.65829124,9.95118446 8.85355339,10.1464466 L12.4989857,13.7981758 L16.1502401,10.1464466 C16.3455022,9.95118446 16.6620847,9.95118446 16.8573469,10.1464466 C17.052609,10.3417088 17.052609,10.6582912 16.8573469,10.8535534 L12.4989857,15.2123894 L8.14644661,10.8535534 C7.95118446,10.6582912 7.95118446,10.3417088 8.14644661,10.1464466 Z"></path>
</svg>
</div>
<div class="answer">
<p>პროგრამის ფარგლებში კურსებზე სწავლა სრულიად დაფინანსებულია თიბისი ბანკისა და USAID-ის მიერ.</p>
</div>
</div>
<div class="all-questions">
<a class="learn-more" href="#">ყველა კითხვა</a>
</div>
</div>
</section>
</main>
<footer>
<div>
<img class="logo" src="./images/tbc.webp" alt="TBC">
<div class="buttons">
<a class="contact" href="#">მოგვწერეთ</a>
<div class="social">
<a href="#">
<img src="./images/facebook.webp" alt="Facebook">
</a>
<a href="#">
<img src="./images/youtube.webp" alt="Youtube">
</a>
</div>
</div>
<div class="text">
<a href="#">წესები და პირობები</a>
<p>© 2023 ყველა უფლება დაცულია</p>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>