Strong-Concepts/contact.html at main · timk-dev/Strong-Concepts · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#000000" />

    <title>Contact Us</title>
    <meta
      name="Description"
      content="Reach out to Strong Concepts for comprehensive freight solutions. Contact us to learn more about our trucking services, request a quote, or discuss your logistics needs."
    />
    <link rel="stylesheet preconnect" href="/style.css">

    <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Anton&display=swap" rel="stylesheet preload">
    <script src="/Components/Navbar/nav.js" type="text/javascript" defer></script>
    <script src="/Components/Footer/footer.js" type="text/javascript" defer></script>
</head>

<body>

    <nav-component></nav-component>

    <div class="menu-btn">
        <article>
            <div class="menu-btn__burger"></div>
        </article>
    </div>

    <section class="cont-page">
        <nav>
            <ul>
                <li><a aria-label="Go to the services page." href="/services.html"><span>Services</span></a></li>
                <li><a aria-label="Go to the about page." href="/about.html"><span>About</span></a></li>
                <li><a aria-label="Go to the quote page." href="/quote.html"><span>Request A Quote</span></a></li>
                <li><a aria-label="Go to the contact page." href="/contact.html"><span>Contact</span></a></li>
            </ul>

            <article>
                <span>Mobile, AL - 251.xxx.xxxx - xxxxxxx@gmail.com</span>
            <article>
        </nav>
    </section>

    <main>
        <section class="pageTransition">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </section>

        <section class="contactPage">
            <span>We are here for you.</span>
            <h1>Contact Us.</h1>
            <p class="givePad">
                Have questions or need assistance? Get in touch with us today! We're here to help with any inquiries, provide quotes, or offer support for your freight transportation needs. Reach us directly via phone or email. We look forward to hearing from you.
            </p>
            <a class="button" aria-label="Go to the quote page." href="quote.html">Get A Quote</a>

            <section class="team">
                <h2>Meet our team.</h2>

                <article>
                    <div class="js-scroll">
                        <img loading='lazy' src="../../Assets/Images/jose.webp" width='175px' height='175px' alt="Card Image of employee"></img>
                        <p><strong>Jxxx Sxxxxxx</strong></p>
                        <span>CEO/Owner</span><br /><br />
                        <a aria-label="Send me an email." href="mailto:xxxxx@gmail.com"><button class="button2" type="button">Email Me</button></a>
                        <img class="miniLogo" loading='lazy' src="../../Assets/Images/minilogo.webp" width='175px' height='175px' alt="Strong Concepts mini logo"></img>
                    </div>

                    <div class="js-scroll">
                        <img loading='lazy' src="../../Assets/Images/mrsscruggs.webp" width='175px' height='175px' alt="Card Image of employee"></img>
                        <p><strong>Mrs. Sxxxxxx</strong></p>
                        <span>Logistics/Trusted Agent</span><br /><br />
                        <a aria-label="Send me an email." href="mailto:xxxxxxx@gmail.com"><button class="button2" type="button">Email Me</button></a>
                        <img class="miniLogo" loading='lazy' src="../../Assets/Images/minilogo.webp" width='175px' height='175px' alt="Strong Concepts mini logo"></img>
                    </div>
                </article>
            </section>

            <section class="where">
                <div>
                    <h2>Main Office</h2>
                    <p>
                        5xxx Kxxxxxxx Cxxxx<br>
                        Mxxxxx, AL 366xx<br>
                        Strong Concepts and Designs, LLC
                    </p>
                </div>

                <div>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d219591.35600008973!2d-88.28122945634972!3d30.687042062149498!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889a4e1df14cf8a9%3A0x4ce80e5477899e1a!2sMobile%2C%20AL!5e0!3m2!1sen!2sus!4v1720128536359!5m2!1sen!2sus" width="400" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>

                <div class="js-scroll">
                    <img loading='lazy' src="../../Assets/Images/mapMobile.webp" width='205px' height='175px' alt='Map of Transport Area'></img>
                </div>
            </section>
        </section>
    </main>

    <footer-component></footer-component>

    <script rel="preload" src="/script.js"></script>
</body>

</html>