1<!DOCTYPE html> 2<html> 3 4<head> 5 6 <title>Contact | NIKKI CHOOI</title> 7 <meta name="description" content="Website for Nikki Chooi"> 8 <meta name="keywords" content=""> 9 <link type="image/png" href="https://theme.kultureshock.net/staccato/graphics/favicon.png" rel="shortcut icon"> 10 11 <meta charset="utf-8"> 12 <meta http-equiv="x-ua-compatible" content="ie=edge"> 13 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 14 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 15 16 <link href="https://theme.kultureshock.net/staccato/css/master.css" rel="stylesheet"> 17 <link href="https://theme.kultureshock.net/staccato/css/styles.css" rel="stylesheet"> 18 <link href="https://app.kultureshock.net/fontawesome6/css/fontawesome.min.css" rel="stylesheet"> 19 <link href="https://app.kultureshock.net/fontawesome6/css/brands.min.css" rel="stylesheet"> 20 <link href="https://app.kultureshock.net/fontawesome6/css/regular.min.css" rel="stylesheet"> 21 22 <link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet"> 23 <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"> 24 <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet"> 25 26 <meta property="og:site_name" content="NIKKI CHOOI"> 27<meta property="og:title" content="Contact"> 28<meta property="og:description" content="Website for Nikki Chooi"> 29<meta property="og:image" content="https://images.kultureshock.net/"> 30<meta property="og:url" content="https://www.nikkichooi.com/contacts"> 31<meta property="og:type" content="website"> 32 33 34 <style nonce="7a47a67280682bb7ee9331804e6ead3f"> 35 :root { 36 --theme-look: ''; 37 --title-font: 'Abril Fatface'; 38 --menu-font: 'Bebas Neue'; 39 --body-font: 'Crimson Pro'; 40 --noimage: url('https://theme.kultureshock.net/staccato/graphics/noimage-sm.jpg'); 41 --noimage-text: ''; 42 --back-image: url('https://theme.kultureshock.net/staccato/graphics/noimage-xl.jpg'); 43 } 44 45 46 </style> 47 48 49 50 <style type="text/css" nonce="7a47a67280682bb7ee9331804e6ead3f"> 51 .banner-image { 52 background-image: url('https://images.kultureshock.net/0004/10030-578361a86780b360433ec0cdfd87f3f3-xl-72f6bcafaab131f7e1c81d82b0db22ca.jpg'); 53 background-position: 50% 50%; 54 } 55 </style> 56 57</head> 58 59<body id="inside" class="light"> 60 61 <a name="top"></a> 62 63 <header> 64 65 66<nav class="navbar dark navbar-expand-xl pin-top navbar-dark bg-dark "> 67 <div class="container-fluid"> 68 <button class="navbar-toggler m-2 m-md-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 69 <span class="navbar-toggler-icon"></span> 70 </button> 71 <div class="collapse navbar-collapse" id="navbarNav"> 72 <ul class="navbar-nav justify-content-center linkline linkline-center"> 73 74 75 76 <li class="nav-item"> 77 <a href="/" class="nav-link " >Home</a> 78 </li> 79 80 81 82 83 <li class="nav-item"> 84 <a href="/about" class="nav-link " >About</a> 85 </li> 86 87 88 89 90 <li class="nav-item"> 91 <a href="/calendar" class="nav-link " >Events</a> 92 </li> 93 94 95 96 97 <li class="nav-item"> 98 <a href="/media" class="nav-link " >Video</a> 99 </li> 100 101 102 103 104 <li class="nav-item"> 105 <a href="/presskit" class="nav-link " >Press Kit</a> 106 </li> 107 108 109 110 111 <li class="nav-item"> 112 <a href="/news" class="nav-link " >News</a> 113 </li> 114 115 116 117 118 <li class="nav-item"> 119 <a href="/contacts" class="nav-link active" >Contact</a> 120 </li> 121 122 123 124 </ul> 125 </div> 126 </div> 127</nav> 128 129 130 <section class="banner overflow-hidden"> 131 <div class="banner-image-wrap slant-btm "> 132 <div class="banner-image fadein"></div> 133 <div class="banner-image-overlay p-3 pb-5 p-md-5 pb-md-6 name-low-center"> 134 <div class="sitename-wrap"> 135 <div class="h1 sitename sitename-lg">NIKKI CHOOI</div> 136 </div> 137 </div> 138 </div> 139 </section> 140 141 </header> 142 143 <main> 144 145 <div class="content-wrap clearfix"> 146 147 148<meta name="format-detection" content="telephone=no"> 149 150<article id="contacts" class="container pb-3"> 151 152 153<h1 class="display-2 mt-3 mt-lg-4 mb-4 mb-lg-5">Contacts</h1> 154 155 156<!-- CONTACTS LIST --> 157 158 159 160 161<!-- CONTACT FORM --> 162 163 164 <section id="messenger" class="linkbox-border p-2 p-md-5 p-lg-6 mx-auto"> 165 166 <a class="anchor-target" name="msgform" id="msgform"></a> 167 <h1 class="mb-4 mb-md-5 text-center"> 168 Send a Message 169 </h1> 170 171
172 <form class="needs-validation mx-auto" action="/contacts#msgform" method="post" novalidate> 173 174 <div class="mb-3"> 175 <label class="form-label" class="form-label" for="MessengerName">Name</label> 176 <input type="text" class="form-control form-control-lg " name="name" id="MessengerName" value="" required> 177 <div class="invalid-feedback">Required</div> 178 </div> 179 180 <div class="mb-3"> 181 <label class="form-label" for="MessengerCompany">Company</label> 182 <input type="text" class="form-control form-control-lg " name="company" id="MessengerCompany" value="" > 183 <div class="invalid-feedback">Required</div> 184 </div> 185 186 <div class="mb-3"> 187 <label class="form-label" for="MessengerPhone">Phone number</label> 188 <input type="text" class="form-control form-control-lg " name="phone" id="MessengerPhone" value="" > 189 <div class="invalid-feedback">Required</div> 190 </div> 191 192 <div class="mb-3"> 193 <label class="form-label" for="MessengerEmail">Email address</label> 194 <input type="email" class="form-control form-control-lg " name="email" id="MessengerEmail" placeholder="[email protected]" value="" required> 195 <div class="invalid-feedback">Invalid Email</div> 196 </div> 197 198 <div class="mb-3 _field" aria-hidden="true"> 199 <label class="form-label" for="MessengerAddr">Location</label> 200 <input type="text" class="form-control form-control-lg" name="addr" id="MessengerAddr" tabindex="-1" value=""> 201 </div> 202 203 <div class="mb-3"> 204 <label class="form-label" for="MessengerSubject">Subject</label> 205 <select class="form-select form-select-lg " name="subject" id="MessengerSubject"> 206 <option >General Comment/Question</option> 207 </select> 208 </div> 209 210 <div class="mb-4"> 211 <label class="form-label" for="MessengerMessage">Message</label> 212 <textarea class="form-control form-control-lg " name="message" id="MessengerMessage" rows="4" required></textarea> 213 <div class="invalid-feedback">Required</div> 214 </div> 215 216 <div class=""> 217 <button class="btn btn-outline-primary" type="submit">Send</button> 218 </div> 219 220 </form> 221 222 223 </section> 224 225
225<script nonce="7a47a67280682bb7ee9331804e6ead3f"> 226 // Example starter JavaScript for disabling form submissions if there are invalid fields 227 (function () { 228 'use strict' 229 230 // Fetch all the forms we want to apply custom Bootstrap validation styles to 231 var forms = document.querySelectorAll('.needs-validation') 232 233 // Loop over them and prevent submission 234 Array.prototype.slice.call(forms) 235 .forEach(function (form) { 236 form.addEventListener('submit', function (event) { 237 if (!form.checkValidity()) { 238 event.preventDefault() 239 event.stopPropagation() 240 } 241 242 form.classList.add('was-validated') 243 }, false) 244 }) 245 })() 246 </script>
246 247 248 249 250</article> 251 252 </div> 253 254 </main> 255 256 <!-- Back to Top button --> 257 <span class="d-none d-md-block"> 258 <a class="anchor backtotop fadein" id="scroller" href="#top"> 259 <i class="btt-icon fa-regular fa-chevron-up"></i> 260 </a> 261 </span> 262 263 264 265 266<footer class="dark slant-top slant-stack mt-0 overflow-hidden"> 267 <div class="section-inner px-3 py-5 pt-md-7 pb-md-6"> 268 <div class="container"> 269 270 <div class="row text-center"> 271 272 <div class="col"> 273 274 275<div class="social style-icon32 d-flex flex-wrap mb-4 justify-content-center"> 276 277 278 <div class="social-box net-instagram"> 279 <a href="https://www.instagram.com/nikkichooi/" target="_blank" alt="Instagram"> 280 281 282 <i class="social-icon fa-brands fa-instagram fa-2x" title="Instagram"></i> 283 284 285 </a></div> 286 287 288 <div class="social-box net-youtube"> 289 <a href="http://www.youtube.com/user/nikkichooi?feature=mhee" target="_blank" alt="YouTube"> 290 291 292 <i class="social-icon fa-brands fa-youtube fa-2x" title="YouTube"></i> 293 294 295 </a></div> 296 297 298 <div class="social-box net-linkedin"> 299 <a href="https://www.linkedin.com/in/nikki-chooi-b65506138/" target="_blank" alt="LinkedIn"> 300 301 302 <i class="social-icon fa-brands fa-linkedin fa-2x" title="LinkedIn"></i> 303 304 305 </a></div> 306 307 308 <div class="social-box net-spotify"> 309 <a href="https://open.spotify.com/artist/4ImW65GTIQhtcSwc60pMbr" target="_blank" alt="Spotify"> 310 311 312 <i class="social-icon fa-brands fa-spotify fa-2x" title="Spotify"></i> 313 314 315 </a></div> 316 317 318</div> 319 320 321 <h2 class="menu-font mb-3">NIKKI CHOOI</h2> 322 323 324<div class="nav-list linkline linkline-center mb-4"> 325 326 327 <div class="nav-item"><a class="" href="/" >Home</a></div> 328 329 330 <div class="nav-item"><a class="" href="/about" >About</a></div> 331 332 333 <div class="nav-item"><a class="" href="/calendar" >Events</a></div> 334 335 336 <div class="nav-item"><a class="" href="/media" >Video</a></div> 337 338 339 <div class="nav-item"><a class="" href="/presskit" >Press Kit</a></div> 340 341 342 <div class="nav-item"><a class="" href="/news" >News</a></div> 343 344 345 <div class="nav-item"><a class="active" href="/contacts" >Contact</a></div> 346 347 348</div> 349 350 <div class="footer-copyright mb-4"> 351 <p class="small">Content Copyright © by NIKKI CHOOI, All Rights Reserved.</p> 352 <p class="small powered-by linkline linkline-center mb-0"><a href="http://kultureshock.net" target="_blank" rel="nofollow"><a href='https://kultureshock.net' target='_blank' rel='nofollow'>Powered by KultureShock.Net</a></a></p> 353 </div> 354 355 </div> 356 357 358 </div> 359 360 </div> 361 </div> 362</footer> 363 364 365<!-- Load javascripts --> 366
367<script nonce="7a47a67280682bb7ee9331804e6ead3f" src="https://theme.kultureshock.net/staccato/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 367
367
368<script nonce="7a47a67280682bb7ee9331804e6ead3f" src="https://theme.kultureshock.net/staccato/js/scripts.js"></script>
368 369
370<script nonce="7a47a67280682bb7ee9331804e6ead3f" type="text/javascript"> 371 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) 372 var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { 373 return new bootstrap.Tooltip(tooltipTriggerEl) 374 }) 375</script>
375 376 377<!-- Analytics --> 378
379<script nonce="7a47a67280682bb7ee9331804e6ead3f" type="text/javascript"> 380 381 var _gaq = _gaq || []; 382 _gaq.push(['_setAccount', 'UA-30322140-2']); 383 _gaq.push(['_trackPageview']); 384 385 (function() { 386 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 387 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 388 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 389 })(); 390 391</script>
391 392 393</body> 394</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.