Compare commits

...

2 Commits

Author SHA1 Message Date
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 45 additions and 17 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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">