Scoot/locations.html at main · DianaAliabieva/Scoot · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <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=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css">
    <title>Scoot</title>
</head>
<body>
    <header>
        <div class="head">
            <button id="burgerButton" class="burger">
                <img src="./images/burger.png" alt="" class="burger" >
                <img src="images/cross.svg" alt="" class="cross">
            </button>
            <h4>scoot</h4>
            <nav class="navigation">
                <ul>
                    <a href="/about.html"><li>About</li></a>
                    <a href="/locations.html"><li>Location</li></a>
                    <a href="/careers.html"><li>Careers</li></a>
                </ul>
            </nav>
            <button class="mainButton">Get Scootin</button>

            <nav class="mobileNav" id="mobileMenu">
                <ul>
                    <a href="/about.html"><li>About</li></a>
                    <a href="/locations.html"><li>Location</li></a>
                    <a href="/careers.html"><li>Careers</li></a>
                </ul>
                <button class="mainButton">Get Scootin</button>
            </nav>
        </div>
    </header>


    <div class="underHeaderUsual_locations">
        <h3>Locations</h3>
        <div class="circles"><img class="circle" src="images/circle.svg" alt=""></div>
    </div>

    <div class="locations-map">
        <div class="map">
            <img class="map-mobile" src="./images/map_Mobile.png" alt="">
            <img class="map-tablet" src="./images/map-Tablet.png" alt="">
            <img class="map-labtop" src="./images/map-Labtop.png" alt="">
        </div>
        <ul class="cities">
            <li>New York</li>
            <li>London</li>
            <li>Jakarta</li>
            <li>Yokohama</li>
        </ul>
        <div class="text">
            <h2>Your City not Listed?</h2>
            <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>
            <button class="mainButton">Message us</button>
        </div>
    </div>

    <footer>
        <section class="footer1">
            <section class="flex-container">
                <h4><span>Sign up and Scoot</span> off today</h4>
                <div class="appstore-container">
                    <img src="images/AppStore.png" alt="AppStore">
                    <img src="images/GooglePlay.png" alt="GooglePlay">
                </div>
            </section>
        </section>
        <section class="footer2">
            <section class="flex-container2">
                <h4>scoot</h4>
                <div class="pages-menu">
                    <a href="home.html"><p>Home</p></a>
                    <a href="about.html"><p>About</p></a>
                    <a href="careers.html"><p>Careers</p></a>
                </div>
                <div class="social-network">
                    <img src="images/facebookLogo.png" alt="Facebook logo">
                    <img src="images/twitterLogo.png" alt="Twitter logo">
                    <img src="images/instagramLogo.png" alt="Instagram logo">
                </div>
            </section>
        </section>
        <div class="left-circle"></div>
        <div class="middle-circle"></div>
        <div class="right-circle"></div>
    </footer>
<script src="navigation.js"></script>
</body>
</html>