One Hat Cyber Team
Your IP :
3.147.71.116
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
/
1
/
T4
/
View File Name :
index.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="Digital marketing agency, Digital marketing company, Digital marketing services"> <meta name="description" content="Jobi is a beautiful website template designed for job board websites."> <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="Jobi - Responsive Job Board HTML Template"> <meta name='og:image' content='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>Web list</title> <!-- Favicon --> <link rel="icon" type="image/png" sizes="56x56" href="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> <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="adds.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 // Database connection information $servername = "localhost"; $username = "url_entries"; $password = "X5ftx2xPeJZYmmM5"; $dbname = "url_entries"; // Create database connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } // Define random color array (no longer used if we’re removing text logo) $colors = ['#FF5733', '#33B5FF', '#FFD700', '#8E44AD', '#27AE60', '#FF69B4', '#FF4500']; // Query data $sql = "SELECT id, url, title, logo, keywords, description, categorys, country FROM url_entries ORDER BY id DESC"; $result = $conn->query($sql); if ($result->num_rows > 0) { // Output data while ($row = $result->fetch_assoc()) { // Limit field lengths $title = mb_strlen($row['title']) > 20 ? mb_substr($row['title'], 0, 20) . '...' : $row['title']; $keywords = mb_strlen($row['keywords']) > 50 ? mb_substr($row['keywords'], 0, 50) . '...' : $row['keywords']; $description = mb_strlen($row['description']) > 100 ? mb_substr($row['description'], 0, 100) . '...' : $row['description']; // Get logo or default placeholder $logo = $row['logo']; // Check if logo URL is a relative path, convert it to a full URL if so if (!empty($logo) && !filter_var($logo, FILTER_VALIDATE_URL)) { $parsedUrl = parse_url($row['url']); $logo = $parsedUrl['scheme'] . '://' . $parsedUrl['host'] . '/' . ltrim($logo, '/'); } ?> <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="" class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a> <div class="list-header d-flex align-items-center"> <a href="<?php echo htmlspecialchars($row['url']); ?>" class="logo"> <!-- Display logo image only --> <img src="<?php echo htmlspecialchars($logo); ?>" alt="Logo" class="lazy-img m-auto" style="width: 50px; height: 50px; border-radius: 50%; border: 1px solid #d7d7d7;" onerror="this.style.display='none';"> </a> <div class="info-wrapper"> <a href="<?php echo htmlspecialchars($row['url']); ?>" target="_blank" class="title fw-500 tran3s"><?php echo htmlspecialchars($title); ?></a> <ul class="style-none d-flex flex-wrap info-data"> <li><?php echo htmlspecialchars($keywords); ?></li> </ul> </div> </div> <!-- ./.list-header --> <p><?php echo htmlspecialchars($description); ?></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"><?php echo htmlspecialchars($row['categorys']); ?> -</span> <a href="job-details-v2.html" class="job-duration fw-500"><?php echo htmlspecialchars($row['country']); ?></a> </div> <a href="<?php echo htmlspecialchars($row['url']); ?>" target="_blank" class="apply-btn text-center tran3s xs-mt-20">VIEW</a> </div> </div> </div> <!-- /.job-list-three --> </div> <?php } } else { echo "<p>No records found.</p>"; } // Close database connection $conn->close(); ?> </div> </div> <!-- /.accordion-box --> <div class="pt-30 lg-pt-20 d-sm-flex align-items-center justify-content-between"> <p class="m0 order-sm-last text-center text-sm-start xs-pb-20">Showing <span class="text-dark fw-500">1 to 20</span> of <span class="text-dark fw-500">7,096</span></p> <ul class="pagination-one d-flex align-items-center justify-content-center justify-content-sm-start style-none"> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li>....</li> <li class="ms-2"><a href="#" class="d-flex align-items-center">Last <img src="images/icon/icon_50.svg" alt="" class="ms-2"></a></li> </ul> </div> </div> <!-- /.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="">xx</a></p> </div> <div class="form-wrapper m-auto"> <form id="url-form" action="addurlhome.php" method="post" class="mt-10"> <div class="row"> <div class="col-12"> <div class="input-group-meta position-relative mb-25"> <label>URL*</label> <input type="text" name="url" id="url-input" placeholder="https://test.com/" oninput="fetchPreview()" required> </div> </div> <!-- Preview Section --> <div class="col-12"> <div id="preview-container" style="display: none;"> <div class="job-list-three d-flex h-100 w-100"> <div class="main-wrapper h-100 w-100"> <a class="save-btn text-center rounded-circle tran3s" title="Save Job"><i class="bi bi-bookmark-dash"></i></a> <div class="list-header d-flex align-items-center"> <a class="logo"><img id="preview-logo" src="" alt="Logo" class="lazy-img m-auto"></a> <div class="info-wrapper"> <a class="title fw-500 tran3s" id="preview-title">Title</a> <ul class="style-none d-flex flex-wrap info-data"> <li id="preview-keywords">Keywords</li> </ul> </div> </div> <p id="preview-description">Description</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">from</span> <span class="job-duration fw-500" id="preview-country">Country</span> </div> <a href="job-details-v2.html" class="apply-btn text-center tran3s xs-mt-20">VIEW</a> </div> </div> </div> </div> </div> <!-- Category Selection --> <div class="col-12"> <label>Category</label> <select name="categorys" style="background-color:#ecf3f0; -webkit-tap-highlight-color: transparent; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.06); cursor: pointer; display: block; font-size: 0.9em; height: 35px; padding-left: 10px; text-transform: capitalize; transition: all 0.2s ease-in-out; width: 100%;"> <option value="Designer">Designer</option> <option value="IT & Development">IT & Development</option> <option value="Web & Mobile Dev">Web & Mobile Dev</option> <option value="Writing">Writing</option> </select> </div> <!-- Hidden fields to store metadata --> <input type="hidden" name="title" id="hidden-title"> <input type="hidden" name="logo" id="hidden-logo"> <input type="hidden" name="keywords" id="hidden-keywords"> <input type="hidden" name="description" id="hidden-description"> <input type="hidden" name="country" id="hidden-country"> <!-- Submit Button and Success Message --> <div class="col-12"> <button type="submit" class="btn-eleven fw-500 tran3s d-block mt-20">Submit</button> <p id="success-message" style="display: none; color: green;">您已添加成功，<span id="countdown">3</span> 秒钟后跳转...</p> </div> </div> </form> <script> // 提交表单并显示成功消息和倒计时 document.getElementById('url-form').addEventListener('submit', function(event) { event.preventDefault(); // 阻止默认提交 const formData = new FormData(this); fetch('addurlhome.php', { method: 'POST', body: formData }) .then(response => response.text()) .then(data => { // 显示成功消息和倒计时 const successMessage = document.getElementById('success-message'); const countdownElement = document.getElementById('countdown'); let countdown = 3; successMessage.style.display = 'block'; const interval = setInterval(() => { countdown -= 1; countdownElement.textContent = countdown; if (countdown <= 0) { clearInterval(interval); window.location.href = 'index.php'; } }, 1000); }) .catch(error => { console.error('Error:', error); }); }); </script> <script> function fetchPreview() { const urlInput = document.getElementById('url-input').value; const previewContainer = document.getElementById('preview-container'); const previewLogo = document.getElementById('preview-logo'); const previewTitle = document.getElementById('preview-title'); const previewKeywords = document.getElementById('preview-keywords'); const previewDescription = document.getElementById('preview-description'); const previewCountry = document.getElementById('preview-country'); // Hidden input fields const hiddenTitle = document.getElementById('hidden-title'); const hiddenLogo = document.getElementById('hidden-logo'); const hiddenKeywords = document.getElementById('hidden-keywords'); const hiddenDescription = document.getElementById('hidden-description'); const hiddenCountry = document.getElementById('hidden-country'); if (urlInput.trim() === '') { previewContainer.style.display = 'none'; return; } fetch('get_preview.php?url=' + encodeURIComponent(urlInput)) .then(response => response.json()) .then(data => { if (data.success) { previewLogo.src = data.logo || 'default-logo.png'; previewTitle.textContent = data.title || 'Unknown Title'; previewKeywords.textContent = data.keywords || 'No Keywords Available'; previewDescription.textContent = data.description || 'No Description Available'; previewCountry.textContent = data.country || 'Unknown Country'; previewContainer.style.display = 'block'; // Set values to hidden fields for form submission hiddenTitle.value = data.title || 'Unknown Title'; hiddenLogo.value = data.logo || 'default-logo.png'; hiddenKeywords.value = data.keywords || 'No Keywords Available'; hiddenDescription.value = data.description || 'No Description Available'; hiddenCountry.value = data.country || 'Unknown Country'; } else { previewContainer.style.display = 'none'; } }) .catch(() => { previewContainer.style.display = 'none'; }); } </script> <div class="d-flex align-items-center mt-30 mb-10"> <div class="line"></div> <span class="pe-3 ps-3">OR</span> <div class="line"></div> </div> <div class="row"> <div class="col-md-6"> <a href="#" class="social-use-btn d-flex align-items-center justify-content-center tran3s w-100 mt-10"> <img src="images/icon/google.png" alt=""> <span class="ps-2">Login with Google</span> </a> </div> <div class="col-md-6"> <a href="#" class="social-use-btn d-flex align-items-center justify-content-center tran3s w-100 mt-10"> <img src="images/icon/facebook.png" alt=""> <span class="ps-2">Login with Facebook</span> </a> </div> </div> <p class="text-center mt-10">Don't have an account? <a href="signup.html" class="fw-500">Sign up</a></p> </div> <!-- /.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>