-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathOfficeboy.html
More file actions
145 lines (144 loc) · 6.47 KB
/
Copy pathOfficeboy.html
File metadata and controls
145 lines (144 loc) · 6.47 KB
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head >
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Form Job 4</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Icon-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Memakai jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="crossorigin="anonymous"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<style>
h1 {
font-size: 20px;
margin-top: 24px;
margin-bottom: 24px;
}
img {
height: 40px;
}
</style>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="home.html">
<img src="images/logo2.png" width="150" class="d-inline-block align-top" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNav">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="home.html"><i class="fa fa-fw fa-home"></i> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-fw fa-car"></i>Car</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="hyper.html"> Hyper Car</a>
<a class="dropdown-item" href="sports.html"> Sports Car</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"><i class="fa fa-fw fa-location-arrow"></i>About Us</a>
</li>
</ul>
<div class="navbar-nav ml-auto ">
<a href="Login.html" class="nav-item nav-link" style="color:white;" ><i class="fa fa-fw fa-user-circle"></i>Login/SignUp</a>
</div>
</ul>
</div>
</nav>
</div>
</header>
<!-- content -->
<div class="col-md-6 offset-md-3 mt-5">
<h2><b>Office Boy Job Description</b></h2>
<br>
<p>A cleaner works to keep an organization tidy and orderly by taking stock of cleaning supplies and completing small cleaning jobs throughout the day like emptying trash cans, washing windows and scrubbing any dirty areas. They’re often given a certain set of tasks to complete before their shift and must have them finished by the end of the day. Cleaners are responsible for the safety of patrons or office workers by ensuring areas are properly sanitized and cleaning up any spills or messes that may harm customers or other employees.</p>
<br>
<br>
<b>Office Boy Requirements:</b>
<br><br>
<ul>
<li>Communication</li>
<li>Interpersonal skills</li>
<li>Proactivity</li>
<li>The ability to work independently with minimal supervision</li>
<li>The ability to follow health and safety standards</li>
<li>Time management</li>
</ul>
<br>
<h1>Form Job (Office Boy)</h1>
<form accept-charset="UTF-8" action="https://getform.io/f/{your-form-endpoint-goes-here}" method="POST" target="_blank">
<div class="form-group">
<label for="exampleInputName">Full Name</label>
<input type="text" name="fullname" class="form-control" id="exampleInputName" placeholder="Enter your name and surname" required="required">
</div>
<div class="form-group">
<label for="exampleInputEmail1" required="required">Email address</label>
<input type="email" name="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Domicile Area</label>
<select class="form-control" id="exampleFormControlSelect1" name="platform" required="required">
<option>DKI Jakarta</option>
<option>Jawa Barat</option>
<option>Jawa Timur</option>
</select>
</div>
<hr>
<div class="form-group mt-3">
<label class="mr-2">Upload your CV:</label>
<input type="file" name="file">
</div>
<hr>
<button type="submit" class="btn btn-dark">Submit</button>
</form>
</div>
<br>
<br>
<!-- akhir content -->
<!-- Footer -->
<footer id="myFooter">
<div class="container-fluid">
<div class="row text-center">
<div class="col-12 col-sm-6 col-md-3">
<h1 class="logo" style="margin-top:30px;"></h1><img src="images/logo2.png" width="200px" > </img></h1>
</div>
<div class="col-12 col-sm-6 col-md-2">
<h5>Get started</h5>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="Login.html">Login</a></li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-2">
<h5>Our Company</h5>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="indexloker.html">Carrer</a></li>
</ul>
</div>
<div class="col-md-3 social-networks">
<div></div><a href="#" class="facebook"><i class="fa fa-facebook"></i></a><a href="#" class="twitter"><i class="fa fa-twitter"></i></a><a href="#"></i></a>
<a href="about.html"><button class="btn btn-primary" type="button" style="margin-top:20px;">Contact us</button></a>
</div>
</div>
<div class="copyright bg-dark">
<p><center>© 2016 Copyright McLaren <a href="#">Mohamad Adlian</a></center></p>
</div>
</div>
</footer>
</body>
</html>