1363 lines
79 KiB
PHP
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>
|