Compare commits

...

3 Commits

Author SHA1 Message Date
Kiran Surendran Pankan 6a3c37f0b9 Update profile styles and change member year to 2025 2025-04-08 10:06:22 +05:30
Kiran Surendran Pankan 0d5b1b738f link icon 2025-04-08 10:00:17 +05:30
Kiran Surendran Pankan c3c62f0d2f jLink 2025-04-08 09:24:30 +05:30
8 changed files with 49 additions and 21 deletions
+31 -3
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
@@ -89,9 +89,10 @@
<div class="discover-header">
<h1>Discover Opportunities</h1>
<p>Find the best jobs matching your skills and interests</p>
<button class="toggle-filters-btn">Show Filters</button>
</div>
<div class="discover-filters">
<div class="discover-filters collapsed">
<div class="filter-group">
<h3>Skills</h3>
<div class="filter-options">
@@ -582,5 +583,32 @@
font-weight: 500;
cursor: pointer;
}
.discover-filters.collapsed {
display: none;
}
.toggle-filters-btn {
background-color: #EBF2F2;
color: #222;
border: none;
border-radius: 20px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
margin-top: 15px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const toggleBtn = document.querySelector('.toggle-filters-btn');
const filters = document.querySelector('.discover-filters');
toggleBtn.addEventListener('click', function() {
filters.classList.toggle('collapsed');
toggleBtn.textContent = filters.classList.contains('collapsed') ? 'Show Filters' : 'Hide Filters';
});
});
</script>
</html>
+2 -2
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
+6 -6
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
@@ -117,7 +117,7 @@
</div>
<div class="stat-item">
<i class="fas fa-clock"></i>
<span>Member since 2023</span>
<span>Member since 2025</span>
</div>
</div>
</div>
@@ -516,7 +516,7 @@
.profile-title {
font-size: 16px;
color: #666;
margin-bottom: 15px;
margin: 0 0 10px 0;
}
.profile-stats {
@@ -567,7 +567,7 @@
.profile-tabs {
display: flex;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
margin: 30px 0;
}
.profile-tab {
@@ -725,7 +725,7 @@
}
.availability-status.available i {
color: #4dafc4;
color: #4dca34;
margin-right: 5px;
}
+2 -2
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">
+2 -2
View File
@@ -12,8 +12,8 @@
<body>
<div class="navbar">
<div class="logo-container">
<i class="fas fa-sun logo-icon"></i>
<span class="logo-text">jJobs</span>
<i class="fas fa-link logo-icon"></i>
<span class="logo-text">jLink</span>
</div>
<div class="search-container">