Compare commits
2 Commits
4edc1329e3
...
0d5b1b738f
| Author | SHA1 | Date |
|---|---|---|
|
|
0d5b1b738f | |
|
|
c3c62f0d2f |
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue