Nexa-Wave-Agency/contact.html at main · guristacks/Nexa-Wave-Agency · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <!-- TITLE -->
    <title>Nexa Wave Agency - Web Design, Development & Branding Experts</title>

    <!-- META DESCRIPTION TAG -->
    <meta name="description"
        content="Nexa Wave Agency delivers modern web design, development, and branding solutions to help businesses grow online with powerful and user-focused digital experiences.">
    <meta name="robots" content="index, follow">
    <meta name="referrer" content="strict-origin-when-cross-origin">

    <!-- FAVICON -->
    <link rel="icon" type="image/webp" href="Images/Nexa-wave-favicon.webp">

    <!-- CONNECT CSS FILE -->
    <link rel="preload" href="contact.css" as="style">
    <link rel="stylesheet" href="contact.css">

    <!-- FONT - MONTSERRAT -->
    <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=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">

    <!-- CDN - REMIX ICON -->
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.9.0/fonts/remixicon.css" rel="stylesheet" />
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>

    <!-- WEBSITE DOMAIN -->
    <link rel="canonical" href="https://nexa-wave-agency.vercel.app/">

    <!-- META TAGS TO BOOST SEO & PERFORMANCE -->
    <meta property="og:title" content="Nexa Wave Agency">
    <meta property="og:description" content="Web Design, Development & Branding Experts">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://nexa-wave-agency.vercel.app/contact.html">
    <meta property="og:site_name" content="Nexa Wave Agency">
    <meta property="og:image" content="https://nexa-wave-agency.vercel.app/Images/Nexa-wave-favicon.webp">

    <meta name="theme-color" content="#000000">

</head>

<body>

    <header class="flex ac" role="banner">
        <div class="container">
            <div class="row flex sb ac">
                <div class="IconCol">
                    <i class="ri-menu-4-line" role="button" tabindex="0" aria-label="Open menu"></i>
                    <i class="ri-close-large-fill" role="button" tabindex="0" aria-label="Close menu"></i>
                </div>
                <div class="col flex ac">
                    <a class="logo" href="index.html">Nexa Wave</a>
                </div>
                <div class="col">
                    <ul class="nav flex ac" role="navigation" aria-label="Primary">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="navRow flex f-clmn">
                <div class="navCol">
                    <h2><a href="index.html">Home</a></h2>
                    <h2><a href="about.html">About</a></h2>
                    <h2><a href="contact.html">Contact</a></h2>
                </div>
            </div>
        </div>
    </header>

    <main role="main">
        <!-- SECTION - 1 CONTACT -->
        <section id="contact" class="contactSec">
            <div class="container">
                <div class="contact-content flex ac jc f-clmn">
                    <h2 class="allh2">Contact Us</h2>
                    <h1>Get in Touch with Us</h1>
                    <p class="allp">Have questions or need AI solutions? Let us know by filling out the form, and <br>
                        we’ll be
                        in touch!</p>
                </div>
                <form id="contactForm" autocomplete="on" novalidate>
                    <div class="form-content flex f-clmn">
                        <div class="Namerow flex ac sb">

                            <div class="col flex f-clmn">
                                <label for="firstName">First Name</label>
                                <input id="firstName" name="firstName" placeholder="Jane" type="text" autocomplete="given-name" required aria-required="true">
                            </div>

                            <div class="col flex f-clmn">
                                <label for="lastName">Last Name</label>
                                <input id="lastName" name="lastName" placeholder="Smith" type="text" autocomplete="family-name" required aria-required="true">
                            </div>
                        </div>

                        <div class="Mailrow flex ac sb">
                            <div class="col flex f-clmn">
                                <label for="email">Email</label>
                                <input id="email" name="email" placeholder="jane@gmail.com" type="email" autocomplete="email" inputmode="email" required aria-required="true">
                            </div>

                            <div class="col flex f-clmn">
                                <label for="phone">Phone</label>
                                <input id="phone" name="phone" placeholder="+1(969) 819-8061" type="tel" autocomplete="tel" inputmode="tel" required aria-required="true">
                            </div>
                        </div>

                        <div class="Msgrow flex f-clmn">
                            <label for="message">Message</label>
                            <textarea id="message" name="message" placeholder="Hi, I am jane i want help with...." autocomplete="off" required aria-required="true"></textarea>
                            <input id="submit" type="submit" value="Submit" aria-label="Submit contact form">
                        </div>

                    </div>
                </form>
            </div>
        </section>
    </main>

    <!-- FOOTER -->
    <footer>
        <div class="container">
            <div class="footer-main flex sb">
                <div class="imgcol flex f-clmn">
                    <div class="flex ac">
                        <img src="Images/Nexa-wave-favicon.webp" alt="Nexa Wave logo" loading="lazy" decoding="async">
                        <a class="logo" href="index.html">Nexa Wave</a>
                    </div>
                    <p>Nexa Wave – Automate Smarter, Optimize <br> Faster, and Grow Stronger.</p>
                </div>
                <div class="main-links flex f-clmn">
                    <h2>Social Media</h2>

                    <div class="linkscol flex ac jc">
                        <a href="" aria-label="Instagram"><i class="ri-instagram-line" aria-hidden="true"></i></a>
                        <a href="" aria-label="Facebook"><i class="ri-facebook-fill" aria-hidden="true"></i></a>
                        <a href="" aria-label="WhatsApp"><i class="ri-whatsapp-line" aria-hidden="true"></i></a>
                    </div>
                </div>

            </div>
            <div class="signrow flex ac sb">
                <div class="Reservecol">
                    <p><i>@2026 All Right Reserved.</i></p>
                </div>
                <div class="signatureCol">
                    <a href="#">Code by Guri</a>
                </div>
            </div>

        </div>
    </footer>

    <!-- Lenis -->
    <script src="https://unpkg.com/lenis@1.3.18/dist/lenis.min.js" defer></script>

    <!-- GSAP -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/gsap.min.js" crossorigin="anonymous"
        referrerpolicy="no-referrer" defer></script>

    <!-- SCROLL TRIGGER -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/ScrollTrigger.min.js" crossorigin="anonymous"
        referrerpolicy="no-referrer" defer></script>

    <!-- JS FILE -->
    <script src="Js/contact.js" defer></script>

</body>

</html>