Skip to content

Commit ea237c3

Browse files
committed
corrected the selection button jobs/internship
1 parent 24ce252 commit ea237c3

File tree

1 file changed

+174
-40
lines changed
  • jobsdoor360-website/src/main/ejs/main-files/myaccount

1 file changed

+174
-40
lines changed
Lines changed: 174 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,16 @@
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

@@ -13,18 +19,30 @@
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;">
@@ -33,12 +51,12 @@
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;">
@@ -47,68 +65,184 @@
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

Comments
 (0)