301 Moved Permanently means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: fynth.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- CSRF Token --> <meta name="csrf-token" content="VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz"> <title>Fynth-HRMS</title> <link href="https://www.fynth.com/plugins/select2/css/select2.min.css" rel="stylesheet" media="screen"> <link rel="stylesheet" href="https://www.fynth.com/plugins/jQuery-confirm-master/jquery-confirm.min.css?v=3.6"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css"> <link rel="preload" as="style" href="https://www.fynth.com/build/assets/hrms-4606b1f4.css" /><link rel="modulepreload" href="https://www.fynth.com/build/assets/app-24e7ff78.js" /><link rel="stylesheet" href="https://www.fynth.com/build/assets/hrms-4606b1f4.css" /><script type="module" src="https://www.fynth.com/build/assets/app-24e7ff78.js"></script> </head> <body data-bs-spy="scroll"> <div class="body-wrapper"> <header> <nav class="navbar navbar-inverse navbar-expand-lg"> <div class="container"> <a class="navbar-brand fw-bold" href="https://www.fynth.com"> <img src="https://www.fynth.com/images/logo.png" width="100%" height="100%" alt="logo"> </a> <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="https://www.fynth.com">Home</a> </li> <li class="nav-item"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Product </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="https://www.fynth.com/hrms">Fynth HRMS</a></li> <li><a class="dropdown-item" href="https://www.fynth.com/ats">Fynth ATS</a></li> <span class="dropup"> <span class="caret"></span> </span> </ul> </li> <li class="nav-item"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Features </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="https://www.fynth.com/hrms">Fynth HRMS</a></li> <li><a class="dropdown-item" href="https://www.fynth.com/ats#features">Fynth ATS</a></li> <span class="dropup"> <span class="caret"></span> </span> </ul> </li> <li class="nav-item"> <a class="nav-link scroll-to-position" href="#services">Services</a> </li> <li class="nav-item"> <a class="nav-link scroll-to-position" href="#contact">Contact</a> </li> <li class="nav-item d-flex d-md-flex d-lg-none d-xl-none"> <a class="nav-link" data-bs-toggle="modal" data-bs-target="#register">Contact Sales</a> </li> <li class="nav-item d-flex d-md-flex d-lg-none d-xl-none"> <a class="nav-link start-free-trial-btn" >Start a free trial</a> </li> </ul> <div class="navbar-buttons d-none d-lg-block d-xl-block" role="search"> <button data-bs-toggle="modal" data-bs-target="#register" class="btn btn-primary-default">Contact Sales </button> </div> <div class="navbar-buttons d-none d-lg-block d-xl-block" role="search"> <a class="btn btn-primary start-free-trial-btn">Start a free trial </a> </div> </div> </div> </nav> </header> <main class="content-wrapper"> <div class="home-page"> <section class="hero one"> <div class="container"> <div class="row"> <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 hero-text-wrapper"> <div> <h1>Your all-in-one HR software solution for Employee – Hire to Retire Management</h1> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 p-0 ul-wrapper"> <ul> <li><span class="fy-stop"></span>Employee master</li> <li><span class="fy-stop"></span>Payroll & WPS</li> <li><span class="fy-stop"></span>Leave Management</li> <li><span class="fy-stop"></span>Attendance & Shift Management</li> </ul> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 p-0 ul-wrapper"> <ul> <li><span class="fy-stop"></span>Gratuity & End of Service</li> <li><span class="fy-stop"></span>Employee Self Service</li> <li><span class="fy-stop"></span>Asset Management</li> <li><span class="fy-stop"></span>HR Helpdesk & Mobile App</li> </ul> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 p-0 ul-wrapper"> <ul> <li><span class="fy-stop"></span>Recruitment Management</li> <li><span class="fy-stop"></span>HR Digital Forms</li> <li><span class="fy-stop"></span>HR Cost Center</li> <li><span class="fy-stop"></span>Customized Master & Reporting Center</li> </ul> </div> </div> <a class="btn btn-primary-dark ml-5 mb-5 start-free-trial-btn" >Start a free trial</a> <button data-bs-toggle="modal" data-bs-target="#register" class="btn btn-primary ml-5 mb-5">Contact Sales</button> <a href="#features" class="btn btn-primary-light ml-5 mb-5 scroll-to-position">App Features</a> <a href="#pricing" class="btn btn-primary-lighter ml-5 mb-5 scroll-to-position">Our Pricing</a> </div> </div> <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12 img-outer-wrapper"> <div class="img-wrapper"> <img src="https://www.fynth.com/images/hrms/hero-image.webp" width="100%" height="100%" class="img-fluid" alt="hero-img"> </div> </div> </div> </div> </section> <section class="workforce-management two"> <div class="container"> <div class="row text-center justify-content-md-center"> <div class="col-xl-8 col-lg-10 col-md-10"> <h2>Simplify your HR processes and make better decisions with our comprehensive <span>workforce management</span> platform</h2> </div> </div> </div> </section> <section id="features" class="whyFynth three"> <div class="container"> <div class="row text-center"> <h2>Why FYNTH?</h2> </div> <div class="row" id="accordionWhyFynth"> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>01</span> <div class="content-wrapper"> <div class="title-text" type="button" data-bs-target="#FY_collapseOne" aria-expanded="true" aria-controls="FY_collapseOne" aria-labelledby="FY_collapseOne"> Recruit, onboard, and manage employees seamlessly </div> <div id="FY_collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>FYNTH provides a centralized data source that streamlines your entire employee lifecycle. From recruitment to onboarding, you can easily manage all aspects of your workforce in one place. Say goodbye to manual paperwork and hello to streamlined processes.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>02</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseTwo" aria-expanded="false" aria-controls="FY_collapseTwo" aria-labelledby="FY_collapseTwo">Manage your employee HR documents </div> <div id="FY_collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>You can securely store all your employee HR documents in one centralized location. No more searching through stacks of papers or worrying about misplaced files and allowing you to retrieve and manage important files on the go, whether you're in the office or working remotely.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>03</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseThree" aria-expanded="false" aria-controls="FY_collapseThree" aria-labelledby="FY_collapseThree">Simplify visa processes for employees </div> <div id="FY_collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>With FYNTH, you can effortlessly navigate the complexities of visa processing for your employees. Our platform ensures a smooth and efficient process, saving you time and resources.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>04</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseFour" aria-expanded="false" aria-controls="FY_collapseFour" aria-labelledby="FY_collapseFour">Effortlessly manage Leave, attendance, shifts, Absence </div> <div id="FY_collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>Say goodbye to manual attendance tracking and shift scheduling. FYNTH automates these processes, making it easy to manage employee schedules and track attendance. Additionally, our leave management system simplifies the process of requesting and approving time off.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>05</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseFive" aria-expanded="false" aria-controls="FY_collapseFive" aria-labelledby="FY_collapseFive">Streamline Payroll processing with ease </div> <div id="FY_collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>FYNTH takes the hassle out of payroll processing. Our platform automates calculations, deductions, and tax filings, ensuring accurate and timely payments for your employees.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>06</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseSix" aria-expanded="false" aria-controls="FY_collapseSix" aria-labelledby="FY_collapseSix">Manage Your End of Service Settlement and Gratuity </div> <div id="FY_collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>With FYNTH, you can say goodbye to the complexities of calculating your end of service settlement and gratuity. Our user-friendly platform simplifies the entire process, ensuring accuracy and transparency every step of the way.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>07</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseSeven" aria-expanded="false" aria-controls="FY_collapseSeven" aria-labelledby="FY_collapseSeven">Simplify disciplinary actions with warning letters </div> <div id="FY_collapseSeven" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>FYNTH simplifies the process of issuing warning letters. Our pre-built templates ensure consistency and compliance while saving you time. Effectively communicate expectations, address performance issues, and maintain a record of disciplinary actions.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>08</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseEight" aria-expanded="false" aria-controls="FY_collapseEight" aria-labelledby="FY_collapseEight">Nurture talent through promotions and increments </div> <div id="FY_collapseEight" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>FYNTH's Promotions and Increments feature enables you to recognize and reward deserving employees. Easily manage the entire process, from evaluating eligibility to generating promotion letters or updating salary details. Keep your team motivated and engaged by acknowledging their hard work.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>09</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseNine" aria-expanded="false" aria-controls="FY_collapseNine" aria-labelledby="FY_collapseNine">Empower employees with self-service capabilities </div> <div id="FY_collapseNine" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>Give your employees control over their own information with our self-service portal. They can access their pay stubs, update personal details, request time off, and more - saving both time and administrative effort.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>10</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseTen" aria-expanded="false" aria-controls="FY_collapseTen" aria-labelledby="FY_collapseTen">Simplify HR-Asset management </div> <div id="FY_collapseTen" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>Keep track of your company's assets with FYNTH's HR-Asset management feature. From laptops to company vehicles, easily manage and assign assets to employees, ensuring accountability and efficient asset utilization.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>11</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseEleven" aria-expanded="false" aria-controls="FY_collapseEleven" aria-labelledby="FY_collapseEleven">Make data-driven decisions with actionable insights </div> <div id="FY_collapseEleven" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>FYNTH provides powerful dashboard, analytics and reporting capabilities, giving you valuable insights into your workforce. Make informed decisions based on real-time data, improving productivity and driving business growth.</p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <span>12</span> <div class="content-wrapper"> <div class="title-text collapsed" type="button" data-bs-target="#FY_collapseTwelve" aria-expanded="false" aria-controls="FY_collapseTwelve" aria-labelledby="FY_collapseTwelve">Gain valuable insights with HR reporting and dashboards </div> <div id="FY_collapseTwelve" class="accordion-collapse collapse" data-bs-parent="#accordionWhyFynth"> <p>FYNTH provides comprehensive reporting and features that give you real-time insights into your HR metrics. Make data-driven decisions and track key performance indicators effortlessly.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section id="services" class="solutions four"> <div class="container"> <div class="row text-center justify-content-md-center"> <div class="col-xl-6 col-lg-7 col-md-10"> <h2>Powerful Solutions for Your HR Department Needs</h2> <p class="text">Uniquely network business experiences for resource sucking solutions. Dynamically re-engineer cooperative networks via cross-media expertise.</p> </div> </div> <div class="row" id="accordionSolutions"> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseOne" aria-expanded="true" aria-controls="Solutions_collapseOne" aria-labelledby="Solutions_collapseOne"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/employee-master.png" alt="employee master"> <div class="title-text">Employee Master</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseOne" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Manage employee</li> <li>Dependents</li> <li>Status change</li> <li>Notifications</li> <li>Employee documentation</li> <li>Know your organization structure</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#employee-master">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseTwo" aria-expanded="true" aria-controls="Solutions_collapseTwo" aria-labelledby="Solutions_collapseTwo"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/payroll-wps.png" alt="Payroll & WPS"> <div class="title-text">Payroll & WPS</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseTwo" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Process payroll</li> <li>Loan & advance management</li> <li>Generate pay slip & forward</li> <li>Track paid & unpaid payroll</li> <li>Automatic WPS generation</li> <li>Airfare calculation</li> <li>Accounting interface</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#payroll_wps">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseThree" aria-expanded="true" aria-controls="Solutions_collapseThree" aria-labelledby="Solutions_collapseThree"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/employee-master.png" alt="Leave Management"> <div class="title-text">Leave Management</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseThree" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Record leaves</li> <li>Leave tracking</li> <li>Leave integration</li> <li>Airfare policy</li> <li>Leave allocation and compensation policies</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#leave_management">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseFour" aria-expanded="true" aria-controls="Solutions_collapseFour" aria-labelledby="Solutions_collapseFour"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/attendance.png" alt="Attendance & Shift Management"> <div class="title-text">Attendance & Shift Management</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseFour" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Define and manage rules</li> <li>Highly configurable policies</li> <li>Absence scheduler</li> <li>Attendance device integration</li> <li>Timesheet</li> <li>Reporting</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#attendance_shift">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseFive" aria-expanded="true" aria-controls="Solutions_collapseFive" aria-labelledby="Solutions_collapseFive"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/gratuity.png" alt="Gratuity & End of Service"> <div class="title-text">Gratuity & End of Service</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseFive" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Automated Calculations</li> <li>Customizable Rules</li> <li>Payment Integration</li> <li>Provision and Liability Reporting</li> <li>Approval Workflow</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#gratuity_EOS">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseSix" aria-expanded="true" aria-controls="Solutions_collapseSix" aria-labelledby="Solutions_collapseSix"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/employee-service.png" alt="Employee Self Service"> <div class="title-text">Employee Self Service </div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseSix" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>General activities</li> <li>Request tracking</li> <li>Policies and notifications</li> <li>Electronic information</li> <li>Asset information</li> <li>Access anywhere</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#employee_self_service">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseSeven" aria-expanded="true" aria-controls="Solutions_collapseSeven" aria-labelledby="Solutions_collapseSeven"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/asset-management.png" alt="Asset Management"> <div class="title-text">Asset Management</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseSeven" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Record assets</li> <li>Asset allocation</li> <li>Asset maintenance</li> <li>Asset history</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#asset_management">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseEight" aria-expanded="true" aria-controls="Solutions_collapseEight" aria-labelledby="Solutions_collapseEight"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/hr-helpdesk.png" alt="HR Helpdesk & Mobile App"> <div class="title-text">HR Helpdesk & Mobile App.</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseEight" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>24/7 Employee Support</li> <li>Mobile Accessibility</li> <li>Ticket Tracking</li> <li>Knowledge Base Integration</li> <li>Push Notifications</li> <li>Self-Service Options</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#HR_helpdesk">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseNine" aria-expanded="true" aria-controls="Solutions_collapseNine" aria-labelledby="Solutions_collapseNine"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/custom-schedule.png" alt="Custom & Scheduled Report"> <div class="title-text">Custom & Scheduled Report</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseNine" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Custom Report Creation</li> <li>Automated Scheduling</li> <li>Data Integration</li> <li>Access Control</li> <li>Export and Sharing Options</li> <li>Report Distribution Management</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#custom_schedule_report">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseTen" aria-expanded="true" aria-controls="Solutions_collapseTen" aria-labelledby="Solutions_collapseTen"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/hr-digital-form.png" alt="HR Digital Forms"> <div class="title-text">HR Digital Forms </div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseTen" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Automated Form Generation</li> <li>Digital Signatures</li> <li>Self-Service Access</li> <li>Document Management</li> <li>Compliance and Reporting</li> <li>Form Customization</li> <li>Data Security and Access Controls</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#HR_digital_forms">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseEleven" aria-expanded="true" aria-controls="Solutions_collapseEleven" aria-labelledby="Solutions_collapseEleven"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/hr-cost-center.png" alt="HR Cost Center"> <div class="title-text">HR Cost Center </div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseEleven" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Financial Tracking and Reporting: </li> <li>Departmental Expense Allocation</li> <li>Budget Forecasting and Analysis</li> <li>Integration with Payroll and Accounting</li> <li>Customizable Access Controls</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#HR_cost_center">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-sm-6 box-wrapper"> <div class="box"> <div class="box-body"> <div class="box-header-wrapper collapsed" type="button" data-bs-target="#Solutions_collapseTwelve" aria-expanded="true" aria-controls="Solutions_collapseTwelve" aria-labelledby="Solutions_collapseTwelve"> <div class="box-header"> <img src="https://www.fynth.com/images/hrms/recruit-management.png" alt="Recruitment Management"> <div class="title-text">Recruitment Management</div> </div> <span class="fy-chevron-down"></span> </div> <div id="Solutions_collapseTwelve" class="accordion-collapse collapse features" data-bs-parent="#accordionSolutions"> <div class="features"> <ul> <li>Job Posting and Distribution</li> <li>Applicant Tracking System (ATS)</li> <li>Candidate Screening and Assessment</li> <li>Interview Scheduling</li> <li>Collaborative Hiring</li> <li>Offer Management</li> </ul> </div> <a class="scroll-to-position" href="https://www.fynth.com/hrms#recruitment_management">Lean more<i class="fy-arrow-up-right"></i></a> </div> </div> </div> </div> </div> </div> </section> <section id="pricing" class="pricing five"> <div class="container"> <div class="row text-center justify-content-md-center"> <div class="col-xl-6 col-lg-7 col-md-10"> <h2>Our Pricing & Plans</h2> <p class="text">A thorough review of your current processes can reveal inefficiencies and pinpoint where productivity is lacking, or where operations</p> </div> </div> <div class="row justify-content-center plans-wrapper"> <div class="col-xl-8 col-lg-10 col-md-12"> <div class="row mb-4"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 plan-head"> Initial Implementation & Training </div> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12"><span>AED 9,000</span></div> </div> <div class="row mb-4"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 plan-head"> Monthly Subscription </div> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12"><span>AED 18/ Employee</span></div> </div> <div class="row"> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 text-center pt-4 plan-description"> <p>*Minimum monthly Base Price of 900 AED is applicable for companies having less than 50 Employees. Monthly subscription charges are applicable for companies with more than 50 Employees.</p> <a href="#" class="btn btn-primary">Know your price</a> </div> </div> </div> </div> </div> </section> <section class="faq six"> <div class="container"> <div class="row text-center justify-content-md-center"> <div class="col-xl-6 col-lg-7 col-md-10"> <h2>Frequently Asked Questions</h2> <p class="text">A thorough review of your current processes can reveal inefficiencies and pinpoint where productivity is lacking, or where operations</p> </div> </div> <div class="row justify-content-center faq-wrapper"> <div class="col-xl-8 col-lg-10 col-md-12"> <ul class="nav nav-pills nav-fill mb-3" id="ex1" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="ex3-tab-1" data-bs-toggle="tab" href="#ex3-tabs-1" role="tab" aria-controls="ex3-tabs-1" aria-selected="true" >HR 365 </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="ex3-tab-2" data-bs-toggle="tab" href="#ex3-tabs-2" role="tab" aria-controls="ex3-tabs-2" aria-selected="false" >Employee </button> </li> <li class="nav-item" role="presentation"> <button class="nav-link" id="ex3-tab-3" data-bs-toggle="tab" href="#ex3-tabs-3" role="tab" aria-controls="ex3-tabs-3" aria-selected="false" >PAYROLL & WPS </button> </li> </ul> </div> <div class="tab-content"> <div class="tab-pane fade show active" id="ex3-tabs-1" role="tabpanel" aria-labelledby="ex3-tab-1"> <div class="row"> <div class="col-lg-6 col-md-12 text-center mb-3"> <img src="https://www.fynth.com/images/hrms/tab1-content.png" class="img-fluid" alt="tab1-img"> </div> <div class="col-lg-6 col-md-12"> <div class="accordion" id="accordionHR"> <div class="accordion-item"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What is HR365?<span class="fy-minus-circle"></span> </button> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionHR"> <div class="accordion-body"> <p>HR365 is a fully functional and user-friendly cloud based human resource management software that manages employee information from recruitment to onboard till separation process. It keeps track of every details from recruitment, attendance, leave, payroll, document and asset management. </p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> How does HR365 work and do they help me in making my business better?<span class="fy-plus-circle"></span> </button> <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionHR"> <div class="accordion-body"> <p><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> How does HR365 work and do they help me in making my business better?<span class="fy-plus-circle"></span> </button> <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionHR"> <div class="accordion-body"> <p><strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Do you offer any discount?<span class="fy-plus-circle"></span> </button> <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionHR"> <div class="accordion-body"> <p><strong>This is the fourth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> Do you provide technical support and maintenance?<span class="fy-plus-circle"></span> </button> <div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionHR"> <div class="accordion-body"> <p><strong>This is the fifth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> Do you provide technical support and maintenance?<span class="fy-plus-circle"></span> </button> <div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionHR"> <div class="accordion-body"> <p><strong>This is the sixth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="ex3-tabs-2" role="tabpanel" aria-labelledby="ex3-tab-2"> <div class="row"> <div class="col-lg-6 col-md-12 text-center mb-3"> <img src="https://www.fynth.com/images/hrms/tab1-content.png" class="img-fluid" alt="tab1-img"> </div> <div class="col-lg-6 col-md-12"> <div class="accordion" id="accordionEmp"> <div class="accordion-item"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What is HR365?<span class="fy-minus-circle"></span> </button> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionEmp"> <div class="accordion-body"> <p>HR365 is a fully functional and user-friendly cloud based human resource management software that manages employee information from recruitment to onboard till separation process. It keeps track of every details from recruitment, attendance, leave, payroll, document and asset management. </p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> How does HR365 work and do they help me in making my business better?<span class="fy-plus-circle"></span> </button> <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionEmp"> <div class="accordion-body"> <p><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> How does HR365 work and do they help me in making my business better?<span class="fy-plus-circle"></span> </button> <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionEmp"> <div class="accordion-body"> <p><strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Do you offer any discount?<span class="fy-plus-circle"></span> </button> <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionEmp"> <div class="accordion-body"> <p><strong>This is the fourth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> Do you provide technical support and maintenance?<span class="fy-plus-circle"></span> </button> <div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionEmp"> <div class="accordion-body"> <p><strong>This is the fifth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> Do you provide technical support and maintenance?<span class="fy-plus-circle"></span> </button> <div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionEmp"> <div class="accordion-body"> <p><strong>This is the sixth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="ex3-tabs-3" role="tabpanel" aria-labelledby="ex3-tab-3"> <div class="row"> <div class="col-lg-6 col-md-12 text-center mb-3"> <img src="https://www.fynth.com/images/hrms/tab1-content.png" class="img-fluid" alt="tab1-img"> </div> <div class="col-lg-6 col-md-12"> <div class="accordion" id="accordionWPS"> <div class="accordion-item"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What is HR365?<span class="fy-minus-circle"></span> </button> <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionWPS"> <div class="accordion-body"> <p>HR365 is a fully functional and user-friendly cloud based human resource management software that manages employee information from recruitment to onboard till separation process. It keeps track of every details from recruitment, attendance, leave, payroll, document and asset management. </p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> How does HR365 work and do they help me in making my business better?<span class="fy-plus-circle"></span> </button> <div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionWPS"> <div class="accordion-body"> <p><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> How does HR365 work and do they help me in making my business better?<span class="fy-plus-circle"></span> </button> <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionWPS"> <div class="accordion-body"> <p><strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Do you offer any discount?<span class="fy-plus-circle"></span> </button> <div id="collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionWPS"> <div class="accordion-body"> <p><strong>This is the fourth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> Do you provide technical support and maintenance?<span class="fy-plus-circle"></span> </button> <div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionWPS"> <div class="accordion-body"> <p><strong>This is the fifth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> <div class="accordion-item"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> Do you provide technical support and maintenance?<span class="fy-plus-circle"></span> </button> <div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionWPS"> <div class="accordion-body"> <p><strong>This is the sixth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="wayWeDo seven"> <div class="container"> <div class="row text-center justify-content-md-center"> <div class="col-xl-6 col-lg-7 col-md-10"> <h2>The Way We Do It</h2> <p class="text">We develop and implement data-driven marketing strategies to increase our client’s online visibility and boost their ROI</p> </div> </div> <div class="row"> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <div class="box"> <img src="https://www.fynth.com/images/hrms/box1.jpg" class="img-fluid" alt="box1-img"> <div class="text-wrapper"> <div class="title-text">Professional Implementation</div> <p>Expert implementation engineers will work with your HR team to configure your instance as per your requirement and agreed deliverables with on board support </p> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <div class="box"> <img src="https://www.fynth.com/images/hrms/box2.jpg" class="img-fluid" alt="box2-img"> <div class="text-wrapper"> <div class="title-text">Training and Go Live</div> <p>We will provide you formal training with accurate and tested production data. Then will run HR and payroll tasks to make sure the accuracy of processed information. </p> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12"> <div class="box"> <img src="https://www.fynth.com/images/hrms/box3.jpg" class="img-fluid" alt="box3-img"> <div class="text-wrapper"> <div class="title-text">Complete Customer Support</div> <p>We create experience. Maximum resolving of customer queries within first response. Providing support with expert team well versed in managing queries and giving resolution. When you need support, we are here.</p> </div> </div> </div> </div> </div> </section> </div> <section id="contact" class="contact"> <div class="container"> <div class="body-bg"> <div class="row text-center justify-content-md-center"> <div class="col-xl-12 col-lg-12 col-md-12"> <h2>Ready? Let's co-create something great!</h2> <p class="text">In these presentations, you often require 'dummy text' to fill out the places where actual</p> <a href="#" class="btn btn-primary-default">Contact our specialist</a> </div> </div> </div> </div> </section> <div class="modal fade" id="clone"> <div class="modal-dialog modal-xl modal-fullscreen-md-down modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <div class="title-wrapper"> <h5 class="modal-title">Account Verification</h5> </div> <button type="button" class="fy-close-solid" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form id="clone-project-form" action="https://www.fynth.com/clone" method="post" enctype="multipart/form-data"> <input type="hidden" name="_token" value="VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz"> <input type="hidden" name="customer_id" value="" id="customer_id"> <div class="modal-body"> <p class="text-center verify-message"> Your account has been verified successfully! </p> <div class="row"> <div> <h5>Configure your account:</h5> </div> <div class="form-group col-xl-3 col-lg-3 col-md-12 col-sm-12 mt-2"> <label class="control-label">Logo</label> <input type="file" accept="image/png, image/jpg, image/jpeg" placeholder="Company Logo" class="dropify form-control" id="company_logo" name="company_logo"> </div> <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-xs-12"> <div class="row"> <div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 mt-2"> <label for="about_company" class="control-label">About Company</label> <textarea name="about_company" id="about_company" class="form-control" rows="5"></textarea> </div> <div class="form-group col-xl-6 col-lg-6 col-md-6 col-sm-12 mt-2"> <label for="password" class="control-label">Password</label> <input type="password" name="password" id="password" value="" placeholder="Enter new Password" class="form-control"> </div> <div class="form-group col-xl-6 col-lg-6 col-md-6 col-sm-12 mt-2"> <label for="password_confirmation" class="control-label">Confirm Password</label> <input type="password" name="password_confirmation" id="password_confirmation" value="" placeholder="Enter new Password" class="form-control"> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">Start Now</button> </div> </form> </div> </div> </div> </main> <footer class="footer"> <div class="footer-links"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div class="footer-head"> <h4>Product</h4> <ul> <li><a href="javascript:void(0);">Source & attract</a></li> <li><a href="javascript:void(0);">Evaluate & collaborate</a></li> <li><a href="javascript:void(0);">Automate & hire</a></li> <li><a href="javascript:void(0);">Onboard & manage</a></li> <li><a href="javascript:void(0);">Reduce time to hire</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div class="footer-head"> <h4>Platform</h4> <ul> <li><a href="javascript:void(0);">Pricing</a></li> <li><a href="javascript:void(0);">Why FYNTH</a></li> <li><a href="javascript:void(0);">Post a job for free</a></li> <li><a href="javascript:void(0);">Help center</a></li> <li><a href="javascript:void(0);">Partners & integrations</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div class="footer-head"> <h4>Employer resources</h4> <ul> <li><a href="javascript:void(0);">Job descriptions</a></li> <li><a href="javascript:void(0);">Applicant tracking</a></li> <li><a href="javascript:void(0);">Interview questions</a></li> <li><a href="javascript:void(0);">Hiring resources</a></li> <li><a href="javascript:void(0);">Hiring templates</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div class="footer-head"> <h4>FYNTH</h4> <ul> <li><a href="javascript:void(0);">Work with us</a></li> <li><a href="javascript:void(0);">Backstage</a></li> <li><a href="javascript:void(0);">Press</a></li> <li><a href="javascript:void(0);">Contact us</a></li> <li><a href="javascript:void(0);">About</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 d-block d-sm-none d-md-none d-lg-none d-xl-none"> <div class="footer-head"> <ul> <li><a href="https://www.fynth.com/terms-and-conditions">Terms & conditions</a></li> <li><a href="https://www.fynth.com/privacy-policy">Privacy policy</a></li> <li><a href="javascript:void(0);">Accessibility</a></li> <li><a href="javascript:void(0);">Do not sell my personal information</a></li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 pb-10 text-center"> <a href="javascript:void(0);"> © www.fynth.com</a> <span id="prevYear"> PreviousCopyrightYear</span><i>-</i><span id="currentYear">CurrentCopyrightYear</span> </div> </div> </div> </div> </footer> <script src="https://www.fynth.com/js/jquery.min.js"></script> <script> // $(document).ready(function(){ // if ($(window).width() > 768) { // $('a.nav-link').click(function (e) { // e.preventDefault(); // var target = $($(this).attr('href')); // if (target.length) { // var scrollTo = target.offset().top - 76; // $('html, body').animate({scrollTop: scrollTo + 'px'}, 800); // } // }); // } // }); </script> <script src="https://www.fynth.com/plugins/select2/js/select2.full.min.js"></script> <script> $.fn.select2.defaults.set("width", "100%"); $.fn.select2.defaults.set("minimumInputLength", "0"); $('select').not('.code').each((i, ele) => { let placeholder = $(ele).closest('.form_group').find('.form_label').text(); if ($(ele).prop('multiple')) { $(ele).select2({ placeholder: placeholder, closeOnSelect: false, // dropdownParent: $(form) }); } else if ($(ele).attr('noSelect2') == undefined) { $(ele).select2({ placeholder: placeholder }); } }).on('change', function() { $this = $(this).closest('.form_group').find('.form_field'); if ($this.val() != '') { $this.closest('.form_group').find('.form_label').removeClass('select_label') } else { $this.closest('.form_group').find('.form_label').addClass('select_label') }; }); function select2CheckboxAdder(element) { if ($('.select2-container--open .select2-results__options[aria-multiselectable="true"]').length == 1) { $('.select2-container--open').addClass('multipleCheckbox') } return element.text; } function multipleSelect(id, route, x, y, name, enableAny = false) { $.ajax({ method: "GET", success: (response) => { $multiple = JSON.parse($(id).attr('data-setMultiple')); if(enableAny == true){ $(id).append('<option value="0">Any</option>'); } $.each(response, (i, res) => { $(id).append('<option value="' + res['value'] + '">' + res[ 'text'].trim() + '</option>'); }) var $element = $(id).select2({ placeholder: 'Select a ' + name, templateResult: select2CheckboxAdder, closeOnSelect: false, minimumResultsForSearch: 2, allowClear: true, }); if (isset($(id).attr('filter-value')) && isset($(id).attr( 'filter-text'))) { var $element = $(id).select2({ placeholder: 'Select a ' + name, templateResult: select2CheckboxAdder, closeOnSelect: false, minimumResultsForSearch: 2, allowClear: true, ajax: { url: function(params) { }, data: function(params, data) { var filterText = 'default', filter1Value = 'default', filterValfn; filterValfn = $(id).attr('filter-value'); filterText = $(id).attr('filter-text'); filter1Value = $('#' + filterValfn).val(); var query = { q: params.term, filter_text: filterText, filter_value: filter1Value, } if ($(id).attr('data-store')) select2Addbutton(params.term); return query; }, dataType: 'json', type: "GET", delay: 250, processResults: function(data) { return { results: $.map(data, function(item) { $(id).html(null); console.log('dd->', item); return { text: item.text, id: item.value, } }) }; } }, }); } if (id == "#skills") { $(id + ' ~ .select2').find('.select2-selection--multiple').append( `<button class="btn btn-primary btn-add btn-sm ml-auto onAddMultipleSelect2" type="button" style="display: none;" onclick="onAddMultipleSelect2('` + id + `')">ADD</button>` ); let skillsListfull = []; $('#skills option').each((i, Element) => { skillsListfull.push($(Element).text().toLowerCase()); }); $(id + ' ~ .select2').find('.select2-search textarea').keyup(function(e) { let button = $(id + ' ~ .select2').find('.btn-add'); if ($(this).val().length > 1) { if ($.inArray($(this).val().toLowerCase(), skillsListfull) == -1) $(button).show(); else $(button).hide(); } else if ($(this).val().length <= 1) $(button).hide(); $('select').on('select2:closing', function() { $(button).hide(); }) }) } $.each($multiple, function(index, value) { var defaultData = { id: index, text: value }; var item = defaultData; let selectedOption = $(id).find('option:contains("' + item.text + '")').filter( function() { return $(this).text() === item.text; }); $(selectedOption).attr('selected', true); $element.trigger('change'); }); }, }) } function select2Addbutton(value) { if ($('.select2-search.select2-search--dropdown button').length == 0 && value && value.replaceAll(' ', '') !== "") { $('.select2-search.select2-search--dropdown').append( '<button class="btn btn-primary rounded-0" type="button" id="SELECT2FILTERADDBUTTON">Add</button>' ).addClass('d-flex'); } else if (value == '' && value.replaceAll(' ', '') === "") { $('.select2-search.select2-search--dropdown').removeClass('d-flex'); $('.select2-search.select2-search--dropdown button').remove(); } } function matchAdd(params, data) { console.log('matchAdd'); if ($.trim(value) === '') { return data; } if (typeof data.text === 'undefined') { return null; } if (data.text.toLowerCase().indexOf(params.term.toLowerCase()) > -1) { var modifiedData = $.extend({}, data, true); return modifiedData; } if ($('.select2-search.select2-search--dropdown button').length == 0) $('.select2-search.select2-search--dropdown').append( '<button class="btn btn-primary rounded-0" id="SELECT2FILTERADDBUTTON">Add</button>') .addClass('d-flex'); return null; } $('select').on('select2:closing', function() { select2Addbutton('') }) function onAddMultipleSelect2(id) { let text = $(id + ' ~ .select2').find('.select2-search textarea').val(); let url = $(id).attr('data-add-url'); let selectBoxId = $(id).attr('id'); if (text) { $.ajax({ url: url, method: "POST", data: { '_token': "VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz", 'item': text, 'select_box': selectBoxId, }, beforeSend: function() { $("body").LoadingOverlay("show"); }, success: (response) => { var sId = selectBoxId; // any if (response.status == true) { var item = response.data; if ((selectBoxId !== '' || selectBoxId !== undefined) && (selectBoxId .length > 0)) { sId = selectBoxId; } $('#' + sId).append('<option value="' + item['id'] + '">' + item[ 'text'] + '</option>'); $("body").LoadingOverlay("hide"); } else { alert( "Error Code: 200 " + response.message + ". Please contact Admin." ); $("body").LoadingOverlay("hide"); } }, error: (xhr, ajaxOptions, thrownError) => { $("body").LoadingOverlay("hide"); alert( "Error Code: " + xhr.status + ". " + thrownError + ". Please contact Admin." ); }, }); } } $('body').on('click', '#SELECT2FILTERADDBUTTON', function() { let text = $(this).parent().find('input').val(); // let name = $('#' + $(this).parent().siblings('.select2-results').find('ul').attr( // 'id').replace('select2-', '').replace('-results', '')).attr('data-store'); let url = $('#' + $(this).parent().siblings('.select2-results').find('ul').attr( 'id').replace('select2-', '').replace('-results', '')).attr('data-add-url'); let selectBoxId = $('#' + $(this).parent().siblings('.select2-results').find('ul').attr( 'id').replace('select2-', '').replace('-results', '')).attr('data-select-box-id'); if (text) { $.ajax({ url: url, method: "POST", data: { '_token': "VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz", 'item': text, 'select_box': selectBoxId, }, beforeSend: function() { $("body").LoadingOverlay("show"); }, success: (response) => { var sId = 'work_type_id'; // any if (response.status == true) { var item = response.data; if ((selectBoxId !== '' || selectBoxId !== undefined) && (selectBoxId .length > 0)) { sId = selectBoxId; } $('#' + sId).append('<option selected value="' + item['id'] + '">' + item[ 'text'] + '</option>'); $("body").LoadingOverlay("hide"); } else { alert( "Error Code: 200 " + response.message + ". Please contact Admin." ); $("body").LoadingOverlay("hide"); } }, error: (xhr, ajaxOptions, thrownError) => { $("body").LoadingOverlay("hide"); alert( "Error Code: " + xhr.status + ". " + thrownError + ". Please contact Admin." ); }, }); } }); function getSelect2Data($idname, $parameter, $skipParameter, $skipFunc, $plhldr, $parentId, $allowClear=true) { if (!$plhldr) { $plhldr = 'value'; } if (isset($($idname).attr('data-setMultiple'))) { $multiple = JSON.parse($($idname).attr('data-setMultiple')); var $element = $($idname).select2({ placeholder: "Select a " + $plhldr, }); $.each($multiple, function(index, value) { var defaultData = { id: index, text: value }; var item = defaultData; var option = new Option(item.text, item.id, true, true); $element.append(option); $element.trigger('change'); }); } if (isset($($idname).attr('data-setValue')) && isset($($idname).attr('data-setText'))) { var $element = $($idname).select2({ placeholder: "Select a " + $plhldr, }); var defaultData = { id: $($idname).attr('data-setValue'), text: $($idname).attr('data-setText') }; // console.log(defaultData); var item = defaultData; var option = new Option(item.text, item.id, true, true); $element.append(option); $element.trigger('change'); } $($idname).select2({ minimumInputLength: 0, width: "100%", placeholder: "Select " + $plhldr, allowClear: $allowClear, ajax: { url: function(params) { if ($skipParameter) { params[$skipParameter] = $skipFunc; } return "https://www.fynth.com/select2-data/" + $parameter; }, dataType: 'json', type: "GET", delay: 250, processResults: function(data) { return { // results: data results: $.map(data, function(item) { return { text: item.text, id: item.value, } }) }; } } }).on("change", function() { // console.log($(this).valid()); }) } function allSelectAjaxWithParameter($idname, $parameter, $skipParameter, $skipFunc, $plhldr, $minInputLen = '', perfix = 'Select a', allowClear = true) { if (!$plhldr) { $plhldr = 'Value'; } var ismultiple = false; var parent = $(document.body); if ($($idname).parents('.modal').length != 0) { parent = $('#' + $($idname).parents('.modal').attr('id')) } if ($($idname).prop('multiple')) { ismultiple = true; } else { ismultiple = false; } if (isset($($idname).attr('data-setMultiple'))) { $multiple = JSON.parse($($idname).attr('data-setMultiple')); var $element = $($idname).select2({ placeholder: perfix + " " + $plhldr, }); $.each($multiple, function(index, value) { var defaultData = { id: index, text: value }; var item = defaultData; var option = new Option(item.text.trim(), item.id, true, true); $element.append(option); $element.trigger('change'); }); } if (isset($($idname).attr('data-setValue')) && isset($($idname).attr('data-setText'))) { var $element = $($idname).select2({ placeholder: perfix + " " + $plhldr, }); var defaultData = { id: $($idname).attr('data-setValue'), text: $($idname).attr('data-setText') }; var item = defaultData; var option = new Option(item.text, item.id, true, true); $element.append(option); $element.trigger('change'); } if ($skipParameter) { $($idname).select2({ minimumInputLength: $minInputLen, width: "100%", placeholder: perfix + " " + $plhldr, dropdownParent: parent, allowClear: allowClear, ajax: { url: function(params) { if ($($idname).attr('data-store')) select2Addbutton(params.term); if ($skipParameter) { params[$skipParameter] = $skipFunc(); } return "https://www.fynth.com/select2-data/" + $parameter; }, dataType: 'json', type: "GET", delay: 250, processResults: function(data) { return { // results: data results: $.map(data, function(item) { return { text: item.text, id: item.value, } }) }; } } }).on("change", function() {}) } else { $($idname).select2({ minimumInputLength: $minInputLen, width: "100%", placeholder: perfix + " " + $plhldr, dropdownParent: parent, ajax: { url: function(params) { if ($skipParameter) { params[$skipParameter] = $skipFunc(); } return "https://www.fynth.com/select2-data/" + $parameter; }, data: function(params, data) { var filterText = 'df', filter1Value = 'df', filterValfn; if (isset($($idname).attr('filter-value')) && isset($($idname).attr( 'filter-text'))) { filterValfn = $($idname).attr('filter-value'); filterText = $($idname).attr('filter-text'); filter1Value = $('#' + filterValfn).val(); } var query = { q: params.term, filter_text: filterText, filter_value: filter1Value, } if ($($idname).attr('data-store')) select2Addbutton(params.term); return query; }, dataType: 'json', type: "GET", delay: 250, processResults: function(data) { return { // results: data results: $.map(data, function(item) { return { text: item.text, id: item.value, } }) }; } }, templateResult: function(element) { if (ismultiple) { return select2CheckboxAdder(element); } else { return element.text; } }, closeOnSelect: !ismultiple, allowClear: allowClear, }).on("change", function() {}) } } function isset() { var a = arguments, l = a.length, i = 0, undef; if (l === 0) { throw new Error('Empty isset'); } while (i !== l) { if (a[i] === undef || a[i] === null) { return false; } i++; } return true; } </script> <script src="https://www.fynth.com/plugins/jQuery-confirm-master/jquery-confirm.min.js?v=1.1"></script> <script> jconfirm.defaults = { theme: "light", type: 'green', animation: 'scale', closeAnimation: 'scale', animateFromElement: false, } function showErrorPopup(setting, content) { opt = $.extend({ title: 'Error!!', content: content, }, setting); $.confirm({ type: 'red', title: opt.title, content: opt.content, buttons: { confirm: { text: "OK", btnClass: "btn-red", action: function() { } } } }) } function showSuccessPopup(setting, content) { opt = $.extend({ title: 'Success!!', content: content, onOkClick: function() { }, }, setting); $.confirm({ type: 'red', title: opt.title, content: opt.content, buttons: { confirm: { text: "OK", btnClass: "btn-green", action: function() { opt.onOkClick() } } } }) } function showPrompt(setting, content) { opt = $.extend({ title: 'Are you sure...?', content: content, }, setting); $.confirm({ type: 'blue', title: opt.title, content: opt.content, buttons: { confirm: { text: "OK", btnClass: "btn-blue", action: function() { } }, cancel: { text: "Cancel", btnClass: "btn-red", action: function() { } } } }); } </script> <script src="https://www.fynth.com/plugins/jquery-validation/jquery.validate.min.js"></script> <script src="https://www.fynth.com/plugins/jquery-validation/additional-methods.min.js"></script> <script src="https://www.fynth.com/plugins/common-validation/common-validation.min.js"></script> <script> $.validator.addMethod("no_space", function(value, element, param) { return value.indexOf(" ") === -1; }, "Space is not allowed"); $.validator.addMethod("no_special_characters", function(value, element, param) { let specialC = /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/; return !specialC.test(value); }, "Special Characters not allowed"); $.validator.addMethod("no_uppercase", function(value, element, param) { return !/[A-Z]/.test(value); }, "Capital Letters is not allowed"); $.validator.addMethod('filesize', function(value, element, param) { return this.optional(element) || (element.files[0].size <= param) }, 'File size must be less than ' + 3 + 'MB'); $.validator.addMethod('imagesize', function(value, element, param) { return this.optional(element) || (element.files[0].size <= param) }, 'File size must be less than ' + 2 + 'MB'); $.validator.addMethod("uae_number", function(value, element, param) { let uaeRegex = value.match(/^(?:\+971|00971|0)?(?:50|51|52|55|56|54|58|2|3|4|6|7|9)\d{7}$/m); return uaeRegex ? true : false; }, "Please enter a valid UAE Number. you can use 00971 or 05 format."); $.validator.addMethod("emailExt", function(value, element, param) { return value.match(/^[a-zA-Z0-9_\.%\+\-]+@[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,}$/); },'Please enter a valid email address!.'); $.validator.addMethod("validate_email", function(value, element) { if (value.length > 1) { if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value)) { return true; } else { return false; } } else { return true; } }, "Please enter a valid email address."); $.validator.setDefaults({ ignore: ":hidden", errorClass: "error", errorPlacement: function(error, element) { if (element.parent('.input-group').length) { error.insertAfter(element.parent()); } else if (element.data('select2')) { if (element.parent('td').length) { element.parent('td').append(error); } else if (element.parent().hasClass('form-group')) { element.parent('.form-group').append(error); } } else { error.insertAfter(element); } }, }); </script> <script src="https://www.fynth.com/plugins/loadingoverlay.min.js"></script> <script src="https://www.fynth.com/plugins/dropify-master/dropify.min.js"></script> <script src="https://www.fynth.com/js/home.js"></script> <script> // $('.dropify').dropify({ // messages: { // 'default': 'Upload <br>Photo', // } // }); // $(document).ready(function(){ // $('a[href^="#"]').on('click',function (e) { // e.preventDefault(); // var target = this.hash; // var $target = $(target); // $('html, body').stop().animate({ // 'scrollTop': $target.offset().top + 81 // }, 900, 'swing', function () { // // window.location.hash = target; // }); // }); // }); $('body').on('click', 'a.scroll-to-position', function (e) { var divID = $(this).attr('href'); $('html, body').animate({ scrollTop: $(divID).offset().top - 81 }); }); $("button.accordion-button").click(function () { $("button.accordion-button").each(function (i, el) { if ($(el).is(".collapsed")) { $(this).find('span').addClass('fy-plus-circle').removeClass('fy-minus-circle'); } else { $(this).find('span').addClass('fy-minus-circle').removeClass('fy-plus-circle'); } }); }); $(".box-header-wrapper").click(function () { $(".box-header-wrapper").each(function (i, el) { if ($(el).is(".collapsed")) { $(this).find('span').addClass('fy-chevron-down').removeClass('fy-chevron-up'); } else { $(this).find('span').addClass('fy-chevron-up').removeClass('fy-chevron-down'); } }); }); var _validator; var _validator1; $(document).ready(function () { getSelect2Data('#phone_code', 'getPhoneCodes', null, null, null, null, false); getSelect2Data('#mobile_code', 'getPhoneCodes', null, null, null, null, false); getSelect2Data('#country', 'getCountries', null, null, null, null, true); getSelect2Data('#time_zone', 'getTimeZones', null, null, null, null, true); $selectedStateID = ''; getSelect2Data('#state', 'getStates', 'country_id', $selectedStateID, null, null, true); $('[name="country"]').on('change', function () { $('#mobile_code').val(null); $('#mobile_code').text(null); $('#mobile_code').trigger('changes'); //set Currency $.ajax({ url: "https://www.fynth.com/select2-data/getPhoneCodeByCountry?country_id=" + $(this).val(), method: "GET", data: { 'country_id': $(this).val(), }, success: (response) => { if (response.value > 0) { if ($('#country').val() !== $('#country').attr('data-setvalue')) { $('#country').attr('data-setValue', $('#country').val()); $('#mobile_code').attr('data-setValue', response.value); $('#mobile_code').attr('data-setText', response.text); allSelectAjaxWithParameter('#mobile_code', 'getPhoneCodes', null, null, '', null, null, false); } } }, error: (xhr, ajaxOptions, thrownError) => { $.confirm({ title: 'Error!', columnClass: 'jc_delete', content: 'Error Code: ' + xhr.status + '. ' + thrownError + '. Please contact Admin.', closeIcon: true, closeIconClass: 'fy-cancel', buttons: { confirm: { text: "Okay", btnClass: "btn-primary", action: function () { } } }, }); } }) }); $('body').on("click", "[data-action='removeFile']", function (e) { $this = $(this); tSelector = $this.attr("data-target"); tId = $this.attr("data-remove"); console.log(tId); tParent = $this.attr("data-parent"); if ($(tSelector).length) { $(tSelector).valAppend("," + tId); if ($(this).attr('data-id') === 'first') { } else { $this.closest(tParent).remove(); } } else { $.alert("Sorry You Can't Delete!!!") } }); $('.dropify').dropify({ messages: { 'default': 'Click here to upload', } }); _validator = $("#start-free-trial-form").commonValidator({ redirectTo: '#', ignore: [], rules: { // logo : { // required: true, // }, company_name: { required: true, }, contact_person: { required: true, }, email: { required: true, }, website_url: { required: true, }, country: { required: true, }, // state : { // required: true, // }, mobile_code: { required: true, }, mobile_number: { required: true, }, }, onServerError: function (errors) { $('#register').modal('hide'); $.confirm({ title: 'An Error Occurred', columnClass: 'jc_delete', content: 'Please try Again Later', closeIcon: true, closeIconClass: 'fy-cancel', buttons: { confirm: { text: "Okay", btnClass: "btn-primary", action: function () { } } }, }); }, onSuccess: function (response) { $('#register').modal('hide'); if (response.status === 'success') { $.confirm({ title: 'Email Verification', columnClass: 'jc_delete', content: 'Email has been successfully sent to your registered email address', closeIcon: true, closeIconClass: 'fy-cancel', buttons: { confirm: { text: "Okay", btnClass: "btn-primary", action: function () { } } }, }) } else if (response.status === 'validation_error') { alert('Validation-Errors'); } else { alert('Err'); } }, }); // $('body').on("click", "#free-trial-btn", function (e) { // $('#register').modal('show'); // }); _validator1 = $("#clone-project-form").commonValidator({ redirectTo: '#', ignore: [], rules: { logo: { required: true, }, about_company: { required: true, }, password: { minlength: 8, }, password_confirmation: { minlength: 8, equalTo: "#password" } }, onServerError: function (errors) { $('#clone').modal('hide'); $.confirm({ title: 'An Error Occurred', columnClass: 'jc_delete', content: 'Please try Again Later', closeIcon: true, closeIconClass: 'fy-cancel', buttons: { confirm: { text: "Okay", btnClass: "btn-primary", action: function () { } } }, }); }, onSuccess: function (response) { $('#clone').modal('hide'); if (response.status === 'success') { $.confirm({ title: 'Project Cloned Successfully', columnClass: 'jc_delete', content: 'Project info has been successfully sent to your registered email address', closeIcon: true, closeIconClass: 'fy-cancel', buttons: { confirm: { text: "Okay", btnClass: "btn-primary", action: function () { } } }, }) } else if (response.status === 'validation_error') { alert('Validation-Errors'); } else { alert('Err'); } }, }); }); </script> <!-- custom JS code after importing jquery and owl --> <script type="text/javascript"> $("body").on('change', 'input, select, textarea', function(e) { if ($(this).closest('form').length && typeof $.fn.validate == "function") { $(this).valid(); } }); $(window).scroll(function(){ var sticky = $('.navbar'), scroll = $(window).scrollTop(); if (scroll >= 150) sticky.addClass('fixed-top'); else sticky.removeClass('fixed-top'); }); $("document").ready(function () { $('.navbar-toggle').click(function () { $(this).toggleClass('collapsed'); }); }); $(".tab-slider--nav li").click(function () { $(".tab-slider--body").hide(); var activeTab = $(this).attr("rel"); $("#" + activeTab).fadeIn(); if ($(this).attr("rel") == "tab2") { $('.tab-slider--tabs').addClass('slide'); } else { $('.tab-slider--tabs').removeClass('slide'); } $(".tab-slider--nav li").removeClass("active"); $(this).addClass("active"); }); </script> <script src="https://www.fynth.com/js/bootstrap.min.js"></script> <script> var dteNow = new Date(); var intYear = dteNow.getFullYear(); var prevYear = intYear - 1; $('#prevYear').each(function () { var text = $(this).text(); $(this).text(text.replace('PreviousCopyrightYear', prevYear)); }); $('#currentYear').each(function () { var text = $(this).text(); $(this).text(text.replace('CurrentCopyrightYear', intYear)); }); </script> </div> <div class="modal fade" id="choose_product" data-bs-backdrop="static" data-bs-keyboard="false"> <div id="choose-product-inner" class="modal-dialog modal-lg modal-fullscreen-md-down modal-dialog-centered modal-dialog-scrollable"> </div> </div> <div class="modal fade" id="register" data-bs-backdrop="static" data-bs-keyboard="false"> <div class="modal-dialog modal-xl modal-fullscreen-md-down modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Start Free Trial</h5> <button type="button" class="fy-close-solid" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form id="start-free-trial-form" action="#" method="get" enctype="multipart/form-data"> <input type="hidden" name="_token" value="VEbKZeRoAPn6T4CZQ5gNWDTTs2pLTj25oJGjbiUz"> <div class="modal-body"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="row"> <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2"> <label for="company_name" class="control-label">Company Name</label> <input type="text" name="company_name" id="company_name" value="" placeholder="Enter Here" class="form-control"> </div> <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2"> <label for="contact_person" class="control-label">Contact Person</label> <input type="text" name="contact_person" id="contact_person" value="" placeholder="Enter Here" class="form-control"> </div> <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2"> <label for="country" class="control-label">Country</label> <select name="country" id="country" class="form-control" placeholder="Enter Here"> </select> </div> <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2"> <label for="email" class="control-label">Email</label> <input type="email" name="email" id="email" value="" placeholder="Enter Here" class="form-control"> </div> <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2"> <label for="website_url" class="control-label">Website URL</label> <input type="url" name="website_url" id="website_url" value="" placeholder="Enter Here" class="form-control"> </div> <div class="form-group col-xl-4 col-lg-4 col-md-6 col-sm-12 col-xs-12 mt-2"> <label for="phone_code1" class="control-label">Mobile Number</label> <div class="input-group input-group-sm country-code"> <select name="mobile_code" id="mobile_code" class="form-control"> </select> <input type="number" class="form-control phone-number" name="mobile_number" id="mobile_number" value="" placeholder="Enter Here"> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">Start free trial now</button> </div> </form> </div> </div> </div> <script> $(document).on('click', '.start-free-trial-btn', function() { $.ajax({ url: "https://www.fynth.com/products-view", method: "GET", beforeSend: function() { $("body").LoadingOverlay("show"); }, success: (htmlResponse) => { $("#choose-product-inner").html(htmlResponse); $("body").LoadingOverlay("hide"); $("#choose_product").modal('show'); }, error: (xhr, ajaxOptions, thrownError) => { $("body").LoadingOverlay("hide"); alert( "Error Code: " + xhr.status + ". " + thrownError + ". Please contact Admin." ); }, }); }); </script> </body> </html>