Human_Interface_Computing_Project/contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact</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></div></a>
  </div>


<!-- Header -->
<header class="w3-container" style="padding:128px 16px;user-select: none;">
  <div class="w3-content w3-center w3-xlarge" style="margin-top: 40px;">
    Questions or comments? Enter your email to get in touch!
    <br>
    <input id="email" class="w3-large" style="margin-top:30px;border:3px solid black;">
    <br>
    <button onclick="thankYou();" class="w3-large w3-hover-red w3-button" style="margin-top:20px;background-color:#A64D79;color:white;margin-left:10px;">Submit</button>
    <h4 id="thankyou_text"></h4>
    <br>
    <div style="margin-top:40px;">Or shoot us an email at <a href="https://outlook.office365.com/mail/compose" style="color:blue;">RealCompanyLLC@rc.com</a> for any comments or concerns!</div>
  </div>
</header>


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

      <div  style=" background-color:#A64D79;cursor:pointer;" class="w3-container w3-hover-red" onclick="window.location.href='/resources.html'">
        <h5>Need Help? <br>
        <a>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>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>Contact us</a>
      </div>

    </div>
  </section>

  <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;
      }
    }
    const thankYou = () => {
      document.getElementById("email").value = "";
      document.getElementById("thankyou_text").textContent = "Thank you for getting in touch!";
    }
  </script>
<script src="login.js"></script>


</body>
</html>