Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/benchexc.clickysoft.net/resources/views/front/resources-form.html

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Bench Xchange - Resources Form</title> <link rel="icon" type="image/x-icon" href="images/make-film-fav-icon.png" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" /> <link href="css/main.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <!-- HEADER SECTION BEGIN --> <header class="header" id="header"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="header-inner"> <nav class="navbar container"> <a href="index.html" class="brand" ><img src="images/logo.png" alt="image" class="img-fluid" /></a> <div class="burger" id="burger"> <span class="burger-line"></span> <span class="burger-line"></span> <span class="burger-line"></span> </div> <div class="menu" id="menu"> <div class="menu-items"> <div class="search-filter"> <input type="search" placeholder="Search Talent and opportunities" class="form-control" /> <div class="filter-bar"> <span></span> <a href="javascript:void(0)" ><img src="images/filter-bar.png" alt="images" class="img-fluid" /></a> </div> </div> </div> <div class="avatar-dropdown-cont"> <div class="dropdown"> <button type="button" onclick="showMenu()" class="dropdown-button" > <span ><img src="images/vm2.png" alt="image" class="img-fluid" /></span> John Doe <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" id="chevron" class="chevron-icon" > <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /> </svg> </button> <div class="dropdown-content"> <a href="javascript:void(0)" class="dropdown-link" >My Profile</a > <a href="javascript:void(0)" class="dropdown-link" >My Resources</a > <a href="javascript:void(0)" class="dropdown-link" >My Resource Requests</a > <a href="javascript:void(0)" class="dropdown-link" >My Opportunities</a > <a href="javascript:void(0)" class="dropdown-link" >Logout</a > </div> </div> </div> </div> </nav> </div> </div> </div> </div> </header> <!-- HEADER SECTION END --> <!-- RESOURCES FORM SECTION BEGIN --> <section class="resources-from-sec-bg"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="my-resources-cont"> <h4>my resources</h4> </div> <div class="resources-cont-grid"> <div class="dash-form-field-flex"> <div class="dash-form-fields"> <label>Resource Title</label> <input type="text" class="form-control" placeholder="Enter Resource Title" /> </div> <div class="dash-form-fields"> <label>Years of Experience</label> <input type="text" class="form-control" placeholder="Enter Years of Experience" /> </div> </div> <div class="dash-form-field-flex"> <div class="dash-form-fields"> <label>Company name <span></span></label> <input type="text" class="form-control" placeholder="Enter Company name" /> </div> <div class="dash-form-fields"> <label>City <span></span></label> <select class="form-control"> <option>Select city</option> <option>City</option> <option>City</option> <option>City</option> </select> </div> </div> <div class="dash-form-field-flex"> <div class="dash-form-fields"> <label>Phone Number <span></span></label> <input type="number" class="form-control" placeholder="Enter Phone Number" /> </div> <div class="dash-form-fields"> <label>Email Address <span></span></label> <input type="email" class="form-control" placeholder="Enter Email Address" /> </div> </div> <div class="dash-form-field-flex"> <div class="dash-form-fields"> <label>Availability <span></span></label> <select class="form-control"> <option>Select Availability</option> <option>Availability</option> <option>Availability</option> <option>Availability</option> </select> </div> <div class="dash-form-fields"> <label>Time <span></span></label> <select class="form-control"> <option>Select Time</option> <option>Time</option> <option>Time</option> <option>Time</option> </select> </div> </div> <div class="dash-form-field-flex"> <div class="check-item"> <label class="wm-modal" >Mobilization Time <span></span></label > <div class="immediate-cont"> <p>Immediate</p> <div class="form-group"> <input type="checkbox" id="mob-time" /> <label for="mob-time">Yes</label> </div> <div class="form-group"> <input type="checkbox" id="mob-time1" /> <label for="mob-time1">No</label> </div> </div> </div> <div class="check-item"> <label class="wm-modal">Working Model <span></span></label> <div class="fgm-flex"> <div class="form-group"> <input type="checkbox" id="work-modal" /> <label for="work-modal">Onsite</label> </div> <div class="form-group"> <input type="checkbox" id="work-modal1" /> <label for="work-modal1">Remote</label> </div> <div class="form-group"> <input type="checkbox" id="work-modal2" /> <label for="work-modal2">Hybrid</label> </div> </div> </div> </div> <div class="dash-form-field-flex"> <div class="skills-selection"> <div class="dash-form-fields"> <label>Skills <span></span></label> <input type="text" class="form-control" id="skillInput" placeholder="Type your skills" /> </div> <div id="skillsContainer" class="skills-container"></div> </div> <div class="rate-selection"> <div class="dash-form-fields"> <label>Rate <span></span></label> <input type="text" class="form-control" placeholder="Enter your rate" /> </div> <div class="rate-selection-tabs"> <div class="monthly-tab-sel tab selected">Monthly</div> <div class="hourly-tab-sel tab">Hourly</div> </div> </div> </div> <div class="dash-form-field-flex upload-form-flex"> <div class="dash-form-fields"> <label>Additional Notes </label> <textarea cols="4" rows="4" class="form-control" placeholder="About the Resource" ></textarea> </div> <div class="upload-resume"> <label >Upload Resume <p>(PDF/Doc)</p> </label> <button type="button" class="custom-file-button" onclick="document.getElementById('resumeInput').click()" > Choose your file </button> <input type="file" accept=".pdf,.doc,.docx" id="resumeInput" style="display: none" /> <p id="file-name"></p> </div> </div> <div class="publish-form-btn"> <button type="button" class="btn btn-primary">Publish</button> </div> </div> </div> </div> </div> </section> <!-- RESOURCES FORM SECTION END --> <!-- FOOTER SECTION BEGIN --> <footer> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="footer-flex"> <div class="footer-left-cont"> <p>© 2024 BenchXchange</p> </div> <div class="footer-center-flex"> <ul> <li><a href="javascript:void(0)">Home</a></li> <li><a href="javascript:void(0)">My Resources</a></li> <li><a href="javascript:void(0)">My Resource Requests</a></li> <li><a href="javascript:void(0)">My Opportunities</a></li> <li><a href="javascript:void(0)">Terms and Conditions</a></li> </ul> </div> <div class="footer-right-cont-flex"> <div class="footer-social-icons"> <ul> <li> <a href="javascript:void(0)" ><i class="fa-brands fa-linkedin-in"></i ></a> </li> <li> <a href="javascript:void(0)" ><i class="fa-brands fa-facebook-f"></i ></a> </li> <li> <a href="javascript:void(0)" ><i class="fa-brands fa-square-instagram"></i ></a> </li> </ul> </div> </div> </div> </div> </div> </div> </footer> <!-- FOOTER SECTION END --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous" ></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous" ></script> <script> // JOBS TABS SCRIPT BEGIN (function ($) { $(".jobs-tabs nav .detail-selection").on("click", function () { $(".jobs-tabs .triangle-container").remove(); show_content($(this).index()); }); show_content(0); function show_content(index) { $(".jobs-tabs .tabs .content.visible").removeClass("visible"); $( ".jobs-tabs .tabs .content:nth-of-type(" + (index + 1) + ")" ).addClass("visible"); $(".jobs-tabs nav .detail-selection.selected").removeClass( "selected" ); $( ".jobs-tabs nav .detail-selection:nth-of-type(" + (index + 1) + ")" ).addClass("selected"); } })(jQuery); // JOBS TABS SCRIPT END // AVATAR DROPDOWN SCRIPT BEGIN ("use strict"); const dropdownContent = document.querySelector(".dropdown"); const chevron = document.getElementById("chevron"); function showMenu() { dropdownContent.classList.toggle("active"); chevron.classList.toggle("rotate"); } window.onclick = (event) => { if ( !event.target.matches(".dropdown-button") && !dropdownContent.contains(event.target) ) { dropdownContent.classList.remove("active"); chevron.classList.remove("rotate"); } }; // AVATAR DROPDOWN SCRIPT END // SKILLS SELECTION SCRIPT BEGIN const skillInput = document.getElementById("skillInput"); const skillsContainer = document.getElementById("skillsContainer"); skillInput.addEventListener("keypress", function (event) { if (event.key === "Enter") { event.preventDefault(); const skill = skillInput.value.trim(); if (skill) { const skillItem = document.createElement("div"); skillItem.classList.add("skill-item"); const skillText = document.createElement("span"); skillText.textContent = skill; skillItem.appendChild(skillText); const crossIcon = document.createElement("span"); crossIcon.textContent = "✕"; crossIcon.classList.add("cross-icon"); crossIcon.onclick = function () { skillsContainer.removeChild(skillItem); }; skillItem.appendChild(crossIcon); skillsContainer.appendChild(skillItem); skillInput.value = ""; } } }); // SKILLS SELECTION SCRIPT END // MONTHLY HOURLY TABS SCRIPT BEGIN const tabs = document.querySelectorAll(".tab"); tabs.forEach((tab) => { tab.addEventListener("click", function () { tabs.forEach((t) => t.classList.remove("selected")); tab.classList.add("selected"); }); }); // MONTHLY HOURLY TABS SCRIPT END // FILE SELECTION SCRIPT BEGIN const resumeInput = document.getElementById("resumeInput"); const fileNameDisplay = document.getElementById("file-name"); resumeInput.addEventListener("change", function () { if (resumeInput.files.length > 0) { fileNameDisplay.textContent = `Selected file: ${resumeInput.files[0].name}`; } else { fileNameDisplay.textContent = ""; } }); // FILE SELECTION SCRIPT END /MENUBAR SCRIPT BEGIN/ const navbarMenu = document.getElementById("menu"); const burgerMenu = document.getElementById("burger"); const headerMenu = document.getElementById("header"); const overlayMenu = document.querySelector(".overlay"); if (burgerMenu && navbarMenu) { burgerMenu.addEventListener("click", () => { burgerMenu.classList.toggle("is-active"); navbarMenu.classList.toggle("is-active"); }); } window.addEventListener("resize", () => { if (window.innerWidth >= 991) { if (navbarMenu.classList.contains("is-active")) { navbarMenu.classList.remove("is-active"); overlayMenu.classList.remove("is-active"); } } }); /MENUBAR SCRIPT END/ </script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка