Human_Interface_Computing_Project/careers.html at main · BCuthbert/Human_Interface_Computing_Project · 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
<!DOCTYPE html>
<html>
<head>
<title>Careers</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
</head>
<body>

<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-white w3-card w3-large">
    <a href="index.html" class="w3-bar-item w3-left-align w3-button w3-padding-large w3-hover-red" style="font-size:23px;background-color:#A64D79;color:white;">RealCompany</a>
    <a href="whyreal.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Why</a>
    <a href="product.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Product</a>
    <a href="about.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Company</a>
    <a href="blog.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Blog</a>
    <a href="login.html" class="w3-bar-item w3-right w3-button w3-hide-small w3-padding-large w3-hover-red"><i class="fa fa-user" style="font-size:32px;padding:medium;"></i><div id="display_username"></div></a>
  </div>


</div>

<head>
    <title>RealCompany Careers</title>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
	<link rel="stylesheet" href="./style.css">
    <style>

    </style>
</head>
<body>

<!-- header -->
<div class="page-header w3-container">
    <h2>RealCompany Careers</h2>
    <p>We're looking for self-motivated problem-solvers with communication skills who share our passion for making an impact.<br><br>Submit your resume to apply for a job!</p>
    <input type="file">
	<!-- add link to the apply page -->
</div>

<!-- values -->
<div class="w3-container w3-border w3-padding">
    <h3>What we value at RealCompany</h3>
    <div class="w3-row">
        <div class="w3-col m6">
            <p>At RealCompany, we embrace a set of guiding principles that define our approach and underpin our actions. These principles, though universal in their appeal, are unique in their application within our organization. They influence our direction and resonate through our work, fostering an atmosphere that aligns with our overarching goals. Our commitment to these ideals is unwavering, as they are integral to our company's success and the creation of its future.</p>
        </div>
        <div class="w3-col m6">
            <div class="image-placeholder"></div>
        </div>
    </div>
</div>

<!-- benefits -->
<div class="w3-container w3-border w3-padding" style="background-color: #d6d6d6;">
    <h3 class="w3-center">Employee benefits</h3>
    <div class="w3-row-padding w3-center">
        <div class="benefit-box" style="width:400px;">Great 401k benefits</div>
        <div class="benefit-box" style="width:400px;">100k starting salary</div>
        <div class="benefit-box" style="width:400px;">Paid vacation days on signing</div>
    </div>
</div>

<!-- positions -->
<div class="w3-container w3-border w3-padding">
    <h3>Open Positions</h3>
    <div class="position-box">
		<h4>Product Development Specialist</h4>
		<p>Help develop our fail-safe products, as well as improve speed and compatibility between users.</p>
	</div>
    <div class="position-box">
		<h4>Web Developer</h4>
		<p>As you can see, we have quite the web development team. As a growing company, we need motivated individuals to assist our ever-growing user base!</p>
	</div>
</div>
</body>


<section>
    <div class="w3-content w3-padding-64" style="margin-left:0px;width: 80vh;">

      <div  style=" background-color:#A64D79;cursor:pointer;" class="w3-container w3-hover-red" onclick="window.location.href='/resources.html'">
        <h5>Need Help? <br>
        <a class="w3-large">Resources</a>
      </h5>
      </div>
      <div style="cursor:pointer;" class="w3-margin-top w3-container w3-light-grey w3-hover-red" onclick="window.location.href='/careers.html'">
        <h5>Want a job?<br><a class="w3-large">Careers</a></h5>
      </div>

      <div class="w3-margin-top w3-padding w3-hover-red" style="background-color:#A64D79;cursor:pointer;" onclick="window.location.href='/contact.html'">
        <h5>Have Questions?</h5>
        <a class="w3-large">Contact us</a>
      </div>

    </div>
  </section>

<!-- footer -->
<footer class="site-footer w3-grey">
    <p>Don't see what you're looking for? <a href="#">Contact us</a></p> <!-- add link -->
    <p>Additional resources: see our <a href="#">blog</a></p> <!-- add link -->
</footer>

<script>
    window.onload = async function() {
      const webAddress = "http://localhost:5000/isLoggedIn";
      const response = await fetch(webAddress);
      const json = await response.json();

      if (json.username != null){
        document.getElementById("display_username").textContent = json.username;
      }
    }
  </script>

<script src="login.js"></script>

</html>