One Hat Cyber Team
Your IP :
18.191.36.245
Server IP :
50.28.103.30
Server :
Linux host.jcukjv-lwsites.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
Server Software :
nginx/1.24.0
PHP Version :
8.3.12
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
www
/
wwwroot
/
ef.electronharmony.com
/
2
/
admin
/
View File Name :
home.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="123,"> <meta name="description" content=""> <meta property="og:site_name" content="Jano"> <meta property="og:url" content="https://creativegigstf.com"> <meta property="og:type" content="website"> <meta property="og:title" content=""> <meta name='og:image' content='../style/images/assets/ogg.png'> <!-- For IE --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- For Resposive Device --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- For Window Tab Color --> <!-- Chrome, Firefox OS and Opera --> <meta name="theme-color" content="#244034"> <!-- Windows Phone --> <meta name="msapplication-navbutton-color" content="#244034"> <!-- iOS Safari --> <meta name="apple-mobile-web-app-status-bar-style" content="#244034"> <title>admin_WEB </title> <!-- Favicon --> <link rel="icon" type="image/png" sizes="56x56" href="style/images/fav-icon/icon.png"> <!-- Bootstrap CSS --> <link rel="stylesheet" type="text/css" href="../style/css/bootstrap.min.css" media="all"> <!-- Main style sheet --> <link rel="stylesheet" type="text/css" href="../style/css/style.css" media="all"> <!-- responsive style sheet --> <link rel="stylesheet" type="text/css" href="../style/css/responsive.css" media="all"> <!-- Fix Internet Explorer ______________________________________--> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="vendor/html5shiv.js"></script> <script src="vendor/respond.js"></script> <![endif]--> </head> <style> /* 通用样式 */ .form-label { font-size: 16px; font-weight: bold; margin-bottom: 5px; display: block; color: #333; } .form-input { width: 100%; padding: 10px 15px; border: 1px solid #ccc; border-radius: 5px; outline: none; font-size: 14px; transition: border-color 0.3s ease; } .form-input:focus { border-color: #6c63ff; box-shadow: 0 0 5px rgba(108, 99, 255, 0.5); } /* 图片预览容器 */ .logo-preview-wrapper { width: 120px; height: 120px; border: 2px dashed #d2f34c; border-radius: 10px; overflow: hidden; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; position: relative; } .user-img { width: 100%; height: 100%; object-fit: cover; display: block; } /* 上传按钮 */ .upload-btn { font-size: 15px; font-weight: 500; padding: 10px 20px; background-color: #d2f34c; color: #244034; border-radius: 7px; cursor: pointer; position: relative; display: inline-block; text-align: center; transition: all 0.3s ease; } .upload-btn:hover { background-color: #c5e045; color: #1c3228; } /* 隐藏文件选择器 */ .upload-btn input[type="file"] { position: absolute; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; } /* 分类选择样式 */ .custom-select-wrapper { position: relative; display: inline-block; width: 100%; } .custom-select { width: 100%; padding: 10px 15px; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 5px; font-size: 16px; color: #333; appearance: none; background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 15px center; background-size: 10px; cursor: pointer; } .custom-select:focus { border-color: #007bff; box-shadow: 0 0 3px rgba(0, 123, 255, 0.5); outline: none; } .custom-select option { padding: 10px; font-size: 16px; } </style> <body> <div class="main-page-wrapper"> <!-- =================================================== Loading Transition ==================================================== --> <div id="preloader"> <div id="ctn-preloader" class="ctn-preloader"> <div class="icon"><img src="images/loader.svg" alt="" class="m-auto d-block" width="60"></div> <div class="txt-loading"> <span data-text-preloader="j" class="letters-loading"> j </span> <span data-text-preloader="o" class="letters-loading"> o </span> <span data-text-preloader="b" class="letters-loading"> b </span> <span data-text-preloader="i" class="letters-loading"> i </span> </div> </div> </div> <!-- ============================================= Theme Main Menu ============================================== --> <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> <!-- logo --> <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> <!--/.right-widget--> <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> <!-- /.item --> <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> <!-- /.item --> <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> <!-- /.item --> </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> <!-- /.item --> <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> <!-- /.item --> <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> <!-- /.item --> </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> <!--/.menu-column --> </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> <!--/.menu-column --> </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> <!--/.menu-column --> </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> <!--/.top-header--> </div> <!-- /.inner-content --> </header> <!-- /.theme-main-menu --> <!-- ============================================= Inner Banner ============================================== --> <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> <!-- /.job-search-one --> </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> <!-- /.inner-banner-one --> <!-- ============================================= Job Listing Three ============================================== --> <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> <!-- /.upper-filter --> <div class="wrapper"> <div class="row"> <?php include '../mysql.php'; // 获取当前页码（默认为第一页） $page = isset($_GET['page']) ? (int)$_GET['page'] : 1; $page = max(1, $page); // 确保页码不小于 1 // 每页显示的数据数量 $items_per_page = 20; // 计算偏移量 $offset = ($page - 1) * $items_per_page; // 查询总记录数（用于分页） $total_sql = "SELECT COUNT(*) AS total FROM url_entries"; $total_result = $conn->query($total_sql); $total_row = $total_result->fetch_assoc(); $total_items = $total_row['total']; // 计算总页数 $total_pages = ceil($total_items / $items_per_page); // 查询数据，先显示 statuss = 'No'，再显示 statuss = 'Yes' $sql = "SELECT id, urls, titles, logos, keywordss, descriptions, countrys, categoryss, statuss FROM url_entries ORDER BY CASE WHEN statuss = 'No' THEN 1 ELSE 2 END ASC, id DESC LIMIT $offset, $items_per_page"; $result = $conn->query($sql); // 检查是否有数据 if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $id = $row['id']; $urls = $row['urls']; $titles = strlen($row['titles']) > 20 ? substr($row['titles'], 0, 20) . '...' : $row['titles']; $logos = $row['logos']; $keywordss = strlen($row['keywordss']) > 100 ? substr($row['keywordss'], 0, 100) . '...' : $row['keywordss']; $descriptions = strlen($row['descriptions']) > 100 ? substr($row['descriptions'], 0, 100) . '...' : $row['descriptions']; $countrys = $row['countrys']; $categoryss = $row['categoryss']; $statuss = $row['statuss']; // 获取 statuss 字段 echo " <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=\"home-edited.php?id=$id\" class=\"save-btn text-center rounded-circle tran3s\" title=\"Edit Job\"> <i class=\"bi bi-pencil\"></i> </a> <div class=\"list-header d-flex align-items-center\"> <a href=\"$urls\" target=\"_blank\" class=\"logo\"> <img src=\"../$logos\" alt=\"Logo\" class=\"lazy-img m-auto\"> </a> <div class=\"info-wrapper\"> <a href=\"$urls\" target=\"_blank\" class=\"title fw-500 tran3s\">$titles</a> <ul class=\"style-none d-flex flex-wrap info-data\"> <li>$keywordss</li> <li>" . ($statuss === 'No' ? "<a class=\"text-danger\">No</a>" : "<a class=\"text-success\">Yes</a>") . "</li> </ul> </div> </div> <p>$descriptions</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\">$categoryss</span> <a class=\"job-duration fw-500 text-danger\">$countrys</a> </div> <a href=\"$urls\" target=\"_blank\" class=\"apply-btn text-center tran3s xs-mt-20\">View</a> </div> </div> </div> </div> "; } } else { echo "<p>No data found.</p>"; } // 关闭数据库连接 $conn->close(); ?> <!-- 分页导航 --> <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"><?= (($page - 1) * $items_per_page + 1) ?></span> to <span class="text-dark fw-500"><?= min($page * $items_per_page, $total_items) ?></span> of <span class="text-dark fw-500"><?= $total_items ?></span> </p> <ul class="pagination-one d-flex align-items-center justify-content-center justify-content-sm-start style-none"> <?php if ($page > 1): ?> <li><a href="?page=<?= $page - 1 ?>"> < </a> </li> <?php endif; ?> <?php for ($i = 1; $i <= $total_pages; $i++): ?> <li class="<?= $i == $page ? 'active' : '' ?>"><a style="width: 35px;height: 35px;" href="?page=<?= $i ?>"><?= $i ?></a></li> <?php endfor; ?> <?php if ($page < $total_pages): ?> <li><a style="width: 35px;height: 35px;" href="?page=<?= $page + 1 ?>"> > </a></li> <?php endif; ?> </ul> </div> </div> <!-- /.job-post-item-wrapper --> </div> <!-- /.col- --> </div> </div> </section> <!-- ./job-listing-three --> <!-- ===================================================== Job Portal Intro ===================================================== --> <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> <!-- /.job-portal-intro --> <!-- ===================================================== Footer One ===================================================== --> <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"> <!-- logo --> </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> <!-- /.inner-wrapper --> </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> <!-- /.footer-one --> <!-- Modal --> <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 id="url-form" action="addurlhome_admin.php" method="post" enctype="multipart/form-data" class="mt-10"> <div class="row"> <!-- Logo 上传 --> <div class="logo-upload-container d-flex flex-column align-items-center mb-30"> <div class="logo-preview-wrapper position-relative"> <img id="logoPreview" src="../style/images/upload.png" alt="Logo" class="lazy-img user-img"> </div> <label class="upload-btn"> Upload Logo <input type="file" id="uploadImg" name="uploadImg" onchange="previewImage(event)"> </label> </div> <!-- URL --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="url-input">URL*</label> <input type="text" name="urls" placeholder="https://test.com" required> </div> </div> <!-- Title --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="url-input">Title*</label> <input type="text" name="titles" placeholder="title..." required> </div> </div> <!-- Keywords --> <div class="col-12"> <div class="input-group-meta form-group mb-35"> <label for="url-input">Keywords*</label> <textarea style="width: 100%;max-width: 100%;border: none;border-radius: 7px;background: #F2F2F2;height:120px;padding: 15px 20px;" name="keywordss" placeholder="keywords..." required></textarea> </div> </div> <!-- Description --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="url-input">Description*</label> <textarea style="width: 100%;max-width: 100%;border: none;border-radius: 7px;background: #F2F2F2;height:120px;padding: 15px 20px;" name="descriptions" placeholder="description..." required></textarea> </div> </div> <!-- Country --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="url-input">Country*</label> <input type="text" name="countrys" placeholder="country..." required> </div> </div> <!-- Category --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="category-select" class="form-label">Category*</label> <select class="custom-select" name="categoryss" required> <option value="" disabled selected>--Select a Category--</option> <option value="Technology">Technology</option> <option value="IT">IT</option> <option value="Server">Server</option> <option value="Design">Design</option> <option value="Finance">Finance</option> <option value="News">News</option> </select> </div> </div> <!-- Status --> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label for="category-select" class="form-label">Status*</label> <select class="custom-select" name="statuss" required> <option value="Yes">Yes</option> <option value="No">No</option> </select> </div> </div> <!-- 提交按钮 --> <div class="col-12"> <button type="submit" class="btn-eleven fw-500 tran3s d-block mt-20">Submit</button> </div> </div> </form> </div> <!-- /.form-wrapper --> </div> <!-- /.user-data-form --> </div> </div> </div> <!-- Modal --> <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> <!-- /.filter-block --> </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> <!-- /.filter-block --> </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> <!-- /.filter-block --> </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> <!-- /.filter-block --> </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> <!-- /.filter-block --> </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> <!-- /.filter-block --> </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> <!-- /.filter-block --> </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> <!-- /.filter header --> </div> </div> <!-- /.filter-area-tab --> </div> </div> </div> <button class="scroll-top"> <i class="bi bi-arrow-up-short"></i> </button> <!-- Optional JavaScript _____________________________ --> <!-- jQuery first, then Bootstrap JS --> <!-- jQuery --> <script src="../style/vendor/jquery.min.js"></script> <!-- Bootstrap JS --> <script src="../style/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- WOW js --> <script src="../style/vendor/wow/wow.min.js"></script> <!-- Slick Slider --> <script src="../style/vendor/slick/slick.min.js"></script> <!-- Fancybox --> <script src="../style/vendor/fancybox/dist/jquery.fancybox.min.js"></script> <!-- Lazy --> <script src="../style/vendor/jquery.lazy.min.js"></script> <!-- js Counter --> <script src="../style/vendor/jquery.counterup.min.js"></script> <script src="../style/vendor/jquery.waypoints.min.js"></script> <!-- Nice Select --> <script src="../style/vendor/nice-select/jquery.nice-select.min.js"></script> <!-- validator js --> <script src="../style/vendor/validator.js"></script> <!-- Theme js --> <script src="../style/js/theme.js"></script> </div> <!-- /.main-page-wrapper --> </body> </html>