StarTech/location.html at main · RTeeen/StarTech · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://use.fontawesome.com/d2f73515d4.js"></script>
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
    <link rel="stylesheet" href="./style/main.css" />
    <link rel="stylesheet" href="./style/artin_pages.css" />
    <link
      href="https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Major+Mono+Display&family=Space+Grotesk:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <title>Startech</title>
  </head>
  <body>
    <div>
      <nav id="navbar">
        <img id="logo" src="./assets/LogoMark.png"><img>
        <a class="text" href="./index.html" id="index">Home</a>
        <a class="text"  href="./laptop.html" id="laptop">Laptops</a>
        <a class="text"  href="./phone.html" id="phone">Phones</a>
        <a class="text"  href="./location.html" id="location">Locations</a>
        <a class="cart" href="./cart.html"><img id="cart" src="./assets/ShoppingCart.png" alt=""></a>
      </nav>
    </div>

    <section id="content">
      <div class="img_wrap">
        <img src="./assets/StarTech.png" alt="logo" />
      </div>
      <div class="text">
        <h1>Locations</h1>
        <p>
          Based in Pacific Center Mall, Vancouver, BC on the corner of Granville and Burrard Street.
        </p><p>
          We bring you the frist location of Star Tech on Earth.
          Our store features all the latest gadgets as well as a testing site to test our technology on planet Earth for Earthling users. Experts in our company provide a extensive and detailed informational experience to help you navigate your way into becoming a Star Tech user.
          With translators on site, our store employees the brightest experts in alienware on site to help you get started.
          Our welcoming staff are able to assist you with all your needs and questions during store hours. Providing tech support and customer service.
          We are happy to show you our newest technology and gain insight on your needs, so we are able to better meet your needs.

        </p>

        <h2>Work with us:</h2>
          <p>
          Are you interested in becoming a part of our team? Do you have a passion for discovering new and innovate technology that surpasses what is
          available in the market today?

          <p>We are always looking for talented, passionate, and knowledgable inviduals to join our team.
          If you are hard-working, creative, and bring new ideas to the table, we are interested in speaking with you!</p>
          <p>Qualifications:</p>
          <ul id="work">
          <li>Have a knack for problem-solving</li>
          <li>Passionate</li>
          <li>Able to work on a team or individually</li>
          <li>Customer service orientated</li>
          <li>Experience in the technology field is an asset</li>
        </ul>

        </p>
        <form id="TextBox">

          <input id="title" type="text" placeholder="Name">
          <input id="title" type="text" placeholder="Email">
          <input id="text" type="text" placeholder="Message">
          <button type="button" id="Cancel" onclick="contactus(event)">Contact Info</button>
          <button type="button" id="Save">Send</button>


      </form>
      </div><div id="storefront">
        <iframe
      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2602.633824196702!2d-123.12057958495627!3d49.283335378646434!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5486717f45186a3f%3A0x26cdaebfb6f46250!2sCF%20Pacific%20Centre!5e0!3m2!1sen!2sca!4v1606818016658!5m2!1sen!2sca"
      width="420"
      height="250"
      frameborder="0"
      style="border: 1"
      allowfullscreen=""
      aria-hidden="false"
      tabindex="0"
    ></iframe>
      <img id="bcit3" src="./assets/store.jpg"></img>

  </div>
    </section>

    <footer>
      <div class="flex foot_wrapper">
        <p>Disclaimer: Not a real website. Project demo only</p>

        <div class="flex">
          <i class="fab fa-facebook"></i>
          <i class="fab fa-twitter"></i>
          <i class="fab fa-instagram-square"></i>
        </div>
      </div>
    </footer>
  </body>
  <script src="./script.js"></script>
  <script src="./navBar.js"></script>
</html>