1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>QScore-Character_Q-Page</title> 8 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 9 <link rel="stylesheet" href="./index.css" /> 10 <link rel="icon" href="assets/images/favicon.ico" type="image/gif" sizes="16x16"> 11 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"> 12 <style> 13 14 </style> 15</head> 16 17<body> 18 <section class="home-hero-banner px-lg-1"> 19 <div class="container-fluid"> 20 <div class="row align-items-center py-4"> 21 <div class="col-lg-1 d-lg-block "> 22 <nav class="navbar"> 23 24 <div id="mySidenav" class="sidenav"> 25 <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> 26 27 <a class="text-white text-start" aria-current="page" 28 href="http://arvindsmartspace.com/qscore-test/">Home</a> 29 30 <a class="active text-white text-start" aria-current="page" 31 href="./performer.html">Performer Q</a> 32 33 <a class="text-white text-start" href="./character.html">Character Q</a> 34 35 <a class="text-white text-start" href="./hispanic.html">Hispanic Performer Q</a> 36 37 <a class="text-white text-start" href="./dead.html">Dead Q</a> 38 39 <a class="text-white text-start" href="./kidsmom.html">Kids & Moms Brand Q</a> 40 41 <a class="text-white text-start" href="./adultbrand.html">Adult Brand Q</a> 42 43 <a class="text-white text-start" href="./custom.html">Custom Designed Research</a> 44 45 46 47 <div class="icons-container d-flex justify-content-end"> 48 <a href="https://twitter.com/i/flow/login?redirect_after_login=%2FQScores" 49 class="so-icon"><img src="assets/images/twitter.png" alt="twitter.svg" /></a> 50 <a href="https://www.instagram.com/theqscorescompany/" class="so-icon"><img 51 src="assets/images/instagram.svg" alt="instagram.svg" /></a> 52 <a href="https://www.linkedin.com/organization-guest/company/the-q-scores-company" 53 class="so-icon"><img src="assets/images/linkedin.svg" alt="linkedin.svg" /></a> 54 <a href="https://www.facebook.com/people/Q-Scores/100063171101470/" class="so-icon"><img 55 src="assets/images/facebook.png" alt="facebook.svg" /></a> 56 </div> 57 </div> 58 59 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 60 data-bs-target="#navbarText" aria-controls="navbarText" onclick="openNav()"> 61 <span class="navbar-toggler-icon"></span> 62 </button> 63 64 65 </nav> 66 </div> 67 <div class="col-lg-1 col-sm-12 "> 68 <a class="logo-link justify-content-center" href="./index.html"> 69 <img src="assets/images/qscore-logo.png" alt="QScore Logo" class="logo-img" /> 70 </a> 71 </div> 72 73 <div class="col-lg-6 col-sm-12"> 74 <div class="form-floating mb-0 w-100"> 75 <div class="input-group"> 76 <input type="search" aria-label="Search" class="form-control" id="txtSearch" 77 placeholder="Search for a specific performer, character, intellectual property, or brand name here."> 78 <div class="input-group-append">
79 <span class="input-group-text" style="padding: 20px 13px !important;" 80 onclick="return runScript()"> 81 <i class="fas fa-search"></i> 82 </span> 83 </div> 84 </div> 85 <div class="feedback invalid-feedback"> error message. </div> 86 </div> 87 </div> 88 <div class="col-lg-2 col-sm-12 "> 89 <button id="loginLink" class="btn btn-primary mx-2 my-2" data-bs-toggle="modal" 90 data-bs-target="#loginModal">CLIENT LOGIN</button> 91 </div> 92 <div class="col-lg-2 col-sm-12"> 93 <button id="contactLink" class="btn btn-primary " type="button" data-bs-toggle="modal" 94 data-bs-target="#contactUsModal">CONTACT US</button> 95 </div> 96 97 </div> 98 </div> 99 </section> 100 <section> 101 <div class="container-fluid p-lg-5"> 102 <div class="row"> 103 <div class="col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0"> 104 <h3 class="mb-4">Character Q</h3> 105 <div class="custom-content tracking-wide" style="word-spacing: 0.15em; letter-spacing: 0.05em;"> 106 <p class="mb-4 ">Studies of nationally-representative samples of children, teens, and adults are conducted online in April and October. Studies cover 400 characters and properties across a wide variety of categories including: </p> 107 <ul class="mb-4"> 108 <li>⢠Video Games & Characters</li> 109 <li>⢠Movie Titles & Characters</li> 110 <li>⢠Book Titles & Characters</li> 111 <li>⢠Television Programs & Characters</li> 112 <li>⢠Brand Mascots</li> 113 </ul> 114 <p class="mb-4 "> 115 The recognition and appeal of each character or property is profiled by: 116 </p> 117 <ul class="mb-4"> 118 <li>⢠A full complement of demographics</li> 119 <li>⢠Mothers of children 2-5 and 6-11</li> 120 <li>⢠Video game owners / users</li> 121 </ul> 122 </div> 123 <div class="d-flex flex-column align-items-start"> 124 <button class="btn btn-primary custom-button d-flex align-items-center px-4 py-4" 125 onclick="downloadPDF('characterq_demographic_profile.xls')">SAMPLE DEMOGRAPHIC PROFILE REPORT<br/>FOR AN INDIVIDUAL CHARACTER 126 <img src="assets/images/download.png" alt="Download" class="ms-2 custom-img" /> 127 </button> 128 <button class="btn btn-primary custom-button d-flex align-items-center px-4 py-4" 129 onclick="downloadPDF('characterq_ranking.xls')">SAMPLE RANKING REPORT FOR<br/> A SPECIFIC DEMOGRAPHIC AUDIENCE 130 <img src="assets/images/download.png" alt="Download" class="ms-2 custom-img" /> 131 </button> 132 </div> 133 </div> 134 <div class="col-lg-6 order-2 order-lg-1 d-flex justify-content-center py-3 py-lg-0"> 135 <img src="assets/images/Cartoon-image.jpeg" class="img-fluid " alt="Performer" /> 136 </div> 137 </div> 138 </div> 139 </section> 140 <div> 141 <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true"> 142 <div class="modal-dialog modal-dialog-centered"> 143 <div class="modal-content"> 144 <div class="modal-header"> 145 <h5 class="modal-title" id="loginModalLabel">Login</h5> 146 <button type="button" class="custom-close-btn" data-bs-dismiss="modal" aria-label="Close">×</button> 147 </div> 148 <div class="modal-body"> 149 <form onsubmit="login(); return false;"> 150 <div class="mb-3"> 151 <label for="username" class="form-label">Email address</label> 152 <input type="email" class="form-control" id="username" required> 153 </div> 154 <div class="mb-3"> 155 <label for="password" class="form-label">Password</label> 156 <input type="password" class="form-control" id="password" required> 157 </div> 158 <div class="mb-3 form-check"> 159 <input type="checkbox" class="form-check-input" id="rememberMe"> 160 <label class="form-check-label" for="rememberMe">Remember Me</label> 161 </div> 162 <button type="submit" class="btn btn-primary">LOGIN</button> 163 </form> 164 </div> 165 </div> 166 </div> 167 </div> 168 </div> 169 170 <section> 171 <div class="container-fluid p-lg-5"> 172 <div class="row"> 173 <div class="col-lg-12"> 174 <div class="row"> 175 <div class="col-lg-4 col-md-6 mt-4"> 176 <a href="./performer.html"><button class="btn btn-primary mb-2 w-100 " 177 style="font-size: 20px;line-height: 40px">Performer Q</button></a> 178 </div> 179 <div class="col-lg-4 col-md-6 mt-4"> 180 <a href="./hispanic.html"><button class="btn btn-primary mb-2 w-100" 181 style="font-size: 20px;">Hispanic Performer Q</button></a> 182 </div> 183 <div class="col-lg-4 col-md-6 mt-4"> 184 <a href="./dead.html"><button class="btn btn-primary mb-2 w-100 " 185 style="font-size: 20px;">Dead Q</button></a> 186 </div> 187 <div class="col-lg-4 col-md-6 mt-4"> 188 <a href="./kidsmom.html"><button class="btn btn-primary mb-2 w-100 " 189 style="font-size: 20px;">Kids & Moms Brand Q</button></a> 190 </div> 191 <div class="col-lg-4 col-md-6 mt-4"> 192 <a href="./custom.html"><button class="btn btn-primary mb-2 w-100 " 193 style="font-size: 20px;">Custom Designed Research</button></a> 194 </div> 195 <div class="col-lg-4 col-md-6 mt-4"> 196 <a href="./adultbrand.html"><button class="btn btn-primary mb-2 w-100 " 197 style="font-size: 20px;">Adult Brand Q</button></a> 198 </div> 199 <div class="col-lg-4 col-md-4 d-lg-block d-md-block d-none mt-4"></div> 200 <div class="col-lg-4 col-md-4 mt-4"> 201 <a href="./index.html"><button class="btn btn-primary mb-2 w-100 " 202 style="font-size: 20px; line-height: 40px;">Return to Home Page</button></a> 203 </div> 204 </div> 205 </div> 206 </div> 207 </div> 208 </section> 209 210 <footer class="footer bg-light py-4"> 211 <div class="container-fluid text-center"> 212 <div class="row justify-content-center"> 213 <div class="col-lg-4 col-md-6 d-flex flex-column align-items-start "> 214 <p class="mb-0 fw-bold fs-5 footer-content">MARKETING EVALUATIONS, INC.</p> 215 <p class="mb-0 fs-6 footer-content">The Q Scores Company</p> 216 </div> 217 <div class="col-lg-3 col-md-6 d-flex flex-column align-items-start "> 218 <p class="mb-0 fs-6 footer-content">
218335 Baltustrol Circle</p> 219 <p class="mb-0 fs-6 footer-content">North Hills, N.Y. 11576</p> 220 </div> 221 <div class="col-lg-3 col-md-6 d-flex flex-column align-items-start"> 222 <p class="mb-1 footer-content text-primary"> 223 Steve Levitt: 224 <a href="tel:(516) 724-0065" class="text-primary footer-content"> 225 <strong>(516) 724-0065</strong> 226 </a> 227 </p> 228 <p class="mb-1 footer-content text-primary"> 229 Henry Schafer: 230 <a href="tel:(516) 238-1515" class="text-primary footer-content"> 231 <strong>(516) 238-1515</strong> 232 </a> 233 </p> 234 <p class="footer-content text-primary"> 235 Email Us: 236 <a href="mailto:[email protected]" class="text-primary footer-content fw-semibold"> 237 <strong> [email protected] </strong> 238 </a> 239 </p> 240 </div> 241 242 243 <div class="col-lg-2 col-md-6 d-flex justify-content-center "> 244 <a href="https://twitter.com/i/flow/login?redirect_after_login=%2FQScores" class="social-icon mx-2"> 245 <img src="assets/images/twitter.png" alt="Twitter" /> 246 </a> 247 <a href="https://www.instagram.com/theqscorescompany/" class="social-icon mx-2"> 248 <img src="assets/images/instagram.svg" alt="Instagram" /> 249 </a> 250 <a href="https://www.linkedin.com/organization-guest/company/the-q-scores-company" 251 class="social-icon mx-2"> 252 <img src="assets/images/linkedin.svg" alt="LinkedIn" /> 253 </a> 254 <a href="https://www.facebook.com/people/Q-Scores/100063171101470/" class="social-icon mx-2"> 255 <img src="assets/images/facebook.png" alt="Facebook" /> 256 </a> 257 </div> 258 </div> 259 <div class="row mt-3"> 260 <div class="col-12 text-center"> 261 <p class="mb-0 fw-bold text-primary copyright-text"> 262 Copyright © <span id="current-year"></span> Q Scores. All Rights Reserved. 263 </p> 264 </div> 265 </div> 266 </div> 267 </footer> 268 269 270<!-- jQuery, Popper.js, and Bootstrap JS --> 271
272<script src="assets/js/jquery-3.5.1.min.js"></script>
272
273<script src="assets/js/popper.min.js"></script>
273
274<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
vendor: 2 bytes, line 274
274
275<script src="assets/js/bootstrap-select.min.js"></script>
275 276
277<script src="assets/js/os-browser-detection.js"></script>
277 278 279 280 281<!-- Custom JS-->
282<script src="assets/js/custom.js"></script>
282 283
284<script> 285 function loadForm(formId, formFile) { 286 // Load the specific form from the provided file and append it to the body 287 var xhr = new XMLHttpRequest(); 288 xhr.onreadystatechange = function () { 289 if (xhr.readyState == 4 && xhr.status == 200) { 290 var div = document.createElement('div'); 291 div.innerHTML = xhr.responseText; 292 293 document.body.appendChild(div); 294 295 // Trigger the modal based on the provided formId 296 $('#' + formId).modal('show'); 297 } 298 }; 299 xhr.open('GET', formFile, true); 300 xhr.send(); 301 } 302 303 // Add event listeners for the specific links 304 document.getElementById('loginLink').addEventListener('click', function () { 305 loadForm('loginModal', 'login.php'); 306 }); 307 308 309 </script>
309 310 311
312<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
312 313<style> 314 .custom-close-btn { 315 background: none; 316 border: none; 317 font-size: 1.5rem; 318 line-height: 1; 319 color: #000; 320 opacity: 0.5; 321 cursor: pointer; 322 transition: color 0.2s, opacity 0.2s; 323 } 324 325 .custom-close-btn:hover { 326 opacity: 0.75; 327 } 328 329 .custom-close-btn:focus, 330 .custom-close-btn:active { 331 outline: 2px solid #07539e; 332 outline-offset: 2px; 333 } 334 335 .alert { 336 display: none; 337 /* Hidden by default, will be displayed when needed */ 338 } 339 340 .spinner-border-sm { 341 width: 1rem; 342 height: 1rem; 343 border-width: 0.2em; 344 } 345 346 .btn-loading { 347 pointer-events: none; 348 } 349</style> 350<div class="modal fade" id="contactUsModal" tabindex="-1" aria-labelledby="contactUsModalLabel" aria-hidden="true"> 351 <div class="modal-dialog modal-dialog-centered"> 352 <div class="modal-content"> 353 <div class="modal-header"> 354 <h5 class="modal-title" id="contactUsModalLabel">Contact Us</h5> 355 <button type="button" class="custom-close-btn" data-bs-dismiss="modal" 356 aria-label="Close">×</button> 357 </div> 358 <div class="modal-body" style="padding-bottom: 10px;"> 359 <form id="contactForm"> 360 <div class="alert alert-success" id="successAlert" role="alert"> 361 Your message has been sent successfully! 362 </div> 363 <div class="alert alert-danger" id="errorAlert" role="alert"> 364 There was an error sending your message. Please try again. 365 </div> 366 <div class="mb-3"> 367 <label for="sendername" class="form-label">Your Name</label> 368 <input type="text" class="form-control" id="sendername" name="contactName"> 369 </div> 370 <div class="mb-3"> 371 <label for="email" class="form-label">Email address</label> 372 <input type="email" class="form-control" id="email" name="contactEmail"> 373 </div> 374 <div class="mb-3"> 375 <label for="business" class="form-label">Company Name</label> 376 <input type="text" class="form-control" id="business" name="companyName"> 377 </div> 378 <div class="mb-3"> 379 <label for="mobile" class="form-label">Phone Number</label> 380 <input type="tel" class="form-control" id="mobile" name="contactNumber"> 381 </div> 382 <div class="mb-3"> 383 <label for="message1" class="form-label">Message</label> 384 <textarea class="form-control" id="message1" name="contactMessage" rows="4"></textarea> 385 </div> 386 <button type="submit" class="btn btn-primary" id="submitButton"> 387 <span id="buttonText">Submit</span> 388 <div class="spinner-border spinner-border-sm" id="buttonSpinner" role="status" 389 style="display: none;"></div> 390 </button> 391 </form> 392 </div> 393 </div> 394 </div> 395</div> 396
397<script> 398 document.getElementById('contactForm').addEventListener('submit', function (event) { 399 event.preventDefault(); 400 401 // Clear previous alerts 402 document.getElementById('successAlert').style.display = 'none'; 403 document.getElementById('errorAlert').style.display = 'none'; 404 405 const formData = new FormData(this); 406 const data = { 407 contactName: formData.get('contactName'), 408 contactEmail: formData.get('contactEmail'), 409 companyName: formData.get('companyName'), 410 contactNumber: formData.get('contactNumber'), 411 contactMessage: formData.get('contactMessage') 412 }; 413 414 // UI loading state 415 document.getElementById('buttonText').style.display = 'none'; 416 document.getElementById('buttonSpinner').style.display = 'inline-block'; 417 document.getElementById('submitButton').classList.add('btn-loading'); 418 419 // â± AbortController for timeout 420 const controller = new AbortController(); 421 const timeoutId = setTimeout(() => controller.abort(), 30000); // 10 sec 422 423 fetch('https://gateway.homebble.in/api/portal/email', { 424 method: 'POST', 425 headers: { 426 'Content-Type': 'application/json' 427 }, 428 body: JSON.stringify(data), 429 signal: controller.signal 430 }) 431 .then(response => { 432 clearTimeout(timeoutId); 433 if (!response.ok) { 434 throw new Error('Network response was not ok'); 435 } 436 return response.json(); 437 }) 438 .then(data => { 439 document.getElementById('successAlert').style.display = 'block'; 440 document.getElementById('contactForm').reset(); 441 }) 442 .catch(error => { 443 clearTimeout(timeoutId); 444 445 if (error.name === 'AbortError') { 446 console.error('Request timed out'); 447 document.getElementById('errorAlert').innerText = 448 'Request timed out. Please try again.'; 449 } else { 450 console.error('Fetch error:', error); 451 document.getElementById('errorAlert').innerText = 452 'There was an error sending your message. Please try again.'; 453 } 454 455 document.getElementById('errorAlert').style.display = 'block'; 456 }) 457 .finally(() => { 458 document.getElementById('buttonText').style.display = 'inline-block'; 459 document.getElementById('buttonSpinner').style.display = 'none'; 460 document.getElementById('submitButton').classList.remove('btn-loading'); 461 }); 462 }); 463 </script>
463 464
464<script src="js/scripts.js"></script>
464 465
465<script type="text/javascript"> 466 function runScript() { 467 var tb = document.getElementById("txtSearch").value; 468 469 if (tb === "" || tb === null) { 470 alert("Search Box is blank!"); 471 return false; 472 } 473 474 window.location.href = "https://qscores.com/search.aspx?postData=" + tb; 475 } 476 477 function login(e) { 478 //See notes about 'which' and 'key' 479 480 var un = document.getElementById("username"); 481 var pwd = document.getElementById("password"); 482 483 if (un.value == "" || un.value == null) { 484 document.getElementById("username").focus(); 485 alert("User name is blank!"); 486 return false; 487 } 488 489 if (pwd.value == "" || pwd.value == null) { 490 document.getElementById("password").focus(); 491 alert("Pasword is blank!"); 492 return false; 493 } 494 495 //window.location.href = "https://qscores.com/index.aspx?uname=" + un.value + "&pwd=" + pwd.value; 496 window.location.href = "https://qscores.com/index.aspx?uname=" + un.value + "&pwd=" + pwd.value; 497 498 } 499 500 function openNav() { 501 var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 502 503 // Set width based on screen width 504 if (screenWidth <= 600) { // Adjust the breakpoint as needed 505 document.getElementById("mySidenav").style.width = "-webkit-fill-available"; // 100% of viewport width 506 } else { 507 document.getElementById("mySidenav").style.width = "350px"; // Default width for larger screens 508 } 509} 510document.body.addEventListener('click', function (event) { 511 // Check if the clicked element is not part of the navbar or its children 512 if (!event.target.closest('.navbar') && !event.target.closest('#mySidenav')) { 513 closeNav(); // Close the navbar if clicked outside 514 } 515}); 516 517 518function closeNav() { 519 document.getElementById("mySidenav").style.width = "0"; 520} 521 522</script>
522 523 524 525 526 527 528 529</body> 530</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.