codecamp/codecamp.html at main · OyesofEde/codecamp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Form with Pseudo-classes</title>
  <link rel="stylesheet" href="code.css">
</head>
<body>
  <div class="container">
    <form>
      <!-- Name Input -->
      <label for="name">Full Name:</label>
      <input type="text" id="name" name="name" required>

      <!-- Email Input -->
      <label for="email">Email Address:</label>
      <input type="email" id="email" name="email" required>

      <!-- Position Select -->
      <label for="position">Position:</label>
      <select id="position" name="position" required>
        <option value="">Select a position</option>
        <option value="developer">Developer</option>
        <option value="designer">Designer</option>
        <option value="manager">Manager</option>
        <option value="intern">Intern</option>
      </select>

      <!-- Radio Group for Availability -->
      <fieldset class="radio-group">
        <legend>Availability:</legend>

        <label>
          <input type="radio" name="availability" value="full-time" required>
          Full-time
        </label>

        <label>
          <input type="radio" name="availability" value="part-time">
          Part-time
        </label>

        <label>
          <input type="radio" name="availability" value="contract">
          Contract
        </label>

        <label>
          <input type="radio" name="availability" value="freelance">
          Freelance
        </label>
      </fieldset>

      <!-- Message Textarea -->
      <label for="message">Message:</label>
      <textarea id="message" name="message" rows="5" required></textarea>

      <!-- Submit Button -->
      <button type="submit">Submit Application</button>
    </form>
  </div>
</body>
</html>