StocksNew/resources/views/welcome.blade.php
Sampanna Rimal 53c0140f58 first commit
2024-08-27 17:48:06 +05:45

1363 lines
79 KiB
PHP

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-layout="vertical" data-topbar="light" data-sidebar="dark"
data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" data-theme="default"
data-theme-colors="default">
<head>
<meta charset="utf-8" />
<title>Operations Management and Information Systems</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="Operations Management and Information Systems" name="description" />
<meta content="Bibhutisolutions" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- Layout config Js -->
<script src="assets/js/layout.js"></script>
<!-- Bootstrap Css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Icons Css -->
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<!-- App Css-->
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
<!-- custom Css-->
<link href="assets/css/custom.min.css" rel="stylesheet" type="text/css" />
</head>
<body data-bs-spy="scroll" data-bs-target="#navbar-example">
<!-- Begin page -->
<div class="layout-wrapper landing">
<nav class="navbar navbar-expand-lg navbar-landing fixed-top job-navbar" id="navbar">
<div class="container-fluid custom-container">
<a class="navbar-brand" href="javascript:void(0)">
<img src="assets/images/logo-dark.png" class="card-logo card-logo-dark" alt="logo dark"
height="17">
<img src="assets/images/logo-light.png" class="card-logo card-logo-light" alt="logo light"
height="17">
</a>
<button class="navbar-toggler py-0 fs-20 text-body" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<i class="mdi mdi-menu"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mt-2 mt-lg-0" id="navbar-example">
{{-- <li class="nav-item">
<a class="nav-link active" href="#hero">Home</a>
</li> --}}
</ul>
<div class="float-end">
@if (Route::has('login'))
<div class="sm:fixed sm:top-0 sm:right-0 p-6 text-right">
@auth
<a href="{{ route('home') }}" class="btn btn-soft-success"><i
class="ri-login-circle-line align-bottom me-1"></i> Home</a>
@else
<a href="{{ route('login') }}" class="btn btn-soft-primary"><i
class="ri-user-3-line align-bottom me-1"></i> Login & Register</a>
@endauth
</div>
@endif
</div>
</div>
</div>
</nav>
<!-- end navbar -->
<!-- start hero section -->
<section class="section job-hero-section bg-light pb-0" id="hero" style="height: 100vh">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-6">
<div>
<h1 class="display-6 fw-semibold text-capitalize mb-3 lh-base">Empower Your Office with our OMIS
</h1>
<p class="lead text-muted lh-base mb-4">Welcome to the future of office management! Say
goodbye to paperwork chaos and hello to streamlined efficiency with our cutting-edge
Office Management Information System (OMIS). Transform the way your office operates and
elevate productivity to new heights.</p>
<ul class="treding-keywords list-inline mb-0 mt-3 fs-13">
<li class="list-inline-item text-danger fw-semibold"><i
class="mdi mdi-tag-multiple-outline align-middle"></i> Our Focuses:</li>
<li class="list-inline-item"><a href="javascript:void(0)">Streamlined Workflow,</a></li>
<li class="list-inline-item"><a href="javascript:void(0)">Centralized Information,</a></li>
<li class="list-inline-item"><a href="javascript:void(0)">Real-Time Insights,</a></li>
<li class="list-inline-item"><a href="javascript:void(0)">Enhanced Communication,</a></li>
<li class="list-inline-item"><a href="javascript:void(0)">Secure and Scalable</a></li>
</ul>
</div>
</div>
<!--end col-->
<div class="col-lg-4">
<div class="position-relative home-img text-center mt-5 mt-lg-0">
<div class="card p-3 rounded shadow-lg inquiry-box">
<div class="d-flex align-items-center">
<div class="avatar-sm flex-shrink-0 me-3">
<div class="avatar-title bg-warning-subtle text-warning rounded fs-18">
<i class="ri-scales-line"></i>
</div>
</div>
<h5 class="fs-15 lh-base mb-0">Experience the Difference</h5>
</div>
</div>
<div class="card p-3 rounded shadow-lg application-box">
<div class="d-flex align-items-center">
<div class="avatar-sm flex-shrink-0 me-3">
<div class="avatar-title bg-secondary-subtle text-secondary rounded fs-18">
<i class="ri-open-arm-line"></i>
</div>
</div>
<h5 class="fs-15 lh-base mb-0">Schedule Demo</h5>
</div>
</div>
<img src="assets/images/job-profile2.png" alt="" class="user-img">
<div class="circle-effect">
<div class="circle"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end hero section -->
{{--
<section class="section" id="process">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h1 class="mb-3 ff-secondary fw-semibold lh-base">How <span class="text-primary">it's
work</span> creative jobs & quickly features</h1>
<p class="text-muted">A creative person has the ability to invent and develop original
ideas, especially in the arts. Like so many creative people, he was never satisfied.</p>
</div>
</div>
<!-- end col -->
</div>
<!--end row-->
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="card shadow-lg">
<div class="card-body p-4">
<h1 class="fw-bold display-5 ff-secondary mb-4 text-success position-relative">
<div class="job-icon-effect"></div>
<span>1</span>
</h1>
<h6 class="fs-17 mb-2">Register Account</h6>
<p class="text-muted mb-0 fs-15">First, You need to make a account.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none">
<div class="card-body p-4">
<h1 class="fw-bold display-5 ff-secondary mb-4 text-success position-relative">
<div class="job-icon-effect"></div>
<span>2</span>
</h1>
<h6 class="fs-17 mb-2">Create Resume</h6>
<p class="text-muted mb-0 fs-15">Create a resume for your job.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none">
<div class="card-body p-4">
<h1 class="fw-bold display-5 ff-secondary mb-4 text-success position-relative">
<div class="job-icon-effect"></div>
<span>3</span>
</h1>
<h6 class="fs-17 mb-2">Find Job</h6>
<p class="text-muted mb-0 fs-15">Search for your dream jobs from velzon.</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none">
<div class="card-body p-4">
<h1 class="fw-bold display-5 ff-secondary mb-4 text-success position-relative">
<div class="job-icon-effect"></div>
<span>4</span>
</h1>
<h6 class="fs-17 mb-2">Apply Job</h6>
<p class="text-muted mb-0 fs-15">Apply to the company and wait for interview.</p>
</div>
</div>
</div>
</div>
</div>
<!--end container-->
</section>
<!-- start features -->
<section class="section">
<div class="container">
<div class="row align-items-center justify-content-lg-between justify-content-center gy-4">
<div class="col-lg-5 col-sm-7">
<div class="about-img-section mb-5 mb-lg-0 text-center">
<div class="card rounded shadow-lg inquiry-box d-none d-lg-block">
<div class="card-body d-flex align-items-center">
<div class="avatar-sm flex-shrink-0 me-3">
<div
class="avatar-title bg-secondary-subtle text-secondary rounded-circle fs-18">
<i class="ri-briefcase-2-line"></i>
</div>
</div>
<h5 class="fs-15 lh-base mb-0">Search Over <span
class="text-secondary fw-semibold">1,00,000+</span> Jobs</h5>
</div>
</div>
<div class="card feedback-box">
<div class="card-body d-flex shadow-lg">
<div class="flex-shrink-0 me-3">
<img src="assets/images/users/avatar-10.jpg" alt=""
class="avatar-sm rounded-circle">
</div>
<div class="flex-grow-1">
<h5 class="fs-14 lh-base mb-0">Tonya Noble</h5>
<p class="text-muted fs-11 mb-1">UI/UX Designer</p>
<div class="text-warning">
<i class="ri-star-s-fill"></i>
<i class="ri-star-s-fill"></i>
<i class="ri-star-s-fill"></i>
<i class="ri-star-s-fill"></i>
<i class="ri-star-s-line"></i>
</div>
</div>
</div>
</div>
<img src="assets/images/about.jpg" alt="" class="img-fluid mx-auto rounded-3" />
</div>
</div>
<div class="col-lg-6">
<div class="text-muted">
<h1 class="mb-3 lh-base">Find Your <span class="text-primary">Dream Job</span> in One
Place</h1>
<p class="ff-secondary fs-16 mb-2">The first step in finding your <b>dream job </b> is
deciding where to look for first-hand insight. Contact professionals who are already
working in industries or positions that interest you.</p>
<p class="ff-secondary fs-16">Schedule informational interviews and phone calls or ask for
the opportunity to shadow them on the job.</p>
<div class="vstack gap-2 mb-4 pb-1">
<div class="d-flex align-items-center">
<div class="flex-shrink-0 me-2">
<div class="avatar-xs icon-effect">
<div class="avatar-title bg-transparent text-success rounded-circle h2">
<i class="ri-check-fill"></i>
</div>
</div>
</div>
<div class="flex-grow-1">
<p class="mb-0">Dynamic Content</p>
</div>
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 me-2">
<div class="avatar-xs icon-effect">
<div class="avatar-title bg-transparent text-success rounded-circle h2">
<i class="ri-check-fill"></i>
</div>
</div>
</div>
<div class="flex-grow-1">
<p class="mb-0">Setup plugin's information.</p>
</div>
</div>
<div class="d-flex align-items-center">
<div class="flex-shrink-0 me-2">
<div class="avatar-xs icon-effect">
<div class="avatar-title bg-transparent text-success rounded-circle h2">
<i class="ri-check-fill"></i>
</div>
</div>
</div>
<div class="flex-grow-1">
<p class="mb-0">Themes customization information</p>
</div>
</div>
</div>
<div>
<a href="#!" class="btn btn-primary">Find Your Jobs <i
class="ri-arrow-right-line align-bottom ms-1"></i></a>
</div>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end features -->
<!-- start services -->
<section class="section bg-light" id="categories">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="text-center mb-5">
<h1 class="mb-3 ff-secondary fw-semibold text-capitalize lh-base">High demand jobs <span
class="text-primary">Categories</span> featured</h1>
<p class="text-muted">Post a job to tell us about your project. We'll quickly match you
with the right freelancers.</p>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
<div class="row justify-content-center">
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm position-relative mb-4 mx-auto">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-pencil-ruler-2-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">IT & Software</h5>
</a>
<p class="mb-0 text-muted">1543 Jobs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm position-relative mb-4 mx-auto">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-airplay-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">Construction / Facilities</h5>
</a>
<p class="mb-0 text-muted">3241 Jobs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm mb-4 mx-auto position-relative">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-bank-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">Government</h5>
</a>
<p class="mb-0 text-muted">876 Jobs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm position-relative mb-4 mx-auto">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-focus-2-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">Marketing & Advertising</h5>
</a>
<p class="mb-0 text-muted">465 Jobs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm position-relative mb-4 mx-auto">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-pencil-ruler-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">Education & training</h5>
</a>
<p class="mb-0 text-muted">105 Jobs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm position-relative mb-4 mx-auto">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-line-chart-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">Digital Marketing</h5>
</a>
<p class="mb-0 text-muted">377 Jobs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card shadow-none text-center py-3">
<div class="card-body py-4">
<div class="avatar-sm position-relative mb-4 mx-auto">
<div class="job-icon-effect"></div>
<div class="avatar-title bg-transparent text-success rounded-circle">
<i class="ri-briefcase-2-line fs-1"></i>
</div>
</div>
<a href="#!" class="stretched-link">
<h5 class="fs-17 pt-1">Catering & Tourism</h5>
</a>
<p class="mb-0 text-muted">85 Jobs</p>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end services -->
<!-- start cta -->
<section class="py-5 bg-primary position-relative">
<div class="bg-overlay bg-overlay-pattern opacity-50"></div>
<div class="container">
<div class="row align-items-center gy-4">
<div class="col-sm">
<div>
<h4 class="text-white mb-2">Ready to Started?</h4>
<p class="text-white-50 mb-0">Create new account and refer your friend</p>
</div>
</div>
<!-- end col -->
<div class="col-sm-auto">
<div>
<a href="#!" class="btn bg-gradient btn-danger">Create Free Account</a>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end cta -->
<section class="section" id="findJob">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="text-center mb-5">
<h1 class="mb-3 ff-secondary fw-semibold text-capitalize lh-base">Find Your <span
class="text-primary">Career</span> You Deserve it</h1>
<p class="text-muted">Post a job to tell us about your project. We'll quickly match you
with the right freelancers.</p>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
<div class="row">
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-warning-subtle rounded">
<img src="assets/images/companies/img-3.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>UI/UX designer</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Nesta Technologies
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> USA
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $23k -
35k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-success-subtle text-success">Design</span>
<span class="badge bg-danger-subtle text-danger">UI/UX</span>
<span class="badge bg-primary-subtle text-primary">Adobe XD</span>
</div>
</div>
<div>
<button type="button" class="btn btn-ghost-primary btn-icon custom-toggle"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-primary-subtle rounded">
<img src="assets/images/companies/img-2.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Product Sales Specialist</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Digitech Galaxy
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> Spain
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $10k -
15k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-primary-subtle text-primary">Sales</span>
<span class="badge bg-secondary-subtle text-secondary">Product</span>
<span class="badge bg-info-subtle text-info">Business</span>
</div>
</div>
<div>
<button type="button"
class="btn btn-ghost-primary btn-icon custom-toggle active"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-danger-subtle rounded">
<img src="assets/images/companies/img-4.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Marketing Director</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Meta4Systems
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> Sweden
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $20k -
25k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-warning-subtle text-warning">Marketing</span>
<span class="badge bg-info-subtle text-info">Bussiness</span>
</div>
</div>
<div>
<button type="button"
class="btn btn-ghost-primary btn-icon custom-toggle active"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-success-subtle rounded">
<img src="assets/images/companies/img-9.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Product Designer</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Themesbrand
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> USA
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $40k+
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-success-subtle text-success">Design</span>
<span class="badge bg-danger-subtle text-danger">UI/UX</span>
<span class="badge bg-primary-subtle text-primary">Adobe XD</span>
</div>
</div>
<div>
<button type="button" class="btn btn-ghost-primary btn-icon custom-toggle"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-info-subtle rounded">
<img src="assets/images/companies/img-1.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Project Manager</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Syntyce Solutions
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> Germany
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $18k -
26k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-danger-subtle text-danger">HR</span>
<span class="badge bg-success-subtle text-success">Manager</span>
</div>
</div>
<div>
<button type="button" class="btn btn-ghost-primary btn-icon custom-toggle"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-success-subtle rounded">
<img src="assets/images/companies/img-7.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Business Associate</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Nesta Technologies
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> USA
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $23k -
35k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-success-subtle text-success">Design</span>
<span class="badge bg-danger-subtle text-danger">UI/UX</span>
<span class="badge bg-primary-subtle text-primary">Adobe XD</span>
</div>
</div>
<div>
<button type="button"
class="btn btn-ghost-primary btn-icon custom-toggle active"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-info-subtle rounded">
<img src="assets/images/companies/img-8.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Recruiting Coordinator</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Zoetic Fashion
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> Namibia
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $12k -
15k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-success-subtle text-success">Full Time</span>
<span class="badge bg-info-subtle text-info">Remote</span>
<span class="badge bg-primary-subtle text-primary">Fashion</span>
</div>
</div>
<div>
<button type="button"
class="btn btn-ghost-primary btn-icon custom-toggle active"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card shadow-lg">
<div class="card-body">
<div class="d-flex">
<div class="avatar-sm">
<div class="avatar-title bg-warning-subtle rounded">
<img src="assets/images/companies/img-5.png" alt=""
class="avatar-xxs">
</div>
</div>
<div class="ms-3 flex-grow-1">
<a href="#!">
<h5>Customs officer</h5>
</a>
<ul class="list-inline text-muted mb-3">
<li class="list-inline-item">
<i class="ri-building-line align-bottom me-1"></i> Nesta Technologies
</li>
<li class="list-inline-item">
<i class="ri-map-pin-2-line align-bottom me-1"></i> USA
</li>
<li class="list-inline-item">
<i class="ri-money-dollar-circle-line align-bottom me-1"></i> $41k -
45k
</li>
</ul>
<div class="hstack gap-2">
<span class="badge bg-success-subtle text-success">Design</span>
<span class="badge bg-danger-subtle text-danger">UI/UX</span>
<span class="badge bg-primary-subtle text-primary">Adobe XD</span>
</div>
</div>
<div>
<button type="button" class="btn btn-ghost-primary btn-icon custom-toggle"
data-bs-toggle="button">
<span class="icon-on"><i class="ri-bookmark-line"></i></span>
<span class="icon-off"><i class="ri-bookmark-fill"></i></span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="text-center mt-4">
<a href="#!" class="btn btn-ghost-primary">View More Jobs <i
class="ri-arrow-right-line align-bottom"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- start find jobs -->
<section class="section">
<div class="container">
<div class="row align-items-center gy-4">
<div class="col-lg-6 order-2 order-lg-1">
<div class="text-muted mt-5 mt-lg-0">
<h5 class="fs-12 text-uppercase text-success">Hot Featured Company</h5>
<h1 class="mb-3 ff-secondary fw-semibold text-capitalize lh-base">Get <span
class="text-primary">10,000+</span> Featured Companies</h1>
<p class="ff-secondary mb-2">The demand for content writing services is growing. This is
because content is required in almost every industry. <b>Many companies have discovered
how effective content marketing is.</b> This is a major reason for this increase in
demand.</p>
<p class="mb-4 ff-secondary">A Content Writer is a professional who writes informative and
engaging articles to help brands showcase their products.</p>
<div class="mt-4">
<a href="index.html" class="btn btn-primary">View More Companies <i
class="ri-arrow-right-line align-middle ms-1"></i></a>
</div>
</div>
</div>
<!-- end col -->
<div class="col-lg-4 col-sm-7 col-10 ms-lg-auto mx-auto order-1 order-lg-2">
<div>
<div class="card shadow-lg">
<div class="card-body">
<button type="button" class="btn btn-icon btn-soft-primary float-end"
data-bs-toggle="button" aria-pressed="true"><i
class="mdi mdi-cards-heart fs-16"></i></button>
<div class="avatar-sm mb-4">
<div class="avatar-title bg-secondary-subtle rounded">
<img src="assets/images/companies/img-1.png" alt=""
class="avatar-xxs">
</div>
</div>
<a href="#!">
<h5>New Web designer</h5>
</a>
<p class="text-muted">Themesbrand</p>
<div class="d-flex gap-4 mb-3">
<div>
<i class="ri-map-pin-2-line text-primary me-1 align-bottom"></i>
Escondido,California
</div>
<div>
<i class="ri-time-line text-primary me-1 align-bottom"></i> 3 min ago
</div>
</div>
<p class="text-muted">As a Product Designer, you will work within a Product
Delivery Team fused with UX, engineering, product and data talent.</p>
<div class="hstack gap-2">
<span class="badge bg-success-subtle text-success">Full Time</span>
<span class="badge bg-primary-subtle text-primary">Freelance</span>
<span class="badge bg-danger-subtle text-danger">Urgent</span>
</div>
<div class="mt-4 hstack gap-2">
<a href="#!" class="btn btn-soft-primary w-100">Apply Job</a>
<a href="#!" class="btn btn-soft-success w-100">Overview</a>
</div>
</div>
</div>
<div class="card shadow-lg bg-info mb-0 features-company-widgets rounded-3">
<div class="card-body">
<h5 class="text-white fs-16 mb-4">10,000+ Featured Companies</h5>
<div class="d-flex gap-1">
<a href="javascript: void(0);" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top" title="Brent Gonzalez">
<div class="avatar-xs">
<div class="avatar-title bg-light bg-opacity-25 rounded-circle">
<img src="assets/images/companies/img-5.png" alt=""
height="15">
</div>
</div>
</a>
<a href="javascript: void(0);" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top" title="Brent Gonzalez">
<div class="avatar-xs">
<div class="avatar-title bg-light bg-opacity-25 rounded-circle">
<img src="assets/images/companies/img-2.png" alt=""
height="15">
</div>
</div>
</a>
<a href="javascript: void(0);" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top" title="Brent Gonzalez">
<div class="avatar-xs">
<div class="avatar-title bg-light bg-opacity-25 rounded-circle">
<img src="assets/images/companies/img-8.png" alt=""
height="15">
</div>
</div>
</a>
<a href="javascript: void(0);" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top" title="Brent Gonzalez">
<div class="avatar-xs">
<div class="avatar-title bg-light bg-opacity-25 rounded-circle">
<img src="assets/images/companies/img-7.png" alt=""
height="15">
</div>
</div>
</a>
<a href="javascript: void(0);" data-bs-toggle="tooltip"
data-bs-trigger="hover" data-bs-placement="top" title="More Companies">
<div class="avatar-xs">
<div
class="avatar-title fs-11 rounded-circle bg-light bg-opacity-25 text-white">
1k+
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end find jobs -->
<!-- start candidates -->
<section class="section bg-light" id="candidates">
<div class="bg-overlay bg-overlay-pattern"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h1 class="mb-3 ff-secondary fw-semibold text-capitalize lh-base">Hire Experts <span
class="text-primary">Team</span></h1>
<p class="text-muted mb-4">Hiring experts costs more per hour than hiring entry- or
mid-level freelancers, but they can usually get the work done faster—and better.</p>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
<div class="row">
<div class="col-lg-12">
<div class="swiper candidate-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card text-center">
<div class="card-body p-4">
<img src="assets/images/users/avatar-2.jpg" alt=""
class="rounded-circle avatar-md mx-auto d-block">
<h5 class="fs-17 mt-3 mb-2">Nancy Martino</h5>
<p class="text-muted fs-13 mb-3">Creative Designer</p>
<p class="text-muted mb-4 fs-14">
<i class="ri-map-pin-2-line text-primary me-1 align-bottom"></i>
Escondido, California
</p>
<a href="#!" class="btn btn-primary w-100">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card text-center">
<div class="card-body p-4">
<img src="assets/images/users/avatar-3.jpg" alt=""
class="rounded-circle avatar-md mx-auto d-block">
<h5 class="fs-17 mt-3 mb-2">Glen Matney</h5>
<p class="text-muted fs-13 mb-3">Marketing Director</p>
<p class="text-muted mb-4 fs-14">
<i class="ri-map-pin-2-line text-primary me-1 align-bottom"></i>
Escondido, California
</p>
<a href="#!" class="btn btn-primary w-100">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card text-center">
<div class="card-body p-4">
<img src="assets/images/users/avatar-10.jpg" alt=""
class="rounded-circle avatar-md mx-auto d-block">
<h5 class="fs-17 mt-3 mb-2">Alexis Clarke</h5>
<p class="text-muted fs-13 mb-3">Product Manager</p>
<p class="text-muted mb-4 fs-14">
<i class="ri-map-pin-2-line text-primary me-1 align-bottom"></i>
Escondido, California
</p>
<a href="#!" class="btn btn-primary w-100">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card text-center">
<div class="card-body p-4">
<img src="assets/images/users/avatar-8.jpg" alt=""
class="rounded-circle avatar-md mx-auto d-block" />
<h5 class="fs-17 mt-3 mb-2">James Price</h5>
<p class="text-muted fs-13 mb-3">Product Designer</p>
<p class="text-muted mb-4 fs-14">
<i class="ri-map-pin-2-line text-primary me-1 align-bottom"></i>
Escondido, California
</p>
<a href="#!" class="btn btn-primary w-100">View Profile</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card text-center">
<div class="card-body p-4">
<img src="assets/images/users/avatar-5.jpg" alt=""
class="rounded-circle avatar-md mx-auto d-block" />
<h5 class="fs-17 mt-3 mb-2">Michael Morris</h5>
<p class="text-muted fs-13 mb-3">Full Stack Developer</p>
<p class="text-muted mb-4 fs-14">
<i class="ri-map-pin-2-line text-primary me-1 align-bottom"></i>
Escondido, California
</p>
<a href="#!" class="btn btn-primary w-100">View Profile</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end container -->
</section>
<!-- end candidates -->
<!-- start blog -->
<section class="section" id="blog">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center mb-5">
<h1 class="mb-3 ff-secondary fw-semibold text-capitalize lh-base">Our Latest <span
class="text-primary">News</span></h1>
<p class="text-muted mb-4">We thrive when coming up with innovative ideas but also
understand that a smart concept should be supported with faucibus sapien odio measurable
results.</p>
</div>
</div>
</div>
<!-- end row -->
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<img src="assets/images/small/img-8.jpg" alt="" class="img-fluid rounded" />
</div>
<div class="card-body">
<ul class="list-inline fs-14 text-muted">
<li class="list-inline-item">
<i class="ri-calendar-line align-bottom me-1"></i> 30 Oct, 2021
</li>
<li class="list-inline-item">
<i class="ri-message-2-line align-bottom me-1"></i> 364 Comment
</li>
</ul>
<a href="javascript:void(0);">
<h5>Design your apps in your own way ?</h5>
</a>
<p class="text-muted fs-14">One disadvantage of Lorum Ipsum is that in Latin certain
letters appear more frequently than others.</p>
<div>
<a href="#!" class="link-success">Learn More <i
class="ri-arrow-right-line align-bottom ms-1"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<img src="assets/images/small/img-6.jpg" alt="" class="img-fluid rounded" />
</div>
<div class="card-body">
<ul class="list-inline fs-14 text-muted">
<li class="list-inline-item">
<i class="ri-calendar-line align-bottom me-1"></i> 02 Oct, 2021
</li>
<li class="list-inline-item">
<i class="ri-message-2-line align-bottom me-1"></i> 245 Comment
</li>
</ul>
<a href="javascript:void(0);">
<h5>Smartest Applications for Business ?</h5>
</a>
<p class="text-muted fs-14">Due to its widespread use as filler text for layouts,
non-readability is of great importance: human perception.</p>
<div>
<a href="#!" class="link-success">Learn More <i
class="ri-arrow-right-line align-bottom ms-1"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card">
<div class="card-body">
<img src="assets/images/small/img-9.jpg" alt="" class="img-fluid rounded" />
</div>
<div class="card-body">
<ul class="list-inline fs-14 text-muted">
<li class="list-inline-item">
<i class="ri-calendar-line align-bottom me-1"></i> 23 Sept, 2021
</li>
<li class="list-inline-item">
<i class="ri-message-2-line align-bottom me-1"></i> 354 Comment
</li>
</ul>
<a href="javascript:void(0);">
<h5>How apps is changing the IT world</h5>
</a>
<p class="text-muted fs-14">Intrinsically incubate intuitive opportunities and
real-time potentialities Appropriately communicate one-to-one technology.</p>
<div>
<a href="#!" class="link-success">Learn More <i
class="ri-arrow-right-line align-bottom ms-1"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end container -->
</section>
<!-- end blog -->
<!-- start cta -->
<section class="py-5 bg-primary position-relative">
<div class="bg-overlay bg-overlay-pattern opacity-50"></div>
<div class="container">
<div class="row align-items-center gy-4">
<div class="col-sm">
<div>
<h4 class="text-white fw-semibold">Get New Jobs Notification!</h4>
<p class="text-white text-opacity-75 mb-0">Subscribe & get all related jobs notification.
</p>
</div>
</div>
<!-- end col -->
<div class="col-sm-auto">
<button class="btn btn-danger" type="button">Subscribe Now <i
class="ri-arrow-right-line align-bottom"></i></button>
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end cta -->
<!-- Start footer -->
<footer class="custom-footer bg-dark py-5 position-relative">
<div class="container">
<div class="row">
<div class="col-lg-4 mt-4">
<div>
<div>
<img src="assets/images/logo-light.png" alt="logo light" height="17" />
</div>
<div class="mt-4 fs-13">
<p>Premium Multipurpose Admin & Dashboard Template</p>
<p>You can build any type of web application like eCommerce, CRM, CMS, Project
management apps, Admin Panels, etc using Velzon.</p>
<ul class="list-inline mb-0 footer-social-link">
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-facebook-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-github-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-linkedin-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-google-fill"></i>
</div>
</a>
</li>
<li class="list-inline-item">
<a href="javascript: void(0);" class="avatar-xs d-block">
<div class="avatar-title rounded-circle">
<i class="ri-dribbble-line"></i>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7 ms-lg-auto">
<div class="row">
<div class="col-sm-4 mt-4">
<h5 class="text-white mb-0">Company</h5>
<div class="text-muted mt-3">
<ul class="list-unstyled ff-secondary footer-list">
<li><a href="pages-profile.html">About Us</a></li>
<li><a href="pages-gallery.html">Gallery</a></li>
<li><a href="pages-team.html">Team</a></li>
<li><a href="pages-pricing.html">Pricing</a></li>
<li><a href="pages-timeline.html">Timeline</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-4">
<h5 class="text-white mb-0">For Jobs</h5>
<div class="text-muted mt-3">
<ul class="list-unstyled ff-secondary footer-list">
<li><a href="apps-job-lists.html">Job List</a></li>
<li><a href="apps-job-application.html">application</a></li>
<li><a href="apps-job-new.html">New Job</a></li>
<li><a href="apps-job-companies-lists.html">Company List</a></li>
</ul>
</div>
</div>
<div class="col-sm-4 mt-4">
<h5 class="text-white mb-0">Support</h5>
<div class="text-muted mt-3">
<ul class="list-unstyled ff-secondary footer-list">
<li><a href="pages-faqs.html">FAQ</a></li>
<li><a href="pages-faqs.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center text-sm-start align-items-center mt-5">
<div class="col-sm-6">
<div>
<p class="copy-rights mb-0">
<script>
document.write(new Date().getFullYear())
</script> © Velzon - Themesbrand
</p>
</div>
</div>
<div class="col-sm-6">
<div class="text-sm-end mt-3 mt-sm-0">
<ul class="list-inline mb-0 footer-list gap-4 fs-13">
<li class="list-inline-item">
<a href="pages-privacy-policy.html">Privacy Policy</a>
</li>
<li class="list-inline-item">
<a href="pages-term-conditions.html">Terms & Conditions</a>
</li>
<li class="list-inline-item">
<a href="pages-privacy-policy.html">Security</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- end footer --> --}}
<!--start back-to-top-->
<button onclick="topFunction()" class="btn btn-info btn-icon landing-back-top" id="back-to-top">
<i class="ri-arrow-up-line"></i>
</button>
<!--end back-to-top-->
</div>
<!-- end layout wrapper -->
<!-- JAVASCRIPT -->
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="assets/libs/node-waves/waves.min.js"></script>
<script src="assets/libs/feather-icons/feather.min.js"></script>
<script src="assets/js/plugins.js"></script>
<!--job landing init -->
<script src="assets/js/pages/job-lading.init.js"></script>
</body>
</html>