- Scan ID:
- da81c56b-2d38-4e23-8a50-910b227bb287Finished
- Submitted URL:
- https://primevisiontech.com/projecthopeus.org/application/index.html
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 3 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Employment Application - Project HOPE</title>
<!-- Fonts and Favicon -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="icon" href="favicon1.ico" type="image/x-icon">
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #f5f7fa;
color: #333;
margin: 0;
padding: 0;
}
.logo-section {
text-align: center;
margin: 20px 0;
}
.logo-section img {
max-width: 200px;
}
.header {
background-color: #0073e6;
color: white;
text-align: center;
padding: 10px 5px;
}
.header h1 {
margin: 0;
font-size: 28px;
text-transform: uppercase;
}
.header p {
margin-top: 10px;
font-size: 16px;
}
/* Marquee CSS */
.marquee-text {
display: inline-block;
white-space: nowrap;
overflow: hidden;
width: 100%; /* Ensures it takes up the full width */
animation: marquee 20s linear infinite;
}
@keyframes marquee {
from {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
.container {
max-width: 1100px;
margin: 30px auto;
background: white;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
@media (max-width: 768px) {
.container {
max-width: 90%; /* Adjust to fit smaller screens */
}
}
h3 {
font-size: 20px;
color: #333;
margin-bottom: 10px;
text-transform: uppercase;
}
.section {
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
.section:nth-child(1) { background-color: #f0f8ff; /* Light Blue */ }
.section:nth-child(2) { background-color: #f9f0f7; /* Soft Pink */ }
.section:nth-child(3) { background-color: #f0fcf4; /* Light Green */ }
.section:nth-child(4) { background-color: #fef7e8; /* Soft Yellow */ }
.section:nth-child(5) { background-color: #edf4ff; /* Sky Blue */ }
.section:nth-child(6) { background-color: #fef1f2; /* Soft Rose */ }
.section:nth-child(7) { background-color: #f3f9fc; /* Soft Teal */ }
label {
display: block;
margin: 10px 0 5px;
font-weight: bold;
}
input, textarea, select {
width: 95%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
}
textarea {
resize: vertical;
}
.radio-group {
display: flex;
gap: 15px;
align-items: center;
margin-top: 10px;
}
.radio-option {
display: flex;
align-items: center;
gap: 5px;
}
.submit-btn {
background-color: #0073e6;
color: white;
font-size: 18px;
padding: 15px;
border: none;
border-radius: 8px;
cursor: pointer;
margin: 20px auto;
display: block;
width: 50%;
text-align: center;
}
.submit-btn:hover {
background-color: #005bb5;
}
footer {
text-align: center;
padding: 10px;
background-color: #f5f7fa;
margin-top: 20px;
}
footer p {
color: #666;
font-size: 14px;
}
</style>
</head>
<body>
<!-- Logo Section -->
<div class="logo-section">
<img src="logo.svg" alt="Project HOPE Logo">
</div>
<!-- Header -->
<div class="header">
<h1>Employment Application Form</h1>
<p class="marquee-text">Delivering Health and Hope to Communities in Need</p>
</div>
<!-- Employment Application Form -->
<div class="container">
<form action="process_application.php" method="post" enctype="multipart/form-data">
<!-- Legal Work Authorization Section -->
<div class="section">
<h3>Legal Work Authorization</h3>
<label>Are you legally authorized to work in the US?</label>
<div class="radio-group">
<div class="radio-option">
<input type="radio" id="work_auth_yes" name="work_auth" value="Yes" required="">
<label for="work_auth_yes">Yes</label>
</div>
<div class="radio-option">
<input type="radio" id="work_auth_no" name="work_auth" value="No" required="">
<label for="work_auth_no">No</label>
</div>
</div>
</div>
<!-- Personal Information Section -->
<div class="section">
<h3>Personal Information</h3>
<label for="fullname">Full Name</label>
<input type="text" id="fullname" name="fullname" required="">
<label for="address">Address</label>
<input type="text" id="address" name="address" placeholder="Street Address" required="">
<div style="display: flex; gap: 20px;">
<div style="flex: 1;">
<label for="city">City</label>
<input type="text" id="city" name="city" required="">
</div>
<div style="flex: 1;">
<label for="state">State</label>
<select id="state" name="state" required="">
<option value="">Select State</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
</select>
</div>
<div style="flex: 1;">
<label for="zipcode">Zip Code</label>
<input type="text" id="zipcode" name="zipcode" required="">
</div>
</div>
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone" required="">
<label for="email">Email</label>
<input type="email" id="email" name="email" required="">
</div>
<!-- Job Information Section -->
<div class="section">
<h3>Job Information</h3>
<label for="position">Position Applied For</label>
<input type="text" id="position" name="position" value="Liaison Agent" readonly="">
<label for="salary">Desired Salary</label>
<input type="number" id="salary" name="salary" value="450" readonly="">
<label for="availability">Availability (Start Date)</label>
<input type="text" id="availability" name="availability" value="Immediate" readonly="">
</div>
<!-- Education Section -->
<div class="section">
<h3>Education and Qualifications</h3>
<label for="education">Highest Degree/Qualification</label>
<input type="text" id="education" name="education" required="">
</div>
<!-- Work Experience Section -->
<div class="section">
<h3>Work Experience</h3>
<label for="experience">Previous Work Experience</label>
<textarea id="experience" name="experience" rows="5" placeholder="Describe your work experience..." required=""></textarea>
</div>
<!-- References Section -->
<div class="section">
<h3>References</h3>
<label for="reference1">Reference 1</label>
<input type="text" id="reference1" name="reference1" placeholder="Full Name, Phone Number, Email" required="">
<label for="reference2">Reference 2</label>
<input type="text" id="reference2" name="reference2" placeholder="Full Name, Phone Number, Email" required="">
</div>
<!-- Identification Section -->
<div class="section">
<h3>Identification Section</h3>
<label for="identification">Upload Identification Document</label>
<input type="file" id="identification" name="identification" accept=".jpg, .jpeg, .png, .pdf" required="">
<p style="font-size: 0.9em; color: #555;">Supported file types: .jpg, .jpeg, .png, .pdf (Max size: 10MB).</p>
</div>
<!-- Submit Button -->
<button type="submit" class="submit-btn">Submit Application</button>
</form>
</div>
<!-- Footer -->
<footer>
<p>© 2024 Project HOPE. All Rights Reserved.</p>
</footer>
</body></html>