|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | | - <title> |
5 | | - Software Development Training - Web development, FullStack, Backend, Java, |
6 | | - Reactjs |
7 | | - </title> |
8 | | - <meta |
9 | | - name="description" |
10 | | - content="Unlock Your Career Potential with JobsDoor360: Expert Development Programs & Job Opportunities. Learn Full Stack, Java, and Web Development. Advance Your Career with Industry Professionals. Gain In-Demand Skills for Software Jobs. Practice Interviews and Perfect Your CV. Join Now for a Spring Demo!" |
11 | | - /> |
| 4 | + <title>Software Development Training - Web, FullStack, Java, ReactJS</title> |
| 5 | + <meta name="description" content="Unlock Your Career Potential with JobsDoor360. Learn Full Stack, Java, and Web Development. Practice Interviews, Build Your CV, and Land Your Dream Job!" /> |
| 6 | + |
12 | 7 | <link rel="stylesheet" href="/staticfiles/mainfiles/myaccount/style.css" /> |
13 | | - |
14 | 8 | <meta charset="utf-8" /> |
15 | 9 | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
16 | 10 | <meta name="google-adsense-account" content="ca-pub-2075086355753452" /> |
|
193 | 187 |
|
194 | 188 |
|
195 | 189 | <div class="container mt-5"> |
196 | | - <!-- Centered Flex Column --> |
197 | | - <div class="d-flex flex-row gap-5 align-items-center justify-content-center mb-4"> |
198 | | - <label class="form-check"> |
199 | | - <input type="checkbox" id="internship" value="internship" class="form-check-input" onchange="updateSelection(this)"> |
200 | | - Looking for Internship |
201 | | - </label> |
202 | | - <label class="form-check"> |
203 | | - <input type="checkbox" id="job" value="job" class="form-check-input" onchange="updateSelection(this)"> |
204 | | - Looking for Job |
205 | | - </label> |
206 | | - </div> |
207 | | - |
208 | | - <!-- Table --> |
| 190 | + |
| 191 | + <!-- Profile Progress Table --> |
209 | 192 | <div class="custom-table"> |
210 | | - <table class="table table-bordered text-center align-middle p-4"> |
| 193 | + <table class="table table-bordered text-center align-middle"> |
211 | 194 | <thead class="table-light"> |
212 | 195 | <tr> |
213 | 196 | <th>Progress</th> |
214 | 197 | <th>Actions</th> |
215 | 198 | </tr> |
216 | 199 | </thead> |
217 | 200 | <tbody> |
218 | | - <!-- Dynamic Rows --> |
| 201 | + <!-- Personal Profile --> |
219 | 202 | <tr> |
220 | 203 | <td> |
221 | 204 | <div class="circular-progress" id="progress-1" style="--progress: 0;"> |
|
224 | 207 | <p>Personal Profile</p> |
225 | 208 | </td> |
226 | 209 | <td> |
227 | | - <div class="action-buttons"> |
228 | | - <a href="personalprofile/"><button type="button" class="btn btn-secondary btn-sm">Update</button></a> |
229 | | - <a href="personalprofile/"><button type="button" class="btn btn-primary btn-sm">View</button></a> |
230 | | - </div> |
| 210 | + <a href="personalprofile/" class="btn btn-secondary btn-sm me-1">Update</a> |
| 211 | + <a href="personalprofile/" class="btn btn-primary btn-sm">View</a> |
231 | 212 | </td> |
232 | 213 | </tr> |
| 214 | + |
| 215 | + <!-- Job Profile --> |
233 | 216 | <tr> |
234 | 217 | <td> |
235 | 218 | <div class="circular-progress" id="progress-2" style="--progress: 0;"> |
|
238 | 221 | <p>Job Profile</p> |
239 | 222 | </td> |
240 | 223 | <td> |
241 | | - <div class="action-buttons"> |
242 | | - <a href="/myaccount/jobprofile/"><button type="button" class="btn btn-secondary btn-sm">Update</button></a> |
243 | | - <a href="/myaccount/jobprofile/"><button type="button" class="btn btn-primary btn-sm">View</button></a> |
244 | | - </div> |
| 224 | + <a href="/myaccount/jobprofile/" class="btn btn-secondary btn-sm me-1">Update</a> |
| 225 | + <a href="/myaccount/jobprofile/" class="btn btn-primary btn-sm">View</a> |
245 | 226 | </td> |
246 | 227 | </tr> |
| 228 | + |
| 229 | + <!-- Assessment --> |
247 | 230 | <tr> |
248 | 231 | <td> |
249 | 232 | <div class="circular-progress" id="progress-3" style="--progress: 0;"> |
250 | 233 | <div class="inner-circle" id="text-3">0%</div> |
251 | 234 | </div> |
252 | 235 | <p class="mb-1 text-center">Assessment Completed</p> |
253 | | - <p id="progress-count" class="text-muted small text-center">0/0</p> <!-- Dynamic Progress Count --> |
| 236 | + <p id="progress-count" class="text-muted small text-center">0/0</p> |
254 | 237 | </td> |
255 | 238 | <td> |
256 | | - <div class="d-flex flex-column justify-content-center align-items-center"> |
257 | | - <!-- Buttons --> |
| 239 | + <div class="d-flex flex-column align-items-center"> |
258 | 240 | <div class="d-flex gap-2 mb-2"> |
259 | | - <a href="../test/"> |
260 | | - <button type="button" class="btn btn-secondary btn-sm">Update</button> |
261 | | - </a> |
262 | | - <a href="/myaccount/test-report/"> |
263 | | - <button type="button" class="btn btn-primary btn-sm">View</button> |
264 | | - </a> |
| 241 | + <a href="../test/" class="btn btn-secondary btn-sm">Update</a> |
| 242 | + <a href="/myaccount/test-report/" class="btn btn-primary btn-sm">View</a> |
265 | 243 | </div> |
266 | | - |
267 | | - <!-- Ordered List for Skills (Centered & Wrapped) --> |
268 | 244 | <div id="skills-list" class="d-flex flex-wrap justify-content-center gap-3 container-sm"> |
269 | | - <!-- Dynamic Skill Items will go here --> |
| 245 | + <!-- Skills will be dynamically added here --> |
270 | 246 | </div> |
271 | 247 | </div> |
272 | 248 | </td> |
273 | 249 | </tr> |
| 250 | + |
| 251 | + <!-- CV Upload --> |
274 | 252 | <tr> |
| 253 | + <td><p class="mb-0">CV</p></td> |
275 | 254 | <td> |
276 | | - <p class="mb-0">CV</p> |
277 | | - </td> |
278 | | - |
279 | | - <td> |
280 | | - <div class="action-buttons"> |
281 | | - <a href="/myaccount/cv_upload/"><button type="button" class="btn btn-secondary btn-sm">Update</button></a> |
282 | | - <a href="" id="view_cv"><button type="button" class="btn btn-primary btn-sm">View</button></a> |
283 | | - |
284 | | - </div> |
| 255 | + <a href="/myaccount/cv_upload/" class="btn btn-secondary btn-sm me-1">Update</a> |
| 256 | + <a id="view_cv" href="" class="btn btn-primary btn-sm">View</a> |
285 | 257 | </td> |
286 | 258 | </tr> |
| 259 | + |
| 260 | + <!-- Explore Jobs --> |
287 | 261 | <tr> |
| 262 | + <td><p class="mb-0">Explore Jobs / Internships</p></td> |
288 | 263 | <td> |
289 | | - <p class="mb-0">Explore jobs</p> |
290 | | - </td> |
291 | | - |
292 | | - <td> |
293 | | - <div class="action-buttons"> |
294 | | - <a href="/myaccount/jobsforyou/"><button type="button" class="btn btn-secondary btn-sm">Explore</button></a> |
295 | | - <!-- <a href="" id="view_cv"><button type="button" class="btn btn-primary btn-sm me-2">View / Download</button></a> --> |
296 | | - |
297 | | - </div> |
| 264 | + <a href="/myaccount/jobsforyou/" class="btn btn-secondary btn-sm">Explore</a> |
298 | 265 | </td> |
299 | 266 | </tr> |
300 | 267 | </tbody> |
301 | 268 | </table> |
302 | 269 | </div> |
303 | 270 | </div> |
304 | | - </div> |
305 | | - |
306 | | - |
307 | | - |
308 | | - |
309 | | - |
310 | | - <!-- <div class="d-flex justify-content-center mt-4 myaccount_option"> |
311 | | - <a href="/myaccount/test-report/" class="text-decoration-none px-4 bg-white py-1 rounded-4">Test Report</a> |
312 | | - </div> |
313 | | - |
314 | | - <div class="d-flex justify-content-center mt-4 myaccount_option"> |
315 | | - <a href="/myaccount/cv_upload/" class="text-decoration-none px-4 bg-white py-1 rounded-4">Update CV</a> |
316 | | - </div> |
317 | | - |
318 | | - <div class="d-flex justify-content-center mt-4 myaccount_option"> |
319 | | - <a href="/myaccount/personalprofile/" class="text-decoration-none px-4 bg-white py-1 rounded-4" style="text-align: center;">Personal profile |
320 | | - </a> |
321 | | - </div> |
322 | | - <div class="d-flex justify-content-center mt-4 myaccount_option"> |
323 | | - <a href="/myaccount/jobprofile/" class="text-decoration-none px-4 bg-white py-1 rounded-4" style="text-align: center;">Job profile |
324 | | - </a> |
325 | | - </div> |
326 | | - |
327 | | - <div style="color: grey; text-align: center; margin-top: 20px;">Complete profile to get jobs</div> |
328 | | -
|
329 | | -
|
330 | | - <div style="color: grey; text-align: center; margin-top: 20px;">Complete profile to get jobs</div> |
331 | | -
|
332 | | - <div class="d-flex justify-content-center mt-4 myaccount_option"> |
333 | | - <a href="/myaccount/jobsforyou/" class="text-decoration-none px-4 bg-white py-1 rounded-4">Jobs for you</a> |
334 | | - </div> --> |
335 | | - |
336 | | - <br><br><br><br><br><br><br> |
337 | | -<!-- <section class="articles"> |
338 | | - <article> |
339 | | - <a href="/myaccount/yourprofile/"> |
340 | | - <div class="article-wrapper"> |
341 | | - <div class="article-body"> |
342 | | - <h2>Your profile</h2> |
343 | | - <div class="article-content"> |
344 | | - <p> |
345 | | - Complete profile to get jobs |
346 | | - </p> |
347 | | - <div class="img"> |
348 | | - <img |
349 | | - src="https://cdn.dribbble.com/users/1223630/screenshots/8115260/media/8145a871d9c4d67ec06e047ccc6574b4.gif" |
350 | | - alt="" |
351 | | - /> |
352 | | - </div> |
353 | | - </div> |
354 | | - </div> |
355 | | - </div> |
356 | | - </a> |
357 | | - </article> |
358 | | -
|
359 | | - <article> |
360 | | - <a href="../myaccount/jobsforyou/"> |
361 | | - <div class="article-wrapper"> |
362 | | - <div class="article-body"> |
363 | | - <h2>Jobs for you</h2> |
364 | | - <div class="article-content"> |
365 | | - <p> |
366 | | - |
367 | | - </p> |
368 | | - <div class="img"> |
369 | | - <img |
370 | | - src="https://img.freepik.com/premium-vector/businessman-works-laptop-man-jacket-isolated-vector_174639-19644.jpg" |
371 | | - alt="" |
372 | | - /> |
373 | | - </div> |
374 | | - </div> |
375 | | - </div> |
376 | | - </div> |
377 | | - </a> |
378 | | - </article> |
379 | | - </section> |
380 | | ---> |
381 | 271 |
|
382 | 272 | <!-- Footer --> |
383 | | - |
384 | 273 | <footer class="container-fluid text-white py-4" style="background-color: #1d2559;"> |
385 | 274 | <div class="container"> |
386 | 275 | <div class="row" > |
@@ -742,39 +631,17 @@ <h5 class="modal-title" id="exampleModalLabel"> |
742 | 631 |
|
743 | 632 |
|
744 | 633 |
|
745 | | - <script> |
746 | | - $(document).ready(function () { |
747 | | - $(document).on("click", function (event) { |
748 | | - if (!$(event.target).closest(".accordion").length) { |
749 | | - $(".accordion-collapse").collapse("hide"); |
750 | | - } |
751 | | - }); |
752 | | - |
753 | | - $(".accordion").on("click", function (event) { |
754 | | - event.stopPropagation(); |
755 | | - }); |
756 | | - }); |
757 | | - |
758 | | - |
759 | | - |
760 | | - </script> |
761 | | - |
762 | | -<script |
763 | | - type="module" |
764 | | - src="/staticfiles/mainfiles/myaccount/script.js" |
765 | | - ></script> |
766 | | - |
767 | | - <!-- jobsdoor360 --> |
768 | | - <ins |
769 | | - class="adsbygoogle" |
770 | | - style="display: block" |
771 | | - data-ad-client="ca-pub-2075086355753452" |
772 | | - data-ad-slot="7339269701" |
773 | | - data-ad-format="auto" |
774 | | - data-full-width-responsive="true" |
775 | | - ></ins> |
776 | | - <script> |
777 | | - (adsbygoogle = window.adsbygoogle || []).push({}); |
778 | | - </script> |
| 634 | + <!-- Scripts --> |
| 635 | + |
| 636 | + <script type="module" src="/staticfiles/mainfiles/myaccount/script.js"></script> |
| 637 | + |
| 638 | + <!-- Google Ads --> |
| 639 | + <ins class="adsbygoogle" |
| 640 | + style="display: block" |
| 641 | + data-ad-client="ca-pub-2075086355753452" |
| 642 | + data-ad-slot="7339269701" |
| 643 | + data-ad-format="auto" |
| 644 | + data-full-width-responsive="true"></ins> |
| 645 | + <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> |
779 | 646 | </body> |
780 | 647 | </html> |
0 commit comments