11<!DOCTYPE html>
22<html lang =" en" >
33 <head >
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-
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+ />
712 <link rel =" stylesheet" href =" /staticfiles/mainfiles/myaccount/style.css" />
13+
814 <% - include (' ../../partials/head.ejs' ) %>
915 </head >
1016
1319 <% - include (' ../../partials/navbar.ejs' ) %>
1420
1521 <div class =" container mt-5" >
16-
17- <!-- Profile Progress Table -->
22+ <!-- Centered Flex Column -->
23+ <div class =" d-flex flex-row gap-5 align-items-center justify-content-center mb-4" >
24+ <label class =" form-check" >
25+ <input type =" radio" name =" preference" id =" internship" value =" internship" class =" form-check-input" >
26+ Looking for Internship
27+ </label >
28+ <label class =" form-check" >
29+ <input type =" radio" name =" preference" id =" job" value =" job" class =" form-check-input" >
30+ Looking for Job
31+ </label >
32+ </div >
33+
34+
35+ <!-- Table -->
1836 <div class =" custom-table" >
19- <table class =" table table-bordered text-center align-middle" >
37+ <table class =" table table-bordered text-center align-middle p-4 " >
2038 <thead class =" table-light" >
2139 <tr >
2240 <th >Progress</th >
2341 <th >Actions</th >
2442 </tr >
2543 </thead >
2644 <tbody >
27- <!-- Personal Profile -->
45+ <!-- Dynamic Rows -->
2846 <tr >
2947 <td >
3048 <div class =" circular-progress" id =" progress-1" style =" --progress : 0 ;" >
3351 <p >Personal Profile</p >
3452 </td >
3553 <td >
36- <a href =" personalprofile/" class =" btn btn-secondary btn-sm me-1" >Update</a >
37- <a href =" personalprofile/" class =" btn btn-primary btn-sm" >View</a >
54+ <div class =" action-buttons" >
55+ <a href =" personalprofile/" ><button type =" button" class =" btn btn-secondary btn-sm" >Update</button ></a >
56+ <a href =" personalprofile/" ><button type =" button" class =" btn btn-primary btn-sm" >View</button ></a >
57+ </div >
3858 </td >
3959 </tr >
40-
41- <!-- Job Profile -->
4260 <tr >
4361 <td >
4462 <div class =" circular-progress" id =" progress-2" style =" --progress : 0 ;" >
4765 <p >Job Profile</p >
4866 </td >
4967 <td >
50- <a href =" /myaccount/jobprofile/" class =" btn btn-secondary btn-sm me-1" >Update</a >
51- <a href =" /myaccount/jobprofile/" class =" btn btn-primary btn-sm" >View</a >
68+ <div class =" action-buttons" >
69+ <a href =" /myaccount/jobprofile/" ><button type =" button" class =" btn btn-secondary btn-sm" >Update</button ></a >
70+ <a href =" /myaccount/jobprofile/" ><button type =" button" class =" btn btn-primary btn-sm" >View</button ></a >
71+ </div >
5272 </td >
5373 </tr >
54-
55- <!-- Assessment -->
5674 <tr >
5775 <td >
5876 <div class =" circular-progress" id =" progress-3" style =" --progress : 0 ;" >
5977 <div class =" inner-circle" id =" text-3" >0%</div >
6078 </div >
6179 <p class =" mb-1 text-center" >Assessment Completed</p >
62- <p id =" progress-count" class =" text-muted small text-center" >0/0</p >
80+ <p id =" progress-count" class =" text-muted small text-center" >0/0</p > <!-- Dynamic Progress Count -->
6381 </td >
6482 <td >
65- <div class =" d-flex flex-column align-items-center" >
83+ <div class =" d-flex flex-column justify-content-center align-items-center" >
84+ <!-- Buttons -->
6685 <div class =" d-flex gap-2 mb-2" >
67- <a href =" ../test/" class =" btn btn-secondary btn-sm" >Update</a >
68- <a href =" /myaccount/test-report/" class =" btn btn-primary btn-sm" >View</a >
86+ <a href =" ../test/" >
87+ <button type =" button" class =" btn btn-secondary btn-sm" >Update</button >
88+ </a >
89+ <a href =" /myaccount/test-report/" >
90+ <button type =" button" class =" btn btn-primary btn-sm" >View</button >
91+ </a >
6992 </div >
93+
94+ <!-- Ordered List for Skills (Centered & Wrapped) -->
7095 <div id =" skills-list" class =" d-flex flex-wrap justify-content-center gap-3 container-sm" >
71- <!-- Skills will be dynamically added here -->
96+ <!-- Dynamic Skill Items will go here -->
7297 </div >
7398 </div >
7499 </td >
75100 </tr >
76-
77- <!-- CV Upload -->
78101 <tr >
79- <td ><p class =" mb-0" >CV</p ></td >
80102 <td >
81- <a href =" /myaccount/cv_upload/" class =" btn btn-secondary btn-sm me-1" >Update</a >
82- <a id =" view_cv" href =" " class =" btn btn-primary btn-sm" >View</a >
103+ <p class =" mb-0" >CV</p >
104+ </td >
105+
106+ <td >
107+ <div class =" action-buttons" >
108+ <a href =" /myaccount/cv_upload/" ><button type =" button" class =" btn btn-secondary btn-sm" >Update</button ></a >
109+ <a href =" " id =" view_cv" ><button type =" button" class =" btn btn-primary btn-sm" >View</button ></a >
110+
111+ </div >
83112 </td >
84113 </tr >
85-
86- <!-- Explore Jobs -->
87114 <tr >
88- <td ><p class =" mb-0" >Explore Jobs / Internships</p ></td >
89115 <td >
90- <a href =" /myaccount/jobsforyou/" class =" btn btn-secondary btn-sm" >Explore</a >
116+ <p class =" mb-0" >Explore jobs</p >
117+ </td >
118+
119+ <td >
120+ <div class =" action-buttons" >
121+ <a href =" /myaccount/jobsforyou/" ><button type =" button" class =" btn btn-secondary btn-sm" >Explore</button ></a >
122+ <!-- <a href="" id="view_cv"><button type="button" class="btn btn-primary btn-sm me-2">View / Download</button></a> -->
123+
124+ </div >
91125 </td >
92126 </tr >
93127 </tbody >
94128 </table >
95129 </div >
96130 </div >
131+ </div >
132+
133+
134+
135+
136+
137+ <!-- <div class="d-flex justify-content-center mt-4 myaccount_option">
138+ <a href="/myaccount/test-report/" class="text-decoration-none px-4 bg-white py-1 rounded-4">Test Report</a>
139+ </div>
140+
141+ <div class="d-flex justify-content-center mt-4 myaccount_option">
142+ <a href="/myaccount/cv_upload/" class="text-decoration-none px-4 bg-white py-1 rounded-4">Update CV</a>
143+ </div>
144+
145+ <div class="d-flex justify-content-center mt-4 myaccount_option">
146+ <a href="/myaccount/personalprofile/" class="text-decoration-none px-4 bg-white py-1 rounded-4" style="text-align: center;">Personal profile
147+ </a>
148+ </div>
149+ <div class="d-flex justify-content-center mt-4 myaccount_option">
150+ <a href="/myaccount/jobprofile/" class="text-decoration-none px-4 bg-white py-1 rounded-4" style="text-align: center;">Job profile
151+ </a>
152+ </div>
153+
154+ <div style="color: grey; text-align: center; margin-top: 20px;">Complete profile to get jobs</div>
155+
156+
157+ <div style="color: grey; text-align: center; margin-top: 20px;">Complete profile to get jobs</div>
158+
159+ <div class="d-flex justify-content-center mt-4 myaccount_option">
160+ <a href="/myaccount/jobsforyou/" class="text-decoration-none px-4 bg-white py-1 rounded-4">Jobs for you</a>
161+ </div> -->
162+
163+ <br ><br ><br ><br ><br ><br ><br >
164+ <!-- <section class="articles">
165+ <article>
166+ <a href="/myaccount/yourprofile/">
167+ <div class="article-wrapper">
168+ <div class="article-body">
169+ <h2>Your profile</h2>
170+ <div class="article-content">
171+ <p>
172+ Complete profile to get jobs
173+ </p>
174+ <div class="img">
175+ <img
176+ src="https://cdn.dribbble.com/users/1223630/screenshots/8115260/media/8145a871d9c4d67ec06e047ccc6574b4.gif"
177+ alt=""
178+ />
179+ </div>
180+ </div>
181+ </div>
182+ </div>
183+ </a>
184+ </article>
185+
186+ <article>
187+ <a href="../myaccount/jobsforyou/">
188+ <div class="article-wrapper">
189+ <div class="article-body">
190+ <h2>Jobs for you</h2>
191+ <div class="article-content">
192+ <p>
193+
194+ </p>
195+ <div class="img">
196+ <img
197+ src="https://img.freepik.com/premium-vector/businessman-works-laptop-man-jacket-isolated-vector_174639-19644.jpg"
198+ alt=""
199+ />
200+ </div>
201+ </div>
202+ </div>
203+ </div>
204+ </a>
205+ </article>
206+ </section>
207+ -->
97208
98209 <!-- Footer -->
210+
99211 <% - include (' ../../partials/footer.ejs' ) %>
100212
101- <!-- Scripts -->
213+ <script >
214+ $ (document ).ready (function () {
215+ $ (document ).on (" click" , function (event ) {
216+ if (! $ (event .target ).closest (" .accordion" ).length ) {
217+ $ (" .accordion-collapse" ).collapse (" hide" );
218+ }
219+ });
220+
221+ $ (" .accordion" ).on (" click" , function (event ) {
222+ event .stopPropagation ();
223+ });
224+ });
225+
226+
102227
103- <script type = " module " src = " /staticfiles/mainfiles/myaccount/script.js " >< /script >
228+ </script >
104229
105- <!-- Google Ads -->
106- <ins class =" adsbygoogle"
107- style =" display : block "
108- data-ad-client =" ca-pub-2075086355753452"
109- data-ad-slot =" 7339269701"
110- data-ad-format =" auto"
111- data-full-width-responsive =" true" ></ins >
112- <script >(adsbygoogle = window .adsbygoogle || []).push ({}); </script >
230+ <script
231+ type =" module"
232+ src =" /staticfiles/mainfiles/myaccount/script.js"
233+ ></script >
234+
235+ <!-- jobsdoor360 -->
236+ <ins
237+ class =" adsbygoogle"
238+ style =" display : block "
239+ data-ad-client =" ca-pub-2075086355753452"
240+ data-ad-slot =" 7339269701"
241+ data-ad-format =" auto"
242+ data-full-width-responsive =" true"
243+ ></ins >
244+ <script >
245+ (adsbygoogle = window .adsbygoogle || []).push ({});
246+ </script >
113247 </body >
114- </html >
248+ </html >
0 commit comments