Scoot-Exam/locations.html at main · Sevinch1408/Scoot-Exam · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Lexend+Deca&family=Space+Mono:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./css/style_4.min.css" />
    <title>Locations</title>
  </head>
  <body>
    <header class="header">
      <div class="container">
        <nav class="nav">
          <nav class="nav__logo">
            <img src="images/scoot.svg" alt="" class="nav__logo" />
          </nav>
          <ul class="nav__ul">
            <li class="nav__ul_li">
              <a href="about.html" class="nav__ul_li-link">About</a>
            </li>
            <li class="nav__ul_li">
              <a href="locations.html" class="nav__ul_li-link">Location</a>
            </li>
            <li class="nav__ul_li">
              <a href="careers.html" class="nav__ul_li-link">Careers</a>
            </li>
          </ul>
          <button class="nav__btn">Get Scootin</button>
        </nav>
      </div>
      <div class="header__about">
        <div class="container">
          <h1 class="header__about_h1">Locations</h1>
        </div>
      </div>
    </header>
    <main>
    <section class="intro">
      <div class="container">
        <img  src="./images/Group 7.png" alt="" class="intro__wrapper_img" />
        <div class=" intro__wrapper">
          <h2 class="intro__wrapper_h2">Your city not listed?</h2>
          <div><p class="intro__wrapper_p">
            If you’d like to see Scoot in your hometown, be sure to let us know.
            We track requests and plan launches based on demand. Feel free to
            message us by clicking the link or messaging us on social.?
          </p></div>
        <button class="intro__wrapper_btn">Message Us</button>
        </div>
      </div>
    </section>
    <!-- ======= FOOTER======= -->
    <footer class="footer">
        <div class="footer__block1">
          <div class="container">
            <h2 class="footer__block1_h2">Sign up and Scoot off today</h2>
            <div class="footer__block1_wrapper">
              <div class="footer__block1_apple">
                <img
                  src="./images//Group 28.png"
                  alt=""
                  class="footer__block1_apple"
                />
              </div>

              <div class="footer__block1_google">
                <img
                  src="./images/Group 29.png"
                  alt=""
                  class="footer__block1_google"
                />
              </div>
            </div>
          </div>
        </div>

        <div class="footer__block2">
          <div class="container">
            <div class="footer__block_wrapper">
              <img src="./images/scoot.svg" alt="" class="footer__block2_img" />
              <ul class="footer__block2_ul">
                <li class="footer__block2_ul-li">
                  <a href="about.html" class="footer__block2_link">About</a>
                </li>
                <li class="footer__block2_ul-li">
                  <a href="locations.html" class="footer__block2_link">Location</a>
                </li>
                <li class="footer__block2_ul-li">
                  <a href="careers.html" class="footer__block2_link">Careers</a>
                </li>
              </ul>
            </div>
            <div class="footer__block2_wrapper2">
              <img
                src="./images/Path.png"
                alt=""
                class="footer__block2_facebook"
              />

              <img
                src="./images/twitter.png"
                alt=""
                class="footer__block2_twitter"
              />
              <img src="./images/insta.png" alt="" class="footer__block2_insta" />
            </div>
          </div>
        </div>
      </footer>
</main>
  </body>
</html>