Testing/location.html at test · maazorawala/Testing · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Our Stores</title>
    <link rel="shortcut icon" href="https://i.ibb.co/jwHPDHM/unnamed.jpg" type="image/x-icon">
    <!--google fonts-->
    <link href="https://fonts.googleapis.com/css2?family=Parisienne&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styleloc.css">
        <!--font-awesome icons-->
 <script src="https://kit.fontawesome.com/c1ced132ff.js" crossorigin="anonymous"></script><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100&display=swap" rel="stylesheet">
</head>
<body>
    <h1 class="title">la torréfaction</h1>

        <div class="dropdown">
            <button class="dropbtn">Navigation</button>
            <div class="dropdown-content">
    <a href="index.html">Introduction </a>
    <a href="home.html">HOME</a>
    <a href="location.html">Our Stores</a>
    <a href="contact.html">Contact</a>
    <a href="AlsoTry.html">Also Try!</a>
    <a href="blog.html">Blogs</a>
    </div>
    </div>
    <h1>Greeting fellow customers,</h1>
    <p>We have several locations in the city of Atlanta.</p>
    <p>The addresses of our branches are right here and byclicking on the locations you can get the exact address of our outlets</p>
    <p>Our locations:</p>
    <address>
        <ul>
            <li>
                <p>Location-1</p>
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3317.186872610967!2d-84.39562377787531!3d33.75583658234479!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f50381005cf4ed%3A0x9073750e5e503819!2s37-61%20Ted%20Turner%20Dr%20NW%2C%20Atlanta%2C%20GA%2030303%2C%20USA!5e0!3m2!1sen!2sin!4v1602950748963!5m2!1sen!2sin"
                    width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false"
                    tabindex="0"></iframe>
            </li>
            <li>
                <p>Location-2</p>
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d829.254856259869!2d-84.38661987078827!3d33.76016389879292!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f504782bf456d7%3A0x18aa3bbde38e97ef!2sRescue%20Plumbing!5e0!3m2!1sen!2sin!4v1602952987835!5m2!1sen!2sin"
                    width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false"
                    tabindex="0"></iframe>
            </li>
            <li>
                <p>Location-3</p>
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1658.4165188451911!2d-84.39537966225619!3d33.76498009744223!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f5047ddb5a4523%3A0x1b457bd4db43229e!2s398-366%20McAfee%20St%20NW%2C%20Atlanta%2C%20GA%2030313%2C%20USA!5e0!3m2!1sen!2sin!4v1602953290394!5m2!1sen!2sin"
                    width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false"
                    tabindex="0"></iframe>
            </li>
        </ul>
    </address>
    <a href="#top" style="font-size: 20px;">Back to top</a>
<br><br>

    <footer >
        <h1 class="intro">Designed by Maaz Orawala <br> <br>  <br ><i class="fas fa-signature fa-3x ">
            </i>
        </h1>
        <div class="navigation">

                <button class="dropbutton"><i class="fab fa-pushed"></i>    </button>
            <div class="dropcontent">
                <a href="home.html">HOME</a>
    <a href="location.html">Our Stores</a>
    <a href="contact.html">Contact</a>
    <a href="AlsoTry.html">Also Try!</a>
    <a href="blog.html">Blogs</a>
            </div>
        </div>
        <p class="copy">&copy; Copyright 2020 | Maaz Orawala</p>
    </footer>

</body>
</html>