Default page

Edit File: index.html

<!DOCTYPE html>
<html lang="en">

</head>

<header class="theme-main-menu menu-overlay menu-style-one sticky-menu">
			<div class="inner-content position-relative">
				<div class="top-header">
					<div class="d-flex align-items-center">
						<div class="logo order-lg-0">
							<a href="index.html" class="d-flex align-items-center">
								<img src="images/logo/logo_01.png" alt="">
							</a>
						</div>
						
						<div class="right-widget ms-auto order-lg-3">
							<ul class="d-flex align-items-center style-none">
								<li class="d-none d-md-block"><a href="dashboard/employer-dashboard-submit-job.html" class="job-post-btn tran3s">P</a></li>
								<li><a href="#" class="login-btn-one" data-bs-toggle="modal" data-bs-target="#loginModal">POST URL</a></li>
								<li class="d-none d-md-block ms-4"><a href="candidates-v1.html" class="btn-one">Hire Top Talents</a></li>
							</ul>
						</div> 
						<nav class="navbar navbar-expand-lg p0 ms-lg-5 ms-3 order-lg-2">
							<button class="navbar-toggler d-block d-lg-none" type="button" data-bs-toggle="collapse"
								data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
								aria-label="Toggle navigation">
								<span></span>
							</button>
							<div class="collapse navbar-collapse" id="navbarNav">
								<ul class="navbar-nav align-items-lg-center">
									<li class="d-block d-lg-none"><div class="logo"><a href="index.html" class="d-block"><img src="images/logo/logo_01.png" alt="" width="100"></a></div></li>
									<li class="nav-item dropdown category-btn mega-dropdown-sm">
							        	<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"><i class="bi bi-grid-fill"></i> Category</a>
						                <ul class="dropdown-menu category-dropdown">
							                <li class="row gx-0">
												<div class="col-lg-6">
													<a href="job-list-v1.html" class="item d-flex align-items-center">
														<div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_63.svg" alt="" class="lazy-img"></div>
														<div class="ps-3 flex-fill">
															<div class="fw-500 text-dark">UI/UX Design</div>
															<div class="job-count">12k+ Jobs</div>
														</div>
													</a>
													
													<a href="job-list-v2.html" class="item d-flex align-items-center">
														<div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_64.svg" alt="" class="lazy-img"></div>
														<div class="ps-3 flex-fill">
															<div class="fw-500 text-dark">Development</div>
															<div class="job-count">7k+ Jobs</div>
														</div>
													</a>
													
													<a href="job-list-v3.html" class="item d-flex align-items-center">
														<div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_65.svg" alt="" class="lazy-img"></div>
														<div class="ps-3 flex-fill">
															<div class="fw-500 text-dark">Telemarketing</div>
															<div class="job-count">310+ Jobs</div>
														</div>
													</a>
													
												</div>
												<div class="col-lg-6">
													<a href="job-grid-v1.html" class="item d-flex align-items-center">
														<div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_68.svg" alt="" class="lazy-img"></div>
														<div class="ps-3 flex-fill">
															<div class="fw-500 text-dark">Marketing</div>
															<div class="job-count">420+ Jobs</div>
														</div>
													</a>
													
													<a href="job-grid-v2.html" class="item d-flex align-items-center">
														<div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_66.svg" alt="" class="lazy-img"></div>
														<div class="ps-3 flex-fill">
															<div class="fw-500 text-dark">Editing</div>
															<div class="job-count">3k+ Jobs</div>
														</div>
													</a>
													
													<a href="job-grid-v3.html" class="item d-flex align-items-center">
														<div class="icon d-flex align-items-center justify-content-center rounded-circle tran3s"><img src="images/lazy.svg" data-src="images/icon/icon_67.svg" alt="" class="lazy-img"></div>
														<div class="ps-3 flex-fill">
															<div class="fw-500 text-dark">Finance Accounting</div>
															<div class="job-count">150+ Jobs</div>
														</div>
													</a>
													
												</div>
											</li>
											<li>
												<a href="job-list-v1.html" class="explore-all-btn d-flex align-items-center justify-content-between tran3s">
													<span class="fw-500">Explore all fields</span>
													<span class="icon"><i class="bi bi-chevron-right"></i></span>
												</a>
											</li>
						                </ul>
						            </li>
									<li class="nav-item dropdown dashboard-menu">
										<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
											data-bs-auto-close="outside" aria-expanded="false">Dashboard
										</a>
										<ul class="dropdown-menu">
											<li><a href="dashboard/candidate-dashboard-index.html" class="dropdown-item" target="_blank"><span>Candidate Dashboard</span></a></li>
											<li><a href="dashboard/employer-dashboard-index.html" class="dropdown-item" target="_blank"><span>Employer Dashboard</span></a></li>
										</ul>
									</li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
											data-bs-auto-close="outside" aria-expanded="false">Home
										</a>
										<ul class="dropdown-menu">
											<li><a href="index.html" class="dropdown-item"><span>Home 01</span></a></li>
											<li><a href="index-2.html" class="dropdown-item"><span>Home 02</span></a></li>
											<li><a href="index-3.html" class="dropdown-item"><span>Home 03</span></a></li>
											<li><a href="index-4.html" class="dropdown-item"><span>Home 04</span></a></li>
											<li><a href="index-5.html" class="dropdown-item"><span>Home 05</span></a></li>
											<li><a href="index-6.html" class="dropdown-item"><span>Home 06</span></a></li>
											<li><a href="index-7.html" class="dropdown-item"><span>Home 07</span></a></li>
										</ul>
									</li>
									<li class="nav-item dropdown">
							        	<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Job
										</a>
										<ul class="dropdown-menu">
											<li><a href="job-list-v1.html" class="dropdown-item"><span>Job List style -1</span></a></li>
											<li><a href="job-list-v2.html" class="dropdown-item"><span>Job List style -2</span></a></li>
											<li><a href="job-list-v3.html" class="dropdown-item"><span>Job List style -3</span></a></li>
											<li><a href="job-grid-v1.html" class="dropdown-item"><span>Job Grid style -1</span></a></li>
											<li><a href="job-grid-v2.html" class="dropdown-item"><span>Job Grid style -2</span></a></li>
											<li><a href="job-grid-v3.html" class="dropdown-item"><span>Job Grid style -3</span></a></li>
											<li><a href="job-details-v1.html" class="dropdown-item"><span>Job Details v-1</span></a></li>
											<li><a href="job-details-v2.html" class="dropdown-item"><span>Job Details v-2</span></a></li>
										</ul>
						            </li>
									<li class="nav-item dropdown mega-dropdown-sm">
							        	<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Explore
										</a>
						                <ul class="dropdown-menu">
							                <li class="row gx-1">
												<div class="col-md-4">
													<div class="menu-column">
														<h6 class="mega-menu-title">Candidates</h6>
														<ul class="style-none mega-dropdown-list">
															<li><a href="candidates-v1.html" class="dropdown-item"><span>Candidates V-1</span></a></li>
															<li><a href="candidates-v2.html" class="dropdown-item"><span>Candidates V-2</span></a></li>
															<li><a href="candidates-v3.html" class="dropdown-item"><span>Candidates V-3</span></a></li>
															<li><a href="candidates-v4.html" class="dropdown-item"><span>Candidates V-4</span></a></li>
															<li><a href="candidate-profile-v1.html" class="dropdown-item"><span>Candidates Details v-1</span></a></li>
															<li><a href="candidate-profile-v2.html" class="dropdown-item"><span>Candidates Details v-2</span></a></li>
														</ul>
													</div> 
												</div>
												<div class="col-md-4">
													<div class="menu-column">
														<h6 class="mega-menu-title">Company</h6>
														<ul class="style-none mega-dropdown-list">
															<li><a href="company-v1.html" class="dropdown-item"><span>Company V-1</span></a></li>
															<li><a href="company-v2.html" class="dropdown-item"><span>Company V-2</span></a></li>
															<li><a href="company-v3.html" class="dropdown-item"><span>Company V-3</span></a></li>
															<li><a href="company-v4.html" class="dropdown-item"><span>Company V-4</span></a></li>
															<li><a href="company-details.html" class="dropdown-item"><span>Company Details</span></a></li>
														</ul>
													</div> 
												</div>
												<div class="col-md-4">
													<div class="menu-column">
														<h6 class="mega-menu-title">Essential</h6>
														<ul class="style-none mega-dropdown-list">
															<li><a href="about-us.html" class="dropdown-item"><span>About Us</span></a></li>
															<li><a href="pricing.html" class="dropdown-item"><span>Pricing</span></a></li>
															<li><a href="faq.html" class="dropdown-item"><span>Faq's</span></a></li>
															<li><a href="signup.html" class="dropdown-item"><span>Register</span></a></li>
															<li><a href="404.html" class="dropdown-item"><span>404 Error</span></a></li>
														</ul>
													</div> 
												</div>
											</li>
						                </ul>
						            </li>
									<li class="nav-item dropdown">
										<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
											data-bs-auto-close="outside" aria-expanded="false">Blog
										</a>
										<ul class="dropdown-menu">
											<li><a href="blog-v1.html" class="dropdown-item"><span>Blog Standard</span></a></li>
											<li><a href="blog-v2.html" class="dropdown-item"><span>Blog Grid</span></a></li>
											<li><a href="blog-v3.html" class="dropdown-item"><span>Blog Full width</span></a></li>
											<li><a href="blog-details.html" class="dropdown-item"><span>Blog Details</span></a></li>
										</ul>
									</li>
									<li class="nav-item">
										<a class="nav-link" href="contact.html" role="button">Contact</a>
									</li>
									<li class="d-md-none"><a href="dashboard/employer-dashboard-submit-job.html" class="job-post-btn tran3s">Post Job</a></li>
									<li class="d-md-none"><a href="candidates-v1.html" class="btn-one w-100">Hire Top Talents</a></li>
								</ul>
							</div>
						</nav>
					</div>
				</div> 
			</div> 
		</header>

<div class="inner-banner-one position-relative">
			<div class="container">
				<div class="position-relative">
					<div class="row">
						<div class="col-xl-6 m-auto text-center">
							<div class="title-two">
                                <h2 class="text-white">Job Listing </h2>
                            </div>
							<p class="text-lg text-white mt-30 lg-mt-20 mb-35 lg-mb-20">We delivered blazing fast & striking work solution</p>
						</div>
					</div>
					<div class="position-relative">
						<div class="row">
							<div class="col-xl-9 col-lg-8 m-auto">
								<div class="job-search-one position-relative">
									<form action="job-grid-v1.html">
										<div class="row">
											<div class="col-md-5">
												<div class="input-box">
													<div class="label">What are you looking for?</div>
													<select class="nice-select lg">
														<option value="1">UI Designer</option>
														<option value="2">Content creator</option>
														<option value="3">Web Developer</option>
														<option value="4">SEO Guru</option>
														<option value="5">Digital marketer</option>
													</select>
												</div>
											</div>
											<div class="col-md-4">
												<div class="input-box border-left">
													<div class="label">Category</div>
													<select class="nice-select lg">
														<option value="1">Web Design</option>
														<option value="2">Design & Creative</option>
														<option value="3">It & Development</option>
														<option value="4">Web & Mobile Dev</option>
														<option value="5">Writing</option>
														<option value="6">Sales & Marketing</option>
														<option value="7">Music & Audio</option>
													</select>
												</div>
											</div>
											<div class="col-md-3">
												<button class="fw-500 text-uppercase h-100 tran3s search-btn">Search</button>
											</div>
										</div>
									</form>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			<img src="images/lazy.svg" data-src="images/shape/shape_02.svg" alt="" class="lazy-img shapes shape_01">
			<img src="images/lazy.svg" data-src="images/shape/shape_03.svg" alt="" class="lazy-img shapes shape_02">
		</div>

<section class="job-listing-three bg-color pt-90 lg-pt-80 pb-160 xl-pb-150 lg-pb-80">
			<div class="container">
                <div class="row">
					<div class="col-12">
						<div class="job-post-item-wrapper">
							<div class="upper-filter d-flex justify-content-between align-items-start align-items-sm-center mb-30">
								<div class="d-sm-flex align-items-center">
                                    <button type="button" class="filter-btn fw-500 tran3s me-3" data-bs-toggle="modal" data-bs-target="#filterPopUp">
                                        <i class="bi bi-funnel"></i>
                                        Filter
                                      </button>
                                    <div class="total-job-found xs-mt-10">All <span class="text-dark fw-500">7,096</span> jobs found</div>
                                </div>
								<div class="d-flex align-items-center">
									<div class="short-filter d-flex align-items-center">
										<div class="text-dark fw-500 me-2">Short:</div>
										<select class="nice-select">
											<option value="0">Latest</option>
											<option value="1">Category</option>
											<option value="2">Job Type</option>
										</select>
									</div>
								</div>
							</div>
							
							<div class="wrapper">
								<div class="row">
									<div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_22.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Developer & expert in java c++</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$30-$50/hour</li>
                                                            <li>Intermediate</li>
                                                            <li>Spain, Barcelona  </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500">Fulltime</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_23.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Marketing Specialist in SEO</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$300-$500/week</li>
                                                            <li>Expert</li>
                                                            <li>USA, New York</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500 part-time">Part Time</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_24.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Email Marketing & App Integrations</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$1k-$1.5k/month</li>
                                                            <li>Beginner</li>
                                                            <li>USA, Alaska</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500 part-time">Part Time</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_25.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Developer & expert in java c++</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$30-$50/hour</li>
                                                            <li>Intermediate</li>
                                                            <li>Spain, Barcelona  </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500">Fulltime</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_26.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Outbound Call Service Webshop</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$30-$50/hour</li>
                                                            <li>Intermediate</li>
                                                            <li>Spain, Barcelona  </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500 part-time">Part Time</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_33.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Outbound Call Service Webshop</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$30-$50/hour</li>
                                                            <li>Intermediate</li>
                                                            <li>Spain, Barcelona  </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500">Fulltime</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_34.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Outbound Call Service Webshop</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$30-$50/hour</li>
                                                            <li>Intermediate</li>
                                                            <li>Spain, Barcelona  </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500">Fulltime</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_35.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Build Responsive Website From Scratch</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$20-$25/hourr</li>
                                                            <li>Intermediate</li>
                                                            <li>USA, California</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500">Fulltime</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_36.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">Document typing (easy typing)</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$200-$250/week</li>
                                                            <li>Beginner</li>
                                                            <li>Germany, Hamburg</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500 part-time">Part Time</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
                                    <div class="col-lg-6 mb-30">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_37.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">General Ledger & Marketing Specialist</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$60k-$70k/year</li>
                                                            <li>Expert</li>
                                                            <li>UK, London</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500">Fulltime</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div> 
									</div>
								</div>
							</div>

<div class="pt-30 lg-pt-20 d-sm-flex align-items-center justify-content-between">
								<p class="m0 order-sm-last text-center text-sm-start xs-pb-20">Showing <span class="text-dark fw-500">1 to 20</span> of <span class="text-dark fw-500">7,096</span></p>
								<ul class="pagination-one d-flex align-items-center justify-content-center justify-content-sm-start style-none">
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li>....</li>
									<li class="ms-2"><a href="#" class="d-flex align-items-center">Last <img src="images/icon/icon_50.svg" alt="" class="ms-2"></a></li>
								</ul>
							</div>
						</div>
						
					</div>
					
                </div>
            </div>
		</section>

<section class="job-portal-intro">
			<div class="container">
				<div class="wrapper bottom-border pt-65 md-pt-50 pb-65 md-pb-50">
					<div class="row align-items-center">
						<div class="col-lg-7">
							<div class="text-center text-lg-start">
								<h2>Most complete job portal.</h2>
								<p class="text-md m0 md-pb-20">Signup and start find your job or talents.</p>
							</div>
						</div>
						<div class="col-lg-5">
							<ul class="btn-group style-none d-flex flex-wrap justify-content-center justify-content-lg-end">
								<li class="me-2"><a href="job-list-v1.html" class="btn-three">Looking for job?</a></li>
								<li class="ms-2"><a href="signup.html" class="btn-four">Post a job</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>

<div class="footer-one">
			<div class="container">
				<div class="inner-wrapper">
					<div class="row">
						<div class="col-lg-2 col-md-3 footer-intro mb-15">
							<div class="logo mb-15">
								<a href="index.html" class="d-flex align-items-center">
									<img src="images/logo/logo_03.png" alt="">
								</a>
							</div> 
							<img src="images/lazy.svg" data-src="images/shape/shape_28.svg" alt="" class="lazy-img mt-80 sm-mt-30 sm-mb-20">
							
						</div>
						<div class="col-lg-2 col-md-3 col-sm-4 mb-20">
							<h5 class="footer-title">Services</h5>
							<ul class="footer-nav-link style-none">
								<li><a href="job-grid-v2.html">Browse Jobs</a></li>
								<li><a href="company-v1.html">Companies</a></li>
								<li><a href="candidates-v1.html">Candidates</a></li>
								<li><a href="pricing.html">Pricing</a></li>
							</ul>
						</div>
						<div class="col-lg-2 col-md-3 col-sm-4 mb-20">
							<h5 class="footer-title">Company</h5>
							<ul class="footer-nav-link style-none">
								<li><a href="about-us.html">About us</a></li>
								<li><a href="blog-v2.html">Blogs</a></li>
								<li><a href="faq.html">FAQ’s</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
						<div class="col-lg-2 col-md-3 col-sm-4 mb-20">
							<h5 class="footer-title">Support</h5>
							<ul class="footer-nav-link style-none">
								<li><a href="contact.html">Terms of use</a></li>
								<li><a href="contact.html">Terms & conditions</a></li>
								<li><a href="contact.html">Privacy</a></li>
								<li><a href="contact.html">Cookie policy</a></li>
							</ul>
						</div>
						<div class="col-lg-4 mb-20 footer-newsletter">
							<h5 class="footer-title">Newsletter</h5>
							<p>Join & get important new regularly</p>
							<form action="#" class="d-flex">
								<input type="email" placeholder="Enter your email*">
								<button>Send</button>
							</form>
							<p class="note">We only send interesting and relevant emails.</p>
						</div>
					</div>
				</div> 
			</div>
			<div class="bottom-footer">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-lg-4 order-lg-3 mb-15">
							<ul class="style-none d-flex order-lg-last justify-content-center justify-content-lg-end social-icon">
								<li><a href="#"><i class="bi bi-whatsapp"></i></a></li>
								<li><a href="#"><i class="bi bi-dribbble"></i></a></li>
								<li><a href="#"><i class="bi bi-google"></i></a></li>
								<li><a href="#"><i class="bi bi-instagram"></i></a></li>
							</ul>
						</div>
						<div class="col-lg-4 order-lg-1 mb-15">
							<ul class="d-flex style-none bottom-nav justify-content-center justify-content-lg-start">
								<li><a href="contact.html">Privacy & Terms.</a></li>
								<li><a href="contact.html"> Contact Us</a></li>
							</ul>
						</div>
						<div class="col-lg-4 order-lg-2">
							<p class="text-center mb-15">Copyright @2023 jobi inc.</p>
						</div>
					</div>
				</div>
			</div>
		</div>

<div class="modal fade" id="loginModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen modal-dialog-centered">
                <div class="container">
                    <div class="user-data-form modal-content">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						<div class="text-center">
							<h2>Hi, Welcome Back!</h2>
							<p>Still don't have an account? <a href="">Sign up</a></p>
						</div>
						<div class="form-wrapper m-auto">
						    
						    
							<form action="#" class="mt-10">
								<div class="row">
									<div class="col-12">
										<div class="input-group-meta position-relative mb-25">
											<label>URL*</label>
											<input type="email" placeholder="rshdkabir@gmail.com">
										</div>
									</div>
									
									
									<div class="col-12">
										<div class="job-list-three d-flex h-100 w-100">
											<div class="main-wrapper h-100 w-100">
                                                <a href="job-details-v2.html" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a>
                                                <div class="list-header d-flex align-items-center">
                                                    <a href="job-details-v2.html" class="logo"><img src="images/lazy.svg" data-src="images/logo/media_26.png" alt="" class="lazy-img m-auto"></a>
                                                    <div class="info-wrapper">
                                                        <a href="job-details-v2.html" class="title fw-500 tran3s">title</a>
                                                        <ul class="style-none d-flex flex-wrap info-data">
                                                            <li>$30-$50/hour</li>
                                                            
                                                        </ul>
                                                    </div>
                                                </div>
                                                
                                                <p>We would like to design a page on Figma to promote Workroom as All-in-one solutions for Marketing, Sales, Support teams...</p>
                                                <div class="d-sm-flex align-items-center justify-content-between mt-auto">
                                                    <div class="d-flex align-items-center">
                                                        <img src="images/icon/icon_51.svg" alt="">
                                                        <span class="fw-500 client-status">Verified Client  .</span>
                                                        <a href="job-details-v2.html" class="job-duration fw-500 part-time">Part Time</a>
                                                    </div>
                                                    <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">APPLY</a>
                                                </div>
                                            </div>
										</div>
									</div>
									
									
							
									<div class="col-12">
										<button class="btn-eleven fw-500 tran3s d-block mt-20">Login</button>
									</div>
								</div>
							</form>
							
							
							
							
							<div class="d-flex align-items-center mt-30 mb-10">
								<div class="line"></div>
								<span class="pe-3 ps-3">OR</span>
								<div class="line"></div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<a href="#" class="social-use-btn d-flex align-items-center justify-content-center tran3s w-100 mt-10">
										<img src="images/icon/google.png" alt="">
										<span class="ps-2">Login with Google</span>
									</a>
								</div>
								<div class="col-md-6">
									<a href="#" class="social-use-btn d-flex align-items-center justify-content-center tran3s w-100 mt-10">
										<img src="images/icon/facebook.png" alt="">
										<span class="ps-2">Login with Facebook</span>
									</a>
								</div>
							</div>
							<p class="text-center mt-10">Don't have an account? <a href="signup.html" class="fw-500">Sign up</a></p>
						</div>
						
                    </div>
                    
                </div>
            </div>
        </div>

<div class="modal popUpModal fade" id="filterPopUp" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen modal-dialog-centered">
                <div class="container">
                    <div class="filter-area-tab modal-content">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        <div class="position-relative">
                            <div class="main-title fw-500 text-dark ps-4 pe-4 pt-15 pb-15 border-bottom">Filter By</div>
                            <div class="pt-25 pb-30 ps-4 pe-4">
                                <div class="row">
                                    <div class="col-lg-3 col-sm-6">
                                        <div class="filter-block pb-50 lg-pb-20">
                                            <div class="filter-title fw-500 text-dark">Keyword or Title</div>
                                            <form action="#" class="input-box position-relative">
                                                <input type="text" placeholder="Search by Keywords">
                                                <button><i class="bi bi-search"></i></button>
                                            </form>
                                        </div>
                                        
                                    </div>
                                    <div class="col-lg-3 col-sm-6">
                                        <div class="filter-block pb-50 lg-pb-20">
                                            <div class="filter-title fw-500 text-dark">Category</div>
                                            <select class="nice-select">
                                                <option value="0">Web Design</option>
                                                <option value="1">Design & Creative </option>
                                                <option value="2">It & Development</option>
                                                <option value="3">Web & Mobile Dev</option>
                                                <option value="4">Writing</option>
                                                <option value="5">Sales & Marketing</option>
                                            </select>
                                        </div>
                                        
                                    </div>
                                    <div class="col-lg-3 col-sm-6">
                                        <div class="filter-block pb-50 lg-pb-20">
                                            <div class="filter-title fw-500 text-dark">Location</div>
                                            <select class="nice-select">
                                                <option value="0">Washington DC</option>
                                                <option value="1">California, CA</option>
                                                <option value="2">New York</option>
                                                <option value="3">Miami</option>
                                            </select>
                                        </div>
                                        
                                    </div>
                                    <div class="col-lg-3 col-sm-6">
                                        <div class="filter-block pb-50 lg-pb-20">
                                            <div class="filter-title fw-500 text-dark">English Fluency</div>
                                            <select class="nice-select">
                                                <option value="0">Basic</option>
                                                <option value="1">Conversational</option>
                                                <option value="2" selected>Fluent</option>
                                                <option value="3">Native/Bilingual</option>
                                            </select>
                                        </div>
                                        
                                    </div>
                                </div>

<div class="row">
                                    <div class="col-lg-4 col-sm-6">
                                        <div class="filter-block d-xl-flex pb-25">
                                            <div class="filter-title fw-500 text-dark mt-1">Job Type : </div>
                                            <div class="main-body ps-xl-4 flex-fill">
                                                <ul class="style-none filter-input">
                                                    <li>
                                                        <input type="checkbox" name="JobType" value="01">
                                                        <label>Fulltime</label>
                                                    </li>
                                                    <li>
                                                        <input type="checkbox" name="JobType" value="02">
                                                        <label>Hourly-Contract </label>
                                                    </li>
                                                    <li>
                                                        <input type="checkbox" name="JobType" value="03">
                                                        <label>Part-time (20hr/week)</label>
                                                    </li>
                                                    <li>
                                                        <input type="checkbox" name="JobType" value="04">
                                                        <label>Fixed-Price</label>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="col-lg-4 col-sm-6">
                                        <div class="filter-block d-xl-flex pb-25">
                                            <div class="filter-title fw-500 text-dark mt-1">Experience Level :</div>
                                            <div class="main-body ps-xl-4 flex-fill">
                                                <ul class="style-none filter-input">
                                                    <li>
                                                        <input type="checkbox" name="Experience" value="01">
                                                        <label>Beginner (1-3 yrs) </label>
                                                    </li>
                                                    <li>
                                                        <input type="checkbox" name="Experience" value="02">
                                                        <label>Intermediate (1-5 yrs) </label>
                                                    </li>
                                                    <li>
                                                        <input type="checkbox" name="Experience" value="03">
                                                        <label>Expert (1-10 yrs)</label>
                                                    </li>
                                                    <li>
                                                        <input type="checkbox" name="Experience" value="04">
                                                        <label>Internship</label>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="filter-block d-xl-flex pb-25">
                                            <div class="filter-title fw-500 text-dark mt-1">Salary Range :</div>
                                            <div class="main-body ps-xl-4 flex-fill">
                                                <div class="salary-slider">
                                                    <div class="price-input d-flex align-items-center pt-5">
                                                        <div class="field d-flex align-items-center">
                                                            <input type="number" class="input-min" value="0" readonly>
                                                        </div>
                                                        <div class="pe-1 ps-1">-</div>
                                                        <div class="field d-flex align-items-center">
                                                            <input type="number" class="input-max" value="300" readonly>
                                                        </div>
                                                        <div class="currency ps-1">USD</div>
                                                    </div>
                                                    <div class="slider">
                                                        <div class="progress"></div>
                                                    </div>
                                                    <div class="range-input mb-10">
                                                        <input type="range" class="range-min" min="0" max="950" value="0" step="10">
                                                        <input type="range" class="range-max" min="0" max="1000" value="300" step="10">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>

<div class="row">
                                    <div class="col-xl-2 m-auto">
                                        <a href="#" class="btn-ten fw-500 text-white w-100 text-center tran3s mt-30 md-mt-10">Apply Filter</a>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

<script src="style/vendor/jquery.min.js"></script>
		
		<script src="style/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
		
		<script src="style/vendor/wow/wow.min.js"></script>
		
		<script src="style/vendor/slick/slick.min.js"></script>
		
		<script src="style/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
		
		<script src="style/vendor/jquery.lazy.min.js"></script>
		
		<script src="style/vendor/jquery.counterup.min.js"></script>
		<script src="style/vendor/jquery.waypoints.min.js"></script>
		
		<script src="style/vendor/nice-select/jquery.nice-select.min.js"></script>
		
		<script src="style/vendor/validator.js"></script>

<script src="style/js/theme.js"></script>
	</div> 
</body>

</html>