Compare commits
3 Commits
4edc1329e3
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 6a3c37f0b9 | |||
| 0d5b1b738f | |||
| c3c62f0d2f |
+31
-3
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
@@ -89,9 +89,10 @@
|
|||||||
<div class="discover-header">
|
<div class="discover-header">
|
||||||
<h1>Discover Opportunities</h1>
|
<h1>Discover Opportunities</h1>
|
||||||
<p>Find the best jobs matching your skills and interests</p>
|
<p>Find the best jobs matching your skills and interests</p>
|
||||||
|
<button class="toggle-filters-btn">Show Filters</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="discover-filters">
|
<div class="discover-filters collapsed">
|
||||||
<div class="filter-group">
|
<div class="filter-group">
|
||||||
<h3>Skills</h3>
|
<h3>Skills</h3>
|
||||||
<div class="filter-options">
|
<div class="filter-options">
|
||||||
@@ -582,5 +583,32 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
cursor: pointer;
|
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>
|
</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>
|
</html>
|
||||||
|
|||||||
+2
-2
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|||||||
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|||||||
+2
-2
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|||||||
+2
-2
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|||||||
+6
-6
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
@@ -117,7 +117,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="stat-item">
|
<div class="stat-item">
|
||||||
<i class="fas fa-clock"></i>
|
<i class="fas fa-clock"></i>
|
||||||
<span>Member since 2023</span>
|
<span>Member since 2025</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -516,7 +516,7 @@
|
|||||||
.profile-title {
|
.profile-title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #666;
|
color: #666;
|
||||||
margin-bottom: 15px;
|
margin: 0 0 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-stats {
|
.profile-stats {
|
||||||
@@ -567,7 +567,7 @@
|
|||||||
.profile-tabs {
|
.profile-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
margin-bottom: 30px;
|
margin: 30px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-tab {
|
.profile-tab {
|
||||||
@@ -725,7 +725,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.availability-status.available i {
|
.availability-status.available i {
|
||||||
color: #4dafc4;
|
color: #4dca34;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|||||||
+2
-2
@@ -12,8 +12,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-sun logo-icon"></i>
|
<i class="fas fa-link logo-icon"></i>
|
||||||
<span class="logo-text">jJobs</span>
|
<span class="logo-text">jLink</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|||||||
Reference in New Issue
Block a user