Файловый менеджер - Редактировать - /home/clickysoft/public_html/benchexc.clickysoft.net/resources/views/front/dashboard-change-password.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 - Dashboard Change Password</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 --> <!-- BASIC INFORMATION SECTION BEGIN --> <section class="basic-information-sec-bg"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="dashboard-info-cont"> <h4>My Profile</h4> </div> <div class="dash-tab-info-flex"> <div class="dash-lft-info"> <div class="avatar-detail-flex"> <div class="avatar-detail-img"> <div class="avatar-upload"> <div class="avatar-edit"> <input type="file" id="imageUpload" accept=".png, .jpg, .jpeg" /> <label for="imageUpload"></label> </div> <div class="avatar-preview"> <div id="imagePreview" style="background-image: url(../images/vm2.png)" ></div> </div> </div> </div> <div class="avatar-setail-cont"> <h5>JohnDoe</h5> <p>Johndoe@example.com</p> <span>Karachi, Pakistan</span> </div> </div> <div class="basic-contact"> <ul> <li> <a href="javascript:void(0)" >Basic information <span> <svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.8413 1.41986L16.9769 5.55556L12.8413 9.69112" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> <path d="M16.7223 5.55585H0.82666" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </a> </li> <li> <a href="javascript:void(0)" >Contact information <span> <svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.8413 1.41986L16.9769 5.55556L12.8413 9.69112" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> <path d="M16.7223 5.55585H0.82666" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </a> </li> <li> <a href="javascript:void(0)" >Social Information <span> <svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.8413 1.41986L16.9769 5.55556L12.8413 9.69112" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> <path d="M16.7223 5.55585H0.82666" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </a> </li> <li> <a href="javascript:void(0)" class="active" >Change Password <span> <svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12.8413 1.41986L16.9769 5.55556L12.8413 9.69112" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> <path d="M16.7223 5.55585H0.82666" stroke="#E9E9E9" stroke-width="1.5" stroke-linecap="round" /> </svg> </span> </a> </li> </ul> </div> </div> <div class="dash-rgt-info"> <form> <div class="dash-form-fields dash-form-fields-new"> <label>Old Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="Enter old password" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="dash-form-fields dash-form-fields-new"> <label>New Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="Enter new password" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="dash-form-fields dash-form-fields-new"> <label> Confirm New Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="Enter confirm password" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="form-fields-button"> <button type="button" class="btn btn-primary upd"> Update </button> <button type="button" class="btn btn-primary nxt"> Next </button> </div> </form> </div> </div> </div> </div> </div> </section> <!-- BASIC INFORMATION 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> // 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 // AVATAR IMAGE UPLOADER SCRIPT BEGIN function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $("#imagePreview").css( "background-image", "url(" + e.target.result + ")" ); $("#imagePreview").hide(); $("#imagePreview").fadeIn(650); }; reader.readAsDataURL(input.files[0]); } } $("#imageUpload").change(function () { readURL(this); }); // AVATAR IMAGE UPLOADER SCRIPT END // EYE HIDE & SHOW ICON SCRIPT BEGIN document.querySelectorAll(".eye-pos-icon").forEach((eyeIcon) => { eyeIcon.addEventListener("click", function () { const passwordInput = this.closest(".eye-pos").querySelector( 'input[type="password"], input[type="text"]' ); const icon = this.querySelector("i"); if (passwordInput.type === "password") { passwordInput.type = "text"; icon.classList.replace("fa-eye", "fa-eye-slash"); icon.style.color = "#000"; } else { passwordInput.type = "password"; icon.classList.replace("fa-eye-slash", "fa-eye"); icon.style.color = ""; } }); }); // EYE HIDE & SHOW ICON 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
|
Настройка