You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
247 lines
11 KiB
247 lines
11 KiB
<!DOCTYPE html>
|
|
<html lang="en" data-theme="light">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>TempHire • Future of Work</title>
|
|
</head>
|
|
|
|
<body class="min-h-screen bg-gradient-to-br from-base-300 via-base-100 to-base-300 text-base-content">
|
|
|
|
|
|
<?php include 'navbar.php'; ?>
|
|
<div class="hero min-h-[70vh] bg-base-200 relative overflow-hidden">
|
|
<div class="absolute inset-0 bg-grid-slate-900/[0.04] bg-[size:40px_40px]"></div>
|
|
<div class="hero-content text-center">
|
|
<div class="max-w-xl relative z-10">
|
|
<h1
|
|
class="text-5xl font-bold mb-8 bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">
|
|
The Future of Work
|
|
</h1>
|
|
<p class="py-6 text-lg">Discover opportunities that match your schedule and skills in real-time.</p>
|
|
|
|
|
|
<div class="join w-full backdrop-blur-sm bg-base-100/50 rounded-lg p-1">
|
|
<input class="input join-item flex-1 !outline-none border-primary/20"
|
|
placeholder="Search for jobs..." />
|
|
<button class="btn join-item btn-primary">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
|
|
</svg>
|
|
</button>
|
|
<button class="btn join-item" onclick="document.getElementById('filter_modal').showModal()">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<dialog id="filter_modal" class="modal modal-bottom sm:modal-middle">
|
|
<form method="dialog" class="modal-box bg-base-200">
|
|
<h3 class="font-bold text-lg mb-4">Filter Options</h3>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<div class="form-control w-full">
|
|
<label class="label">
|
|
<span class="label-text">Location</span>
|
|
</label>
|
|
<select class="select select-bordered">
|
|
<option value="">Select Location</option>
|
|
<option value="kathmandu">Kathmandu</option>
|
|
<option value="lalitpur">Lalitpur</option>
|
|
<option value="bhaktapur">Bhaktapur</option>
|
|
<option value="pokhara">Pokhara</option>
|
|
<option value="biratnagar">Biratnagar</option>
|
|
<option value="butwal">Butwal</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-control w-full">
|
|
<label class="label">
|
|
<span class="label-text">Job Type</span>
|
|
</label>
|
|
<select class="select select-bordered">
|
|
<option value="">Select Type</option>
|
|
<option value="childcare">childcare and petcare</option>
|
|
<option value="cleaning">cleaning and maintainence</option>
|
|
<option value="delivery">delivery and logistics</option>
|
|
<option value="seasonal">Seasonal</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-control w-full">
|
|
<label class="label">
|
|
<span class="label-text">Salary type</span>
|
|
</label>
|
|
<select class="select select-bordered">
|
|
<option value="">Select Range</option>
|
|
<option value="Hourly">Hourly</option>
|
|
<option value="Daily">Daily</option>
|
|
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-control w-full">
|
|
<label class="label">
|
|
<span class="label-text">skills level</span>
|
|
</label>
|
|
<select class="select select-bordered">
|
|
<option value="">Select Level</option>
|
|
<option value="entry">Entry Level</option>
|
|
<option value="intermediate">Intermediate</option>
|
|
<option value="experienced">Experienced</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-action">
|
|
<button class="btn btn-ghost">Reset</button>
|
|
<button class="btn btn-primary">Apply Filters</button>
|
|
</div>
|
|
</form>
|
|
<form method="dialog" class="modal-backdrop">
|
|
<button>close</button>
|
|
</form>
|
|
</dialog>
|
|
|
|
|
|
|
|
|
|
<div class="container mx-auto p-8">
|
|
<h2 class="text-3xl font-bold mb-8 text-center">Recent Job Posts</h2>
|
|
<div class="grid grid-cols-1 gap-4">
|
|
<div class="card bg-base-200 shadow-xl hover:shadow-primary/10 transition-all">
|
|
<div class="card-body">
|
|
<div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
|
|
<div>
|
|
<h3 class="card-title">Senior Care Specialist</h3>
|
|
<div class="flex flex-wrap gap-2 mt-2">
|
|
<span class="badge badge-outline">Full Time</span>
|
|
<span class="badge badge-outline">Kathmandu</span>
|
|
<span class="badge badge-primary">Rs. 3000/day</span>
|
|
</div>
|
|
<p class="mt-2">Looking for an experienced caregiver for elderly assistance. Medical
|
|
background preferred.</p>
|
|
</div>
|
|
<button class="btn btn-primary">Apply Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card bg-base-200 shadow-xl hover:shadow-primary/10 transition-all">
|
|
<div class="card-body">
|
|
<div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
|
|
<div>
|
|
<h3 class="card-title">House Cleaning Expert</h3>
|
|
<div class="flex flex-wrap gap-2 mt-2">
|
|
<span class="badge badge-outline">Part Time</span>
|
|
<span class="badge badge-outline">Lalitpur</span>
|
|
<span class="badge badge-primary">Rs. 1500/day</span>
|
|
</div>
|
|
<p class="mt-2">Weekly house cleaning position available. Experience with modern cleaning
|
|
equipment required.</p>
|
|
</div>
|
|
<button class="btn btn-primary">Apply Now</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4">
|
|
<a href="alljobs"><button class="btn btn-outline btn-primary btn-sm">View More</button></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container mx-auto p-8">
|
|
<h2 class="text-3xl font-bold mb-8 text-center">How It Works</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<div class="card bg-base-200 shadow-xl">
|
|
<div class="card-body items-center text-center">
|
|
<div class="w-16 h-16 rounded-full bg-primary/20 flex items-center justify-center mb-4">
|
|
<span class="text-2xl font-bold text-primary">1</span>
|
|
</div>
|
|
<h3 class="card-title">Create Profile</h3>
|
|
<p>Sign up and create your professional profile with skills and experience</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card bg-base-200 shadow-xl">
|
|
<div class="card-body items-center text-center">
|
|
<div class="w-16 h-16 rounded-full bg-secondary/20 flex items-center justify-center mb-4">
|
|
<span class="text-2xl font-bold text-secondary">2</span>
|
|
</div>
|
|
<h3 class="card-title">Find Jobs</h3>
|
|
<p>Search and filter jobs that match your skills and schedule</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card bg-base-200 shadow-xl">
|
|
<div class="card-body items-center text-center">
|
|
<div class="w-16 h-16 rounded-full bg-accent/20 flex items-center justify-center mb-4">
|
|
<span class="text-2xl font-bold text-accent">3</span>
|
|
</div>
|
|
<h3 class="card-title">Start Working</h3>
|
|
<p>Apply, get hired, and start earning on your terms</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="container mx-auto p-8">
|
|
<h2 class="text-3xl font-bold mb-8 text-center">Why to choose the temphire</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<div class="card bg-base-200 shadow-xl">
|
|
<div class="card-body">
|
|
<div class="flex items-center gap-4 mb-4">
|
|
<div class="avatar placeholder">
|
|
<div class="bg-neutral-focus text-neutral-content rounded-full w-16">
|
|
<span class="text-xl"></span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-bold">FOR JOB SEEKERS</h3>
|
|
|
|
</div>
|
|
</div>
|
|
<p>Flexible job options</p>
|
|
<p>User-friendly platform</p>
|
|
<p>Diverse job Listings</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card bg-base-200 shadow-xl">
|
|
<div class="card-body">
|
|
<div class="flex items-center gap-4 mb-4">
|
|
<div class="avatar placeholder">
|
|
<div class="bg-neutral-focus text-neutral-content rounded-full w-16">
|
|
<span class="text-xl"></span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-bold">FOR EMPLOYERS</h3>
|
|
</div>
|
|
</div>
|
|
<p>Access to a Wide Talent Pool</p>
|
|
<p>Efficient Hiring Process</p>
|
|
<p>Verified Job Seekers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php include 'footer.php'; ?>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|