vtcsite/placement.html at master · statebait/vtcsite · 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!doctype html>
<html lang="en">

<head>
  <title>VTC | Placements</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/placement.css" />
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>

<body>

  <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #3a29cc">
    <a class="navbar-brand" href="#">VTC</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item">
          <a class="nav-link" href="index.html">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="enroll.html">Enroll</a>
        </li>
        <li class="nav-item active">
          <a class="nav-link" href="placement.html">Placements <span class="sr-only">(current)</span></a>
        </li>
      </ul>
    </div>
  </nav>

  <div class="text-center title_">
    <h1>Placements Available</h1>
  </div>

  <!-- Modal Button -->
  <div class="text-center button_position">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal1" style="background-color: #3a29cc;">Take A Job</button>
  </div>

  <div class="container">
    <table class="table">
      <thead>
        <tr>
          <th>Company Name</th>
          <th>Type of Worker Req.</th>
          <th>No. Required</th>
          <th>Wages per Day</th>
          <th>Job No.</th>
        </tr>
      </thead>
      <tbody id="table_body">
      </tbody>
    </table>
  </div>

  <!-- Take A Job Form Modal -->
  <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModal1" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Enter Your Details</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        </div>
        <div class="modal-body">
          <div class="alert text-center">
            Details have been Submited!
          </div>
          <form id="detailsform">
            <div class="form-group">
              <label for="jobno" class="col-form-label">Job No. you want to apply for:</label>
              <input type="text" class="form-control" placeholder="Job No" id="jobno" required>
            </div>
            <div class="form-group">
              <label for="company_name" class="col-form-label">Company Name:</label>
              <input type="text" class="form-control" placeholder="Company Name" id="company_name" required>
            </div>
            <div class="form-group">
              <label for="worker_name" class="col-form-label">Name:</label>
              <input type="text" class="form-control" placeholder="Name" id="worker_name" required>
            </div>
            <div class="form-group">
              <label for="contact_no" class="col-form-label">Contact No:</label>
              <input type="number" class="form-control" id="contact_no" placeholder="Contact No" required>
            </div>
            <div class="form-group">
              <label for="certi_no" class="col-form-label">Certificate No:</label>
              <input type="number" class="form-control" id="certi_no" placeholder="Certificate No" required>
            </div>

            <div style="padding-top: 20px;">
              <button type="submit" class="btn btn-primary" style="background-color: #3a29cc;">Submit</button>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>

  <script src="https://www.gstatic.com/firebasejs/4.8.1/firebase.js"></script>
  <script>
    // Initialize Firebase
    var config = {
      apiKey: "AIzaSyDnQhh6PxauVjYj-mW_If5-hhHFi6HNWZI",
      authDomain: "vtcsite-70c78.firebaseapp.com",
      databaseURL: "https://vtcsite-70c78.firebaseio.com",
      projectId: "vtcsite-70c78",
      storageBucket: "vtcsite-70c78.appspot.com",
      messagingSenderId: "54800151754"
    };
    firebase.initializeApp(config);
  </script>

  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  <script src="js/placement.js"></script>
</body>

</html>