File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/chiraiyaresortandhotels.com/career.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- TITLE --> <title>Career | Chiraiya Resort and Hotels</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="shortcut icon" href="images/favicon.png"/> <!-- GOOGLE FONT --> <link href="https://fonts.googleapis.com/css?family=Hind:400,300,500,600%7cMontserrat:400,700" rel='stylesheet' type='text/css'> <!-- CSS LIBRARY --> <link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/font-lotusicon.css"> <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="css/lib/jquery-ui.min.css"> <link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css"> <link rel="stylesheet" type="text/css" href="css/lib/settings.css"> <link rel="stylesheet" type="text/css" href="css/lib/bootstrap-select.min.css"> <link rel="stylesheet" type="text/css" href="css/responsive.css"> <!-- MAIN STYLE --> <link rel="stylesheet" type="text/css" href="css/style.css"> <style> .about-item{ text-align:justify; } .form-container { background: #fff; padding: 40px; border-radius: 10px; width: 100%; margin:0 auto; max-width: 800px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); } h2 { text-align: center; margin-bottom: 30px; color: #333; } form { display: flex; flex-direction: column; gap: 15px; } .form-row { display: flex; gap: 20px; flex-wrap: wrap; } .form-group { flex: 1; display: flex; flex-direction: column; } .form-group.full-width { flex: 1 1 100%; } label { margin-bottom: 5px; font-weight: 500; color: #555; } input, select, textarea { padding: 12px; border-radius: 5px; border: 1px solid #ccc; font-size: 1rem; width: 100%; } input:focus, select:focus, textarea:focus { outline: none; border-color: #007bff; } button { padding: 15px; background-color: #2d5b4f; color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 1.1rem; width: 200px; align-self: center; transition: background 0.3s; } button:hover { background-color: #1f3c33; } /* Responsive */ @media(max-width:768px){ .form-row { flex-direction: column; } button { width: 100%; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date], input[type=time], input[type=datetime-local], input[type=month] { line-height: 15px; } } </style> </head> <body> <!-- PAGE WRAP --> <div id="page-wrap"> <!-- HEADER --> <?php include 'include/header.php'?> </header> <!-- END / HEADER --> <!-- SUB BANNER --> <section class="section-sub-banner bg-16"> <div class="sub-banner"> <div class="container"> <div class="text text-center"> <h2>Career</h2> </div> </div> </div> </section> <!-- END / SUB BANNER --> <div class="form-container"> <h2>Apply for a Job</h2> <form id="careerForm"> <div class="form-row"> <div class="form-group"> <label for="fullName">Full Name*</label> <input type="text" id="fullName" placeholder="Enter your name" required> </div> <div class="form-group"> <label for="email">Email*</label> <input type="email" id="email" placeholder="Enter your email" required> </div> </div> <div class="form-row"> <div class="form-group"> <label for="phone">Phone*</label> <input type="tel" id="phone" placeholder="Enter your phone number" required> </div> <div class="form-group"> <label for="dob">Date of Birth</label> <input type="date" id="dob"> </div> </div> <div class="form-row"> <div class="form-group"> <label for="experience">Total Work Experience</label> <input type="text" id="experience" placeholder="e.g., 3 years"> </div> <div class="form-group"> <label for="city">Current City</label> <input type="text" id="city" placeholder="City name"> </div> </div> <div class="form-row"> <div class="form-group full-width"> <label for="position">Applying Post For</label> <select id="position"> <option value="">Select Position</option> <option value="frontend">Front-End Developer</option> <option value="backend">Back-End Developer</option> <option value="uiux">UI/UX Designer</option> <option value="marketing">Marketing Specialist</option> </select> </div> </div> <div class="form-row"> <div class="form-group"> <label for="company">Current Company</label> <input type="text" id="company" placeholder="Company Name"> </div> <div class="form-group"> <label for="currentPosition">Current Position</label> <input type="text" id="currentPosition" placeholder="Your Position"> </div> </div> <!-- <div class="form-row"> <div class="form-group"> <label for="ctc">Present CTC</label> <input type="text" id="ctc" placeholder="Current Salary"> </div> <div class="form-group"> <label for="resume">Upload Resume</label> <input type="file" id="resume"> </div> </div>--> <div class="form-row"> <button type="submit">Apply</button> </div> </form> </div> <script> const form = document.getElementById('careerForm'); form.addEventListener('submit', (e) => { e.preventDefault(); alert('Your application has been submitted successfully!'); form.reset(); }); </script> <!-- FOOTER --> <?php include 'include/footer.php'?> <!-- END / FOOTER --> </div> <!-- END / PAGE WRAP --> <!-- LOAD JQUERY --> <script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/lib/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/lib/jquery-ui.min.js"></script> <script type="text/javascript" src="js/lib/bootstrap.min.js"></script> <script type="text/javascript" src="js/lib/bootstrap-select.js"></script> <script src="http://maps.google.com/maps/api/js?key=AIzaSyAb2lfsiytHD7rMhBaAvJz2CKhk05uiIuE"></script> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> <script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script> <script type="text/javascript" src="js/lib/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/lib/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="js/lib/owl.carousel.js"></script> <script type="text/javascript" src="js/lib/jquery.appear.min.js"></script> <script type="text/javascript" src="js/lib/jquery.countTo.js"></script> <script type="text/javascript" src="js/lib/jquery.countdown.min.js"></script> <script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script> <script type="text/javascript" src="js/lib/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="js/lib/SmoothScroll.js"></script> <!-- validate --> <script type="text/javascript" src="js/lib/jquery.form.min.js"></script> <script type="text/javascript" src="js/lib/jquery.validate.min.js"></script> <!-- Custom jQuery --> <script type="text/javascript" src="js/scripts.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings