Marketing-Page/contact-us.html at master · Build-Week-Safe-Routes/Marketing-Page · 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
<!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>Safe Routes</title>
    <link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway:600" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>

<body>
    <div class="container">
        <!-- <header id="header"> -->
          <nav class="navigation">
            <div class="nav-left-side">
                <div class="logo-container">
                    <img src="assets/images/safe-routes-logo.png" alt="safe routes logo" class="logo">
                </div>
                <h1>safeRoutes</h1>
            </div>

            <div class="nav-right-side">
                <ul class="internal-links">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="blog-page.html">Blog</a></li>
                    <li><a href="contact-us.html">Contact Us</a></li>
                    <!-- <li><a href="https://safe-routes-bw.netlify.com" class="sign-in">Sign In</a></li> -->
                </ul>
            </div>
        </nav>
        <!-- </header> -->

        <section class="contact-container">
            <h2>Contact us</h2>
            <img src='assets/images/intersection-1.png' class='crossroads' alt="crossroads">
            <p>We value the input of our users, so we are always happy to receive feedback from you or attend to any enquiries about our Safe Route and
                plans for it in the future. Don't feel shy to leave a message for us.
            </p>
        </section>

        <section class="form">
          <div class="form-container">
              <form action="#">

                  <label for="fname">First Name</label>
                  <input type="text" id="fname" name="firstname" placeholder="Your name.." required>

                  <label for="lname">Last Name</label>
                  <input type="text" id="lname" name="lastname" placeholder="Your last name.." required>

                  <label for="email">Email</label>
                  <input type="text" id="email" name="email" placeholder="Your email address" required>

                  <label for="country">Country</label>
                  <select id="country" name="country" style="height:25px">
                      <option value="canada">Canada</option>
                      <option value="usa">USA</option>
                  </select>

                  <label for="subject">Message</label>
                  <textarea id="subject" name="message" placeholder="Write something.." style="height:200px"></textarea>

                  <button type="button">Submit</button>

              </form>
          </div>
        </section>
        <footer>
          <div>
              &copy; Copyright 2019 safeRoutes
      </footer>
    </div>
</body>

</html>