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