PageSourceSearch

https://invertdigital.com/contact.html

html invertdigital.com collected 2026-10-08 06:30:10 UTC 18,254 bytes, 405 lines download raw bytes

1<!DOCTYPE html>
2<!--[if lt IE 9 ]><html class="no-js oldie" lang="en"> <![endif]-->
3<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
4<!--[if (gte IE 9)|!(IE)]><!-->
5<html class="no-js" lang="en">
6<!--<![endif]-->
7
8<head>
9    
10    <!-- TEST Google Tag Manager -->
11    <!-- 
11<script>
vendor: 343 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
12    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
13    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
14    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
15    })(window,document,'script','dataLayer','
15GTM-TQDMLZH
vendor: 3 bytes, line 15
15');
15</script>
15 -->
16    <!-- End TEST Google Tag Manager -->
17
18    <!-- PROD Google Tag Manager -->
19    
19<script>
vendor: 343 bytes, lines 19-23
19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
20    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
21    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
22    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
23    })(window,document,'script','dataLayer','
23GTM-W99H5CF
vendor: 3 bytes, line 23
23');
23</script>
23
24    <!-- End Google Tag Manager -->
25
26    <!--- basic page needs
27    ================================================== -->
28    <meta charset="utf-8">
29    <title>Contact | Invert Digital</title>
30    <meta name="description" content="Get in touch to discuss your next web or mobile project.">
31    <meta name="author" content="Invert Digital">
32    <meta property="og:title" content="Contact | Invert Digital" />
33    <meta property="og:type" content="article" />
34    <meta property="og:url" content="http://invertdigital.com/case-studies" />
35    <meta property="og:image" content="https://ik.imagekit.io/g44d2afwuy/invert-ogimage.png" />
36    <meta property="og:description" content="SGet in touch to discuss your next web or mobile project." />
37
38    <!-- mobile specific metas
39    ================================================== -->
40    <meta name="viewport" content="width=device-width, initial-scale=1">
41
42    <!-- CSS
43    ================================================== -->
44    <link rel="stylesheet" href="css/base.css">
45    <link rel="stylesheet" href="css/vendor.css">
46    <link rel="stylesheet" href="css/main.css">
47    <link rel="stylesheet" href="css/custom.css">
48
49    <!-- script
50    ================================================== -->
51    
51<script src="js/modernizr.js" async></script>
51
52    
52<script src="js/pace.min.js" async></script>
52
53    
53<script charset="utf-8" type="text/javascript" src="https://js.hsforms.net/forms/embed/v2.js"></script>
53
54
55    <!-- favicons
56    ================================================== -->
57    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
58    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
59    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
60    <link rel="manifest" href="site.webmanifest">
61    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
62    <meta name="msapplication-TileColor" content="#da532c">
63    <meta name="theme-color" content="#ffffff">
64
65</head>
66
67<body id="top">
68    <!-- PROD Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 68-69
68
69    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
69GTM-TQDMLZH
vendor: 91 bytes, lines 69-71
69"
70    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
71    
71<!-- End Google Tag Manager (noscript) -->
72
73    <!-- PROD Google Tag Manager (noscript) -->
74    <!--
vendor: 68 bytes, line 74
74 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
74GTM-W99H5CF
vendor: 87 bytes, lines 74-75
74"
75    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
75-->
76    <!-- End Google Tag Manager (noscript) -->
77
78    <!-- header
79    ================================================== -->
80    <header class="s-header">
81
82        <div class="header-logo">
83            <a class="site-logo" href="index.html">
84                <img src="https://ik.imagekit.io/g44d2afwuy/logo_0K0jaSnfn.png" alt="Homepage">
85            </a>
86        </div>
87        <!-- start collapsable menu - mobile only -->
88        <div class="mobile-menu">
89        <nav class="header-nav">
90
91            <a href="#0" class="header-nav__close" title="close"><span>Close</span></a>
92
93            <div class="header-nav__content">
94                <h3>Navigation</h3>
95                
96                <ul class="header-nav__list">
97                    <li><a href="index.html" title="home">Home</a></li>
98                    <li><a href="what-we-do.html" title="about">What We Do</a></li>
99                    <li><a href="who-we-are.html" title="services">Who We Are</a></li>
100                    <li><a href="case-studies.html" title="works">Case Studies</a></li>
101                    <li><a href="contact.html" title="contact">Contact</a></li>
102                </ul>
103    
104                <!-- <p>Perspiciatis hic praesentium nesciunt. Et neque a dolorum <a href='#0'>voluptatem</a> porro iusto sequi veritatis libero enim. Iusto id suscipit veritatis neque reprehenderit.</p>
105    
106                <ul class="header-nav__social">
107                    <li>
108                        <a href="#"><i class="fa fa-facebook"></i></a>
109                    </li>
110                    <li>
111                        <a href="#"><i class="fa fa-twitter"></i></a>
112                    </li>
113                    <li>
114                        <a href="#"><i class="fa fa-instagram"></i></a>
115                    </li>
116                    <li>
117                        <a href="#"><i class="fa fa-behance"></i></a>
118                    </li>
119                    <li>
120                        <a href="#"><i class="fa fa-dribbble"></i></a>
121                    </li>
122                </ul> -->
123
124            </div> <!-- end header-nav__content -->
125
126        </nav>  <!-- end header-nav -->
127
128        <a class="header-menu-toggle" href="#0">
129            <span class="header-menu-text">Menu</span>
130            <span class="header-menu-icon"></span>
131        </a>
132    </div> <!-- end collapsable menu - mobile -->
133
134    <!-- start desktop menu -->
135    <div class="desktop-menu">
136        <ul class="menu-list" id="menu-list-d">
137            <li><a class="menu-item active" href="contact.html">Contact</a></li>
138            <li><a class="menu-item" href="case-studies.html">Case Studies</a></li>
139            <li><a class="menu-item" href="who-we-are.html">Who We Are</a></li>
140            <li><a class="menu-item" href="what-we-do.html">What We Do</a></li>
141          </ul>
142    </div>
143    
144    
145
146
147    </header> <!-- end s-header -->
148
149
150    <!-- home
151    ================================================== -->
152    <section id="home" class="s-home target-section black-tris" data-parallax="scroll" data-image-src="https://ik.imagekit.io/g44d2afwuy/black-tri-2-invert.png" data-natural-width=3000 data-natural-height=2000 data-position-y=center>
153
154        <div class="overlay"></div>
155        <div class="shadow-overlay"></div>
156
157        <div class="home-content">
158
159            <div class="row home-content__main">
160
161                <h3>Contact Us</h3>
162
163                <h1>
164                    Let’s get together and create something awesome
165                </h1>
166            </div>
167
168            <div class="home-content__scroll animate__animated animate__bounce animate__delay-2s animate__slow animate__infinite">
169                <a href="#about" class="scroll-link smoothscroll">
170                    <span>Scroll Down</span>
171                </a>
172            </div>
173
174            <div class="home-content__line"></div>
175
176        </div> <!-- end home-content -->
177
178
179        <!-- <ul class="home-social">
180            <li>
181                <a href="#0"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
182            </li>
183            <li>
184                <a href="#0"><i class="fa fa-twitter" aria-hidden="true"></i><span>Twiiter</span></a>
185            </li>
186            <li>
187                <a href="#0"><i class="fa fa-instagram" aria-hidden="true"></i><span>Instagram</span></a>
188            </li>
189            <li>
190                <a href="#0"><i class="fa fa-behance" aria-hidden="true"></i><span>Behance</span></a>
191            </li>
192            <li>
193                <a href="#0"><i class="fa fa-dribbble" aria-hidden="true"></i><span>Dribbble</span></a>
194            </li>
195        </ul>  -->
196        <!-- end home-social -->
197
198    </section> <!-- end s-home -->
199
200
201    <!-- about
202    ================================================== -->
203    <section id='about' class="s-about">
204
205        <div data-aos="fade-up">
206            <div class="row section-header has-bottom-sep" >
207                <div class="col-full">
208                    <h3 class="subhead subhead--dark">Let's Chat</h3>
209                    <h1 class="display-2 display-2--light">Drop us a line to get started</h1>
210                </div>
211            </div> <!-- end section-header -->
212
213            <div class="row about-desc">
214                <div class="col-full">
215                    <p class="center-text">
216                        Send us some details about your next project and one of our consultants will be in touch ASAP.
217                    </p>
218                    
219                </div>
220            </div> <!-- end about-desc -->
221            
222        </div>
223        <div class="about__line"></div>
224
225    </section> <!-- end s-about -->
226
227
228<!-- services
229    ================================================== -->
230    <section id='services' class="s-services contact-page">
231
232        <!-- <div data-aos="fade-up"> -->
233
234            <div class="row about-stats stats case-study-stats block-1-2 block-m-1-2 block-mob-full">
235                    
236                <div class="col-block stats__col ">
237                    
238                    <h5>General Enquiries</h5>
239                    <div class="email-contact">
240                        <span></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><polyline data-cap="butt" data-color="color-2" points="1.614 3.558 12 13 22.385 3.559" fill="none" stroke="#39b54a" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></polyline> <rect x="1" y="3" width="22" height="18" rx="2" ry="2" fill="none" stroke="#39b54a" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect></g></svg></span>
241                        <a href="mailto:[email protected]">[email protected]</a></div>
242                </div>
243                <div class="col-block stats__col ">
244                    
245                    <h5>New Projects</h5>
246                    <div class="email-contact">
247                        <span></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><polyline data-cap="butt" data-color="color-2" points="1.614 3.558 12 13 22.385 3.559" fill="none" stroke="#39b54a" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></polyline> <rect x="1" y="3" width="22" height="18" rx="2" ry="2" fill="none" stroke="#39b54a" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect></g></svg></span>
248                        <a href="mailto:[email protected]">[email protected]</a></div>
249                </div>
250
251            </div> <!-- end about-stats -->
252
253
254            <div class="row contact-content">
255                
256                <div class="contact-primary">
257
258                    <h3 class="h6">Send Us A Message</h3>
259                    <!-- hubspot contact form -->
260                    
260<script>
261                        hbspt.forms.create({
262                          region: "na1",
263                          portalId: "7613252",
264                          formId: "5391f7b1-d1ee-4f98-8b2b-46ddc2c0d76f"
265                        });
266                      </script>
266
267
268
269                    <!-- original form that doesn't work 
270                        <form name="contactForm" id="contactForm" method="post" action="inc/sendEmail.php" novalidate="novalidate">
271                        <fieldset>
272        
273                        <div class="form-field">
274                            <input name="contactName" type="text" id="contactName" placeholder="Your Name" value="" minlength="2" required="" aria-required="true" class="full-width">
275                        </div>
276                        <div class="form-field">
277                            <input name="contactEmail" type="email" id="contactEmail" placeholder="Your Email" value="" required="" aria-required="true" class="full-width">
278                        </div>
279                        <div class="form-field">
280                            <input name="contactSubject" type="text" id="contactSubject" placeholder="Subject" value="" class="full-width">
281                        </div>
282                        <div class="form-field">
283                            <textarea name="contactMessage" id="contactMessage" placeholder="Your Message" rows="10" cols="50" required="" aria-required="true" class="full-width"></textarea>
284                        </div>
285                        <div class="form-field">
286                            <button class="full-width btn--primary">Submit</button>
287                            <div class="submit-loader">
288                                <div class="text-loader">Sending...</div>
289                                <div class="s-loader">
290                                    <div class="bounce1"></div>
291                                    <div class="bounce2"></div>
292                                    <div class="bounce3"></div>
293                                </div>
294                            </div>
295                        </div>
296        
297                        </fieldset>
298                    </form> -->
299
300                    <!-- contact-warning -->
301                    <div class="message-warning">
302                        Something went wrong. Please try again.
303                    </div> 
304                
305                    <!-- contact-success -->
306                    <div class="message-success">
307                        Your message was sent, thank you!<br>
308                    </div>
309
310                </div> <!-- end contact-primary -->
311
312
313            </div> <!-- end contact-content -->
314
315
316            <div class="row location">
317                <div class="col-full">
318                    <h5><span>
319                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><path fill="none" stroke="#39b54a" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M19,8 c0,4.32-7,11.375-7,11.375S5,12.32,5,8c0-4.43,3.617-7,7-7S19,3.57,19,8z" stroke-linejoin="miter"></path> <circle fill="none" stroke="#39b54a" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="12" cy="8" r="2" stroke-linejoin="miter"></circle> <path data-cap="butt" data-color="color-2" fill="none" stroke="#39b54a" stroke-width="2" stroke-miterlimit="10" d="M18,17.485 c3.01,0.535,5,1.462,5,2.515c0,1.657-4.925,3-11,3S1,21.657,1,20c0-1.053,1.99-1.98,5-2.515" stroke-linejoin="miter" stroke-linecap="butt"></path></g></svg>
320                    </span> Mount Maunganui, New Zealand</h5>
321                    <p>
322                        Helping businesses across New Zealand and Australia go digital
323                    </p>
324                    
325                </div>
326            </div> <!-- end about-desc -->
327
328
329            
330        <!-- </div> -->
331        
332
333    </section> <!-- end s-services -->
334
335
336    <!-- footer
337    ================================================== -->
338    <section id='footer' class="s-specialty">
339        <div class="contact__line"></div>
340        <footer>
341
342            <div class="row footer-main">
343
344                <table class="footer-table">
345                    <tr>
346                        <td><img class="footer-img" src="https://ik.imagekit.io/g44d2afwuy/logo-footer-invert_zRB7VFGNY.png" alt="Invert Digital" ></td>
347                        <td>
348                            <ul class="footer-menu">
349                                <li><a class="menu-item" href="index.html">Home</a></li>
350                                <li><a class="menu-item" href="what-we-do.html">What We Do</a></li>
351                                <li><a class="menu-item" href="who-we-are.html">Who We Are</a></li>
352                                <li><a class="menu-item" href="case-studies.html">Case Studies</a></li>
353                                <li><a class="menu-item active" href="contact.html">Contact</a></li>
354                            </ul>
355                        </td>
356                    </tr>
357                </table>
358
359            </div> <!-- end footer-main -->
360
361            <div class="row footer-bottom">
362
363                <div class="col-twelve">
364                    <div class="copyright">
365                        <span>© Copyright Invert Digital 2020</span> 
366                    </div>
367
368                    <div class="go-top">
369                        <a class="smoothscroll" title="Back to Top" href="#top"><i class="icon-arrow-up" aria-hidden="true"></i></a>
370                    </div>
371                </div>
372
373            </div> <!-- end footer-bottom -->
374
375        </footer> 
376    </section>  <!-- end footer -->
377
378
379
380
381    <!-- preloader
382    ================================================== -->
383    <div id="preloader">
384        <div id="loader">
385            <div class="line-scale-pulse-out">
386                <div></div>
387                <div></div>
388                <div></div>
389                <div></div>
390                <div></div>
391            </div>
392        </div>
393    </div>
394
395
396    <!-- Java Script
397    ================================================== -->
398    
398<script src="js/jquery-3.2.1.min.js"></script>
398
399    
399<script src="js/plugins.js"></script>
399
400    
400<script src="js/main.js"></script>
400
401    
401<script src="js/case-studies.js"></script>
401
402
403</body>
404
405</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.