Team-Mars/jobs.html at develop · DevCareer-Progate/Team-Mars · 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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Jobs</title>


    <link rel="stylesheet" type="text/css" href="./fontawesome/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
	<script type="text/javascript" src="./bootstrap/jquery.min.js"></script>
	<script type="text/javascript" src="./bootstrap/popper.min.js"></script>
	<script type="text/javascript" src="./bootstrap/bootstrap.min.js"></script>

	<link rel="stylesheet" href="./css/jobs.css">
	<link rel="stylesheet" href="./css/jobs-responsive.css">

	<!--              Favicon             -->
	<link rel="apple-touch-icon" sizes="180x180" href="/icons/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon/favicon-16x16.png">
	<link rel="manifest" href="/icons/favicon/site.webmanifest">
	<link rel="mask-icon" href="/icons/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<link rel="shortcut icon" href="/icons/favicon/favicon.ico">
	<meta name="msapplication-TileColor" content="#da532c">
	<meta name="msapplication-config" content="/icons/favicon/browserconfig.xml">
	<meta name="theme-color" content="#ffffff">

</head>

<body>

	<header class="container">
		<div class="row job-header">

			<div class="col-sm-12 col-md-9">

			 	<span><img class="menu-icon" src="https://res.cloudinary.com/dw4rdnuqh/image/upload/v1593029039/Team-Mars/menu_rkqfe1.png"></span>
			 	<a href="./index.html"><img  class="hopper-logo" src="https://res.cloudinary.com/dw4rdnuqh/image/upload/v1593029030/Team-Mars/Hopper-Logo_lpeexs.png" alt="hopper-image"></a><span><img class="help-icon" src="images/jobspage/help.png"></span>

			   	<h2>Economist</h2>
			   	<h3>Cambridge, Montréal</h3>
			</div>

			<div class=" col-md-3">
				<img  class="bunny-img" src="https://res.cloudinary.com/dw4rdnuqh/image/upload/v1593028932/Team-Mars/bunny_htcpfz.png" alt="hopper-image">
			</div>

		</div>
	</header>

	<section class="container-fluid" >
		<div class="row application-section">
			<div class="col-md-8 col-sm-12">

		      <h3>SUBMIT YOUR APPLICATION</h3>

		      <form method="post" action="index.html" target="_blank">

					<div class="attach-file"> <span class="text resume-text">Resume/CV</span> <label for="myfile" class= 'resume'><i class="fas fa-paperclip"></i>ATTACH RESUME/CV</label>
					<input type="file" id="myfile" name="myfile"></div>

					<div class="margin">
						<span class="text">LinkedIn Profile</span>
						<a href='https://www.linkedin.com' target="_blank"><button class="position linkedin-btn"><i class="fab fa-linkedin"></i>APPLY WITH LINKEDIN</button></a>
						<span class="profile-text">Your full LinkedIn profile will <br>be shared.
						<a href = "#" style="text-decoration: underline; color: dimgray;">Learn more</a></span>
					</div>

					<div class="margin"><span class="text"><label for="fullname">Full name <span class="red">*</span></label></span>
					<input type="text" class="input-name input-box" id="fullname" name="username"><br></div>

					<div class="margin"><span class="text"><label for="email">Email <span class="red">*</span></label></span>
					<input type="email" class="input-email input-box" id="email" name="email"><br></div>

					<div class="margin"><span class="text"><label for="phone">Phone</label></span>
					<input type="number" class="input-phone input-box" id="phone" name="phonenumber"><br></div>

					<div class="margin"><span class="text"><label for="company"> Current Company</label></span>
					<input type="text" class="input-company input-box" id="company" name="currentcompany"><br></div>

					<div><input type="submit" class= "submit-btn" value="Submit application"></div>


		      	</form>


			</div>

			<div class="col-md-4"></div>

		</div>

	</section>

</body>
</html>