Compare commits
No commits in common. "0d5b1b738f6c6422e6df2855a116f1b0093742f6" and "4edc1329e3bd94cded5393b1efb74daf0ed7e0b0" have entirely different histories.
0d5b1b738f
...
4edc1329e3
|
|
@ -12,8 +12,8 @@
|
||||||
<body>
|
<body>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<i class="fas fa-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|
@ -89,10 +89,9 @@
|
||||||
<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 collapsed">
|
<div class="discover-filters">
|
||||||
<div class="filter-group">
|
<div class="filter-group">
|
||||||
<h3>Skills</h3>
|
<h3>Skills</h3>
|
||||||
<div class="filter-options">
|
<div class="filter-options">
|
||||||
|
|
@ -583,32 +582,5 @@
|
||||||
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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</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-link logo-icon"></i>
|
<i class="fas fa-sun logo-icon"></i>
|
||||||
<span class="logo-text">jLink</span>
|
<span class="logo-text">jJobs</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue