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

Файловый менеджер - Редактировать - /home/clickysoft/public_html/benchexc.clickysoft.net/resources/views/front/index.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 - Index Page</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="login-btn"> <a href="javascript:void(0)" data-toggle="modal" data-target="#exampleModal-login" >Login <img src="images/user.png" alt="image" class="img-fluid" /></a> </div> </div> </nav> </div> </div> </div> </div> </header> <!-- HEADER SECTION END --> <!-- DISCOVER TALENT BOX SECTION BEGIN --> <section class="discover-talent-sec"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="discover-talent-content"> <div class="discover-talent-heading"> <h4>Discover Talent</h4> <h6> Explore a comprehensive list of professionals currently available for hire. </h6> </div> <div class="discover-talent-img"> <img src="images/man-img.png" alt="image" class="img-fluid" /> </div> </div> </div> </div> </div> </section> <!-- DISCOVER TALENT BOX SECTION END --> <!-- TABS SECTION BEGIN --> <section class="tabs-sec-bg"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="tabs-sec-content"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab" >Discover Talent</a > </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab" >Talent Needed</a > </li> <li class="nav-item"> <a class="nav-link last-nav-link" data-toggle="tab" href="#tabs-3" role="tab" >Opportunities</a > </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tabs-1" role="tabpanel"> <div class="jobs-tabs"> <div class="tabs-nav"> <nav> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> </nav> </div> <div class="tabs tabs-content"> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="tabs-2" role="tabpanel"> <div class="jobs-tabs"> <div class="tabs-nav"> <nav> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> </nav> </div> <div class="tabs tabs-content"> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>UI/UX Designer (Figma)</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="tabs-3" role="tabpanel"> <div class="jobs-tabs"> <div class="tabs-nav"> <nav> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex job-title-flex-border"> <div class="job-title"> <h6>HealthSync</h6> <small >Designed a healthcare management dashboard for hospital administrators to manage patient data, appointments, and billing.</small > </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="new-loc-div"> <p> <strong>Required:</strong> 10 years experience </p> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex job-title-flex-border"> <div class="job-title"> <h6>HealthSync</h6> <small >Designed a healthcare management dashboard for hospital administrators to manage patient data, appointments, and billing.</small > </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="new-loc-div"> <p> <strong>Required:</strong> 10 years experience </p> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex job-title-flex-border"> <div class="job-title"> <h6>HealthSync</h6> <small >Designed a healthcare management dashboard for hospital administrators to manage patient data, appointments, and billing.</small > </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="new-loc-div"> <p> <strong>Required:</strong> 10 years experience </p> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> <div class="detail-selection"> <div class="left-selection"> <div class="blue-bg-box"> <div class="hours-location-flex"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex job-title-flex-border"> <div class="job-title"> <h6>HealthSync</h6> <small >Designed a healthcare management dashboard for hospital administrators to manage patient data, appointments, and billing.</small > </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="new-loc-div"> <p> <strong>Required:</strong> 10 years experience </p> </div> <div class="job-type"> <span>Remote</span> <span>immediate</span> <span>2 months</span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >View Detail</a > </div> </div> </div> </div> </nav> </div> <div class="tabs tabs-content"> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>HealthSync</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>HealthSync</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>HealthSync</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> <div class="content"> <div class="new-detail-box"> <div class="new-detail-bg-blue"> <div class="new-det-inner-bg"> <div class="hours-box"> <p>2 Hrs ago</p> </div> <div class="loation-box"> <p> <span ><i class="fa-solid fa-location-dot"></i ></span> Karachi, Pakistan </p> </div> </div> <div class="job-title-flex"> <div class="job-title"> <h6>HealthSync</h6> <p>10 years experience</p> </div> <div class="job-title-logo"> <span ><img src="images/company-logo.png" alt="image" class="img-fluid" /></span> </div> </div> <div class="hourly-detail-flex"> <div class="hourly-detail-cont"> <span>12k/Hourly</span> </div> <div class="hourly-detail-btn"> <a href="javascript:void(0)" class="btn btn-primary" >Call Now</a > </div> </div> </div> <div class="hourly-job-detail"> <ul> <li>Availability <span>immediate</span></li> <li>Mobilization Time <span>2 months</span></li> <li>Working Model <span>remote</span></li> </ul> </div> <div class="hourly-job-detail"> <h6>Contact Information</h6> <ul> <li>Company Name <span>immediate</span></li> <li>Phone Number <span>2 months</span></li> <li>Email Address <span>remote</span></li> </ul> </div> <div class="hourly-skills-detail"> <h6>Skills</h6> <ul> <li>Figma</li> <li>Jira</li> <li>Webflow</li> <li>Wireframe</li> <li>Adobe Xd</li> <li>HTML</li> <li>CSS</li> </ul> </div> <div class="job-summary"> <h6>Work Experience</h6> <p> As a professional UI/UX designer, I have extensive experience in designing user-friendly interfaces for both mobile applications and websites. I specialize in creating visually appealing and intuitive designs that focus on enhancing the user experience. My process includes conducting thorough user research, gathering insights through surveys, interviews, and usability testing to inform design decisions. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- TABS 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-right-cont-flex"> <div class="footer-terms"> <a href="javascript:void(0)">Terms and Conditions</a> </div> <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 --> <!-- LOGIN MODAL BEGIN --> <div class="modal fade modal-account-create" id="exampleModal-login" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="modal-create-account"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-6 col-12"> <div class="new-create-account-cont"> <h6> Log in to manage your <span>resources and connect with</span> top talent. </h6> <img src="images/account-preview-img.png" alt="image" class="img-fluid" /> </div> </div> <div class="col-lg-5 col-md-5 col-sm-6 col-12"> <div class="new-create-cont"> <h5>Login</h5> <form> <div class="create-form-field"> <label>Email</label> <input type="email" class="form-control" placeholder="Enter your email" /> </div> <div class="create-form-field"> <label>Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="Enter your password" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="forgot-password-text"> <a href="javascript:void(0)" data-toggle="modal" data-target="#exampleModal-forgot" >Forgot Password?</a > </div> <div class="button-signup"> <button type="button" class="btn btn-primary"> Login </button> </div> </form> <div class="login-with"> <span></span> <p>Or login with</p> <span></span> </div> <div class="login-social-icons"> <ul> <li> <a href="javascript:Void(0)" ><img src="images/social1.png" alt="image" class="img-fluid" /></a> </li> <li> <a href="javascript:Void(0)" ><img src="images/social2.png" alt="image" class="img-fluid" /></a> </li> <li> <a href="javascript:Void(0)" ><img src="images/social3.png" alt="image" class="img-fluid" /></a> </li> </ul> </div> </div> <div class="new-reg"> <p> Don't have an account? <a href="javascript:void(0)" data-toggle="modal" data-target="#exampleModal" > Sign up</a > </p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- LOGIN MODAL END --> <!-- CREATE YOUR ACCOUNT MODAL BEGIN --> <div class="modal fade modal-account-create" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="modal-create-account"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-7 col-12"> <div class="new-create-account-cont"> <h6> Sign up to easily track your <span>activities and hire</span> professionals. </h6> <img src="images/account-preview-img.png" alt="image" class="img-fluid" /> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <div class="new-create-cont"> <h5>Create Your Account</h5> <form> <div class="create-form-field"> <label>Comapny Name</label> <input type="text" class="form-control" placeholder="Enter your name" /> </div> <div class="create-form-field"> <label>Industry</label> <input type="text" class="form-control" placeholder="Enter Industry name" /> </div> <div class="create-form-field"> <label>Contact Person Name</label> <input type="text" class="form-control" placeholder="Enter your name" /> </div> <div class="create-form-field"> <label>Phone number</label> <input type="number" class="form-control" placeholder="Enter your number" /> </div> <div class="create-form-field"> <label>Email</label> <input type="email" class="form-control" placeholder="Enter your email" /> </div> <div class="create-form-field"> <label>City</label> <input type="text" class="form-control" placeholder="Enter city name" /> </div> <div class="create-form-field"> <label>Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="Enter your password" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="create-form-field"> <label>Confirm Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="Enter your 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="check-item"> <div class="form-group"> <input type="checkbox" id="html" /> <label for="html" >I agree to the Terms and Conditions</label > </div> </div> <div class="button-signup"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal-verify" > Sign up </button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- CREATE YOUR ACCOUNT MODAL END --> <!-- VERIFY CODE MODAL BEGIN --> <div class="modal fade modal-account-create" id="exampleModal-verify" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="modal-create-account"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-7 col-12"> <div class="new-create-account-cont"> <h6> Sign up to easily track your <span>activities and hire</span> professionals. </h6> <img src="images/account-preview-img.png" alt="image" class="img-fluid" /> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <div class="new-create-cont new-verify-cont-text"> <h5>Verify Code</h5> <p> Please enter the code we just sent to email <span>johndoe@gmail.com</span> </p> <div id="form" class="new-code-ver"> <input type="text" maxlength="1" size="1" min="0" max="9" pattern="[0-9]{1}" /> <input type="text" maxlength="1" size="1" min="0" max="9" pattern="[0-9]{1}" /> <input type="text" maxlength="1" size="1" min="0" max="9" pattern="[0-9]{1}" /> <input type="text" maxlength="1" size="1" min="0" max="9" pattern="[0-9]{1}" /> <button class="btn btn-primary btn-embossed"> Verify </button> </div> <div class="resend-code-cont"> <span>Didn't you receive the code?</span> <a href="javascript:void(0)">Resend</a> </div> <div class="button-signup"> <button type="button" class="btn btn-primary" data-dismiss="modal" > verify now </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- VERIFY CODE MODAL END --> <!-- FORGOT PASSWORD MODAL BEGIN --> <div class="modal fade modal-account-create" id="exampleModal-forgot" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="modal-create-account"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-7 col-12"> <div class="new-create-account-cont"> <h6> Sign up to easily track your <span>activities and hire</span> professionals. </h6> <img src="images/account-preview-img.png" alt="image" class="img-fluid" /> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <div class="new-create-cont new-verify-cont-text"> <h5>Forgot Your Password?</h5> <p> Don't worry! Enter your registered email, and we'll send you an OTP to reset your password. </p> <form> <div class="create-form-field create-spc"> <label>Email</label> <input type="email" class="form-control" placeholder="Enter your email" /> </div> <div class="button-signup"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal-change-password" > Send OTP </button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- FORGOT PASSWORD MODAL END --> <!-- CHANGE PASSWORD MODAL BEGIN --> <div class="modal fade modal-account-create" id="exampleModal-change-password" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="modal-create-account"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-7 col-12"> <div class="new-create-account-cont"> <h6> Sign up to easily track your <span>activities and hire</span> professionals. </h6> <img src="images/account-preview-img.png" alt="image" class="img-fluid" /> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <div class="new-create-cont"> <h5 class="new-arrow-flex"> <a href="javascript:void(0)" ><img src="images/lft-arrow.png" alt="image" class="img-fluid" /></a> Change password </h5> <form> <div class="create-form-field"> <label>Old Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="******" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="create-form-field"> <label>New Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="****" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="create-form-field"> <label>Confirm Password</label> <div class="eye-pos"> <input type="password" class="form-control" placeholder="*****" /> <div class="eye-pos-icon"> <a href="javascript:void(0)" ><i class="fa-solid fa-eye"></i ></a> </div> </div> </div> <div class="button-signup"> <button type="button" class="btn btn-primary" data-dismiss="modal" > Change password </button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- CHANGE PASSWORD MODAL 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 // MODAL HIDE & SHOW SCRIPT BEGIN $("#exampleModal").on("show.bs.modal", function () { $("#exampleModal-login").modal("hide"); }); $("#exampleModal-verify").on("show.bs.modal", function () { $("#exampleModal").modal("hide"); }); $("#exampleModal-forgot").on("show.bs.modal", function () { $("#exampleModal-login").modal("hide"); }); $("#exampleModal-change-password").on("show.bs.modal", function () { $("#exampleModal-forgot").modal("hide"); }); // MODAL HIDE & SHOW SCRIPT END // VERIFY CODE SCRIPT BEGIN $(function () { var body = $("body"); function goToNextInput(e) { var key = e.which, t = $(e.target), sib = t.next(".new-code-ver input"); if (key != 9 && (key < 48 \|\| key > 57)) { e.preventDefault(); return false; } if (key === 9) { return true; } if (!sib \|\| !sib.length) { sib = body.find(".new-code-ver input").eq(0); } sib.select().focus(); } function onKeyDown(e) { var key = e.which; if (key === 9 \|\| (key >= 48 && key <= 57)) { return true; } e.preventDefault(); return false; } function onFocus(e) { $(e.target).select(); } body.on("keyup", ".new-code-ver input", goToNextInput); body.on("keydown", ".new-code-ver input", onKeyDown); body.on("click", ".new-code-ver input", onFocus); }); // VERIFY CODE 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 // 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 /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 | Настройка