Emirates Airline Cabin Crew CV
About this app
Create a professional CV for cabin crew candidates applying to Emirates Airline
Emirates Airline Cabin Crew CV Emirates Airline Cabin Crew CV Full Name Email Address Phone Number Address Relevant Experience Skills Submit CV submitted successfully! Oops! Something went wrong. Please try again.
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Emirates Airline Cabin Crew CV</title>
<meta name="description" content="Create a professional CV for cabin crew candidates applying to Emirates Airline">
<meta name="keywords" content="Emirates Airline, Cabin Crew, CV, Resume, Job Application">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
font-family: 'Montserrat', sans-serif;
background-color: #f5f5f5;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
text-align: center;
}
.form-group {
margin-bottom: 30px;
}
label {
font-weight: bold;
color: #333;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
textarea {
height: 150px;
}
.btn-submit {
display: block;
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: #fff;
font-size: 16px;
text-align: center;
cursor: pointer;
transition: background-color 0.3s ease;
}
.btn-submit:hover {
background-color: #0056b3;
}
.success-message {
color: #009933;
font-weight: bold;
text-align: center;
}
.error-message {
color: #ff0000;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Emirates Airline Cabin Crew CV</h1>
<form id="cv-form">
<div class="form-group">
<label for="name">Full Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" required>
</div>
<div class="form-group">
<label for="address">Address</label>
<textarea id="address" name="address" required></textarea>
</div>
<div class="form-group">
<label for="experience">Relevant Experience</label>
<textarea id="experience" name="experience" required></textarea>
</div>
<div class="form-group">
<label for="skills">Skills</label>
<textarea id="skills" name="skills" required></textarea>
</div>
<button type="submit" class="btn-submit">Submit</button>
</form>
<div id="success-message" class="success-message" style="display: none;">CV submitted successfully!</div>
<div id="error-message" class="error-message" style="display: none;">Oops! Something went wrong. Please try again.</div>
</div>
<script type="text/javascript">
// App Javascript Goes Here
$(document).ready(function() {
$("#cv-form").submit(function(e) {
e.preventDefault();
var name = $("#name").val();
var email = $("#email").val();
var phone = $("#phone").val();
var address = $("#address").val();
var experience = $("#experience").val();
var skills = $("#skills").val();
// Send the CV data to a server-side script or API endpoint
// Here, we'll just display a success message or error message
// Simulating a successful submission
$("#success-message").show();
$("#error-message").hide();
// After a delay, hide the success message
setTimeout(function() {
$("#success-message").hide();
}, 3000);
});
});
</script>
</body>
</html>
NEW APPS
These are apps made by the community!