ECommerceApp_FullStackDev/contact.html at main · aroushq1/ECommerceApp_FullStackDev · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
         @import url("styles.css");
    </style>
</head>

<body>
     <header class="homepage-header">
        <img style="display: inline;" src="images/logo.png" alt="logo" width = "60"  height = "50"/>
        <h1 class = "homepage-header" style="display: inline;">A&F Boutique</h1>

    </header>

    <div>
        <nav id="homepage-nav">
            <ul id="homepage-nav">
                <a class="homepage-nav-elements" href="index.html">Home</a>
                <a class="homepage-nav-elements" href="products.html">Products</a>
                <a class="homepage-nav-elements" href="contact.html">Contact</a>
                <a class="homepage-nav-elements" href="login.html">Login</a>
            </ul>
        </nav>
    </div>

        <main>
            <section class="contact-container">
                <h1 style="color:black; text-align: left; padding: 0px;"> Reach Out To Us!</h1>
                <p style="text-align: left;">Got questions or feedback? We'd love to hear from you! Feel free to contact us through any of the channels below.</p>
                <div class="contact-method">
                    <h2 style="color:black; text-align: left; padding: 0px;"><br> Email</br></h2>
                    <p style="text-align: left;"> <br>Email us at: AFboutique@gmail.com </br></p>
                </div>
                <div class="contact-method">
                    <h2 style="color:black; text-align: left; padding: 0px;"> Phone</h2>
                    <p style="text-align: left;"><br> Call us at: 403-924-4628</br></p>
                </div>
                <div class="contact-method">
                    <h2 style="color:black; text-align: left; padding: 0px;"><br>Social Media</br></h1>
                    <p style="text-align: left;"><br> Connect with A&F on social media!</br></p>
                    <img src="images/instagram.jpg" alt="Image Unavailable" width = 50px >
                    <a href="https://www.instagram.com">Our Instagram Page!</a><br>

                    <img src="images/facebook.png" alt="Image Unavailable" width = 50px >
                    <a href="https://www.facebook.com">Our Facebook Page!</a><br>

                    <img src="images/twitterx.png" alt="Image Unavailable" width = 50px >
                    <a href="https://www.twitter.com">Our Twitter Page!</a><br>
                </div>
            </section>

        </main>

        <footer class="home-footer">
            <h5>&copy; Fatima Asif, Aroush Qureshi. A&F Boutique. All Rights Reserved.</h5>
        </footer>
    </body>
</html>