https://primevisiontech.com/projecthopeus.org/application/index.html

送信済みURL:
https://primevisiontech.com/projecthopeus.org/application/index.html
レポート終了日:

リンク · 0件検出

ページから特定された発信リンク

JavaScript変数 · 3件検出

ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

コンソールログメッセージ · 0件検出

Webコンソールにログ記録されたメッセージ

HTML

未加工のHTMLページ本文

<!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&amp;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>