1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 5<meta charset="utf-8"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7 8<title>Nevermore Productions</title> 9<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 10<meta name="description" content="Nevermore Productions: The Next Generation of Haunt Animatronics! Specializing in realistic props and animatronics, all developed for the professional haunt."> 11<meta name="keywords" content="Nevermore Productions, Nevermore Designs, Props, Professional, Static, Animatronics, Latex, Silicone, Haunted House, Haunted, House, Attraction, Scary, Terrifying, Monster, Ghost"> 12 13 14 15<style> 16 .stacked-videos { 17 display: flex; 18 flex-direction: column; 19 align-items: center; 20 gap: 20px; 21 padding: 20px 0; 22 } 23 24 .stacked-videos video { 25 max-width: 100%; 26 height: auto; 27 display: block; 28 } 29</style> 30 31 32 33 34 35<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 36 37 <link href="imagelightbox/iamgelightbox.css" rel="stylesheet" type="text/css"> 38 39 40 <link rel="stylesheet" type="text/css" href="contact/style.css" media="screen"> 41 <link rel="stylesheet" type="text/css" href="contact/component.css" media="screen"> 42
43<script src="contact/classie.js.descarga"></script>
vendor: 1 bytes, line 43
43
44<script src="contact/modalEffects.j.descarga"></script>
44 45 46 47 <link href="css/responsive-menu.css" rel="stylesheet"> 48 49<link rel="preconnect" href="https://fonts.googleapis.com"> 50<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 51<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet"> 52 53<link rel="preconnect" href="https://fonts.googleapis.com"> 54<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 55<link href="https://fonts.googleapis.com/css2?family=Germania+One&display=swap" rel="stylesheet"> 56 57<link rel="preconnect" href="https://fonts.googleapis.com"> 58<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 59<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed:wght@700&family=Lato:wght@400;900&family=Oswald:wght@400;500;600;700&display=swap" rel="stylesheet"> 60<link rel="preconnect" href="https://fonts.googleapis.com"> 61<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 62<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> 63 64<link rel="preconnect" href="https://fonts.googleapis.com"> 65<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 66<link href="https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=IM+Fell+English+SC&display=swap" rel="stylesheet"> 67 68<link rel="preconnect" href="https://fonts.googleapis.com"> 69<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 70<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> 71 72 <link href="css/styles.css" rel="stylesheet"> 73<link href="css/set2.css" rel="stylesheet"> 74 <!-- Load modernizr or html5shiv --> 75
75<script src="js/modernizr.min.js" type="text/javascript"></script>
75 76
76<script>window.modernizr || document.write('
76<script src="lib/modernizr/modernizr-custom.js"><\/script>')</script>
76 77 <!--
77<script src="../lib/html5shiv/html5shiv.js"></script>
77--> 78 79 <!-- Load jQuery --> 80
80<script src="js/jquery.min.js"></script>
80 81
81<script>window.jQuery || document.write('
81<script src="lib/jquery-legacy/jquery.js"><\/script>')</script>
81 82 83 <!-- Load Responsive Menu --> 84
84<script src="js/responsive-menu.js" type="text/javascript"></script>
84 85 86 <!-- Setup Responsive Menu --> 87
87<script> 88 jQuery(function ($) { 89 var menu = $('.rm-nav').rMenu({ 90 91 // Optional Settings 92 93 /** 94 * Minimum width for expanded layout in pixels - String 95 * The media query in css file should be changed to match this 96 * Must be in pixels and include px units if not using Modernizr. 97 * @default '769px' 98 */ 99 minWidth: '1024px', 100 101 /** 102 * The opening and closing speed of the menus in milliseconds 103 * @default 400 104 */ 105 //transitionSpeed: 400, 106 107 /** 108 * The jQuery easing function - used with jQuery transitions 109 * @default 'swing' 110 * @options 'swing', 'linear' 111 */ 112 //jqueryEasing: 'swing', 113 114 /** 115 * The CSS3 transitions easing function - used with CSS3 transitions 116 * @default 'ease' 117 */ 118 //css3Easing: 'ease', 119 120 /** 121 * Use button as toggle link - instead of text 122 * @default true 123 */ 124 //toggleBtnBool: true, 125 126 /** 127 * The Toggle Link selector 128 * @default '.rm-toggle' 129 */ 130 //toggleSel: '.rm-toggle', 131 132 133 /** 134 * The menu/sub-menu selector 135 * @default 'ul' 136 */ 137 //menuSel: 'ul', 138 139 /** 140 * The menu items selector 141 * @default 'li' 142 */ 143 //menuItemsSel: 'li', 144 145 /** 146 * Use CSS3 animation/transitions Boolean 147 * @default true 148 * Do not use animation/transitions: false 149 */ 150 //animateBool: false, 151 152 /** 153 * Force GPU Acceleration Boolean 154 * @default false 155 * Do not force: false 156 */ 157 //accelerateBool: true, 158 159 /** 160 * the setup complete callback function 161 * @default 'false' 162 */ 163 //setupCallback: false, 164 165 /** 166 * the tabindex start value - integer 167 * @default 1 168 */ 169 //tabindexStart: 5, 170 171 /** 172 * Use development mode - outputs information to console 173 * @default false 174 */ 175 //developmentMode: false 176 177 }); 178 }); 179 </script>
179 180 181 182 183 184
185<script> 186
vendor: 134 bytes, lines 186-190
186window.dataLayer = window.dataLayer || []; 187 function gtag(){dataLayer.push(arguments);} 188 gtag('js', new Date()); 189 190 gtag('config', '
190UA-111311774-2
vendor: 4 bytes, line 190
190');
191</script>
191 192 193 194 195 196 197 198 199<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700" rel="stylesheet"> 200 201<link rel="stylesheet" href="cssdelay/animate.css"> 202 <link rel="stylesheet" href="cssdelay/site.css"> 203
203<script src="cssdelay/wow.js"></script>
203 204
204<script> 205wow = new WOW( 206 { 207 animateClass: 'animated', 208 offset: 50, 209 callback: function(box) { 210 console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") 211 } 212 } 213 ); 214 wow.init(); 215 document.getElementById('moar').onclick = function() { 216 var section = document.createElement('section'); 217 section.className = 'section--purple wow fadeInDown'; 218 this.parentNode.insertBefore(section, this); 219 }; 220 </script>
220 221 222<link rel="stylesheet" href="js2/bootstrap.min.css">
223<script src="js2/jquery.min.js"></script>
vendor: 1 bytes, line 223
223
224<script src="js2/bootstrap.min.js"></script>
224 225 <style> 226 .carousel-inner > .item > img, 227 .carousel-inner > .item > a > img { 228 width: 100%; 229 margin: auto; 230 } 231 232 233 234 235 </style> 236 <link href="css2/estilos.css" rel="stylesheet" type="text/css"> 237 <link href="css2/styles.css" rel="stylesheet" type="text/css"> 238 <link href="css2/style_common.css" rel="stylesheet" type="text/css"> 239 <link href="css2/style2.css" rel="stylesheet" type="text/css"> 240 <link rel="stylesheet" type="text/css" href="css2/style10.css" /> 241 242<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> 243<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> 244<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> 245<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> 246<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> 247<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> 248<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> 249<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> 250<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> 251<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> 252<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 253<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> 254<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 255<link rel="manifest" href="/manifest.json"> 256<style type="text/css"> 257.aspect-ratio-box { position: relative; 258 width: 100%; 259 padding-bottom: 178%; /* relaci?n para video vertical */ 260} 261.video-container1 {display: flex; 262 flex-wrap: wrap; 263 justify-content: center; 264 gap: 20px; 265} 266.video-wrapper1 {max-width: 300px; 267 flex: 1 1 300px; 268} 269</style> 270<meta name="msapplication-TileColor" content="#ffffff"> 271<meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> 272<meta name="theme-color" content="#ffffff"> 273 274 275</head> 276 277 278<body> 279<div class="tophome"> 280 <div> 281 <video autoplay playsinline muted poster="images/poster.jpg" width="100%"> 282 <source src="top2.mp4" type="video/mp4"> 283 <source src="header-demo2.webm" type="video/webm"> 284 Your browser does not support the video tag. </video> 285 </div> 286</div> 287<!-- .wrapper --> 288<div class="wrapper"> 289 <!-- START Responsive Menu HTML --> 290 <a class="rm-toggle rm-button rm-nojs" href="#">Menu</a> 291 <nav class="rm-nav rm-nojs rm-lighten"> 292 <ul> <li><a href='index.html'><span>Home</span></a></li> 293 <li><a href='animations.html'><span>Animations</span></a></li> 294 <li><a href='static_props.html'><span>Static Props</span></a></li> 295 <li><a href='set_pieces.html'><span>Set Pieces</span></a></li> 296 <li><a href='custom_work.html'><span>Custom Work </span></a></li> 297 <li><a href='#1234l'><span>Order Inquire</span></a></li> 298 <li><a href='about.html'><span>About</span></a></li> 299 <li><a href='contact.html'><span>Contact</span></a></li> 300 301 </ul> 302 </nav> 303 <!-- .rm-container --> 304 <!-- End Responsive Menu HTML --> 305</div> 306<!-- .wrapper --> 307<div class="tophome"> 308 <div> 309 <video autoplay playsinline muted poster="images/posterintro.jpg" width="100%"> 310 <source src="intro.mp4" type="video/mp4"> 311 Your browser does not support the video tag. </video> 312 </div> 313</div> 314<div class="woodhome"> <img src="images/wood.png"></div> 315<div class="contenido"> 316 <div class="centrados"> 317 <h1><span class="titlebig"> Nevermore Productions<br> 318 </span><span class="destacadito">Built to last...Designed to SCARE! With over 15 years building props and scenic design for the haunted house and escape room industry, we know what works! Let us help take your attraction to the next level!</span></h1> 319 <div class="wood"> <img src="images/wood.png"></div> 320 </div> 321</div> 322<div class="centrados"> 323 <div class="grid"> 324 <figure class="effect-selena"> <img src="images/box1.jpg" alt="img31"/> 325 <figcaption> 326 <h2>ANIMATIONS</h2> 327 <p>GO</p> 328 <a href="animations.html">Lear More</a></figcaption> 329 </figure> 330 <figure class="effect-selena"> <img src="images/box2.jpg" alt="img31"/>
331 <figcaption> 332 <h2>STATIC PROPS</h2> 333 <p>GO</p> 334 <a href="static_props.html">View more</a></figcaption> 335 </figure> 336 <figure class="effect-selena"> <img src="images/box3.jpg" alt="img31"/> 337 <figcaption> 338 <h2>SET PIECES</h2> 339 <p>GO</p> 340 <a href="set_pieces.html" >View more</a></figcaption> 341 </figure> 342 </div> 343<div class="centrados"> 344 <div class="wood2"> <img src="images/wood.png"></div> 345 </div> 346 347 <div class="news-wrapper"> <img src="images/newstop.png" alt=""> 348 <div class="news-mid"> 349 <p> We are FINALLY taking the time to update our website with current pricing and new products. 350 Please bear with us as we get everything dialed in. As always, if you have any questions, 351 don´t hesitate to shoot us an email at <a href="mailto:[email protected]">[email protected] </a></p> 352 </div> 353 <img src="images/newsbottom.png" alt=""></div> 354 <div class="news-wrapper"> <img src="images/signuptop.png" alt=""> 355 <div class="news-mid2"> 356 <p> <a href="contact.html" class="signup">Sign up for our mailing list!</a></p> 357 </div> 358 <img src="images/newsbottom.png" alt=""></div> 359 <p><a href="#1234l"><img src="images/ordernow.png"></a></p> 360 <p> </p> 361</div> 362 363</div> 364<div id="wrapper14"></div> 365<div id="wrapper10"> 366 <div class="fotter"> 367 <p> </p> 368 <p> </p> 369 <p> </p> 370 <p><a href="https://thevillageofdarkness.com/" target="_blank">Designed by The Village of Darkness</a></p> 371 </div> 372</div>
373<script type="text/javascript" src="backtotop.js"></script>
373 374 375 376 377
378<script type="text/javascript" async src="imagelightbox/ga.js"></script>
378<script src="imagelightbox/jquery.min.js"></script>
vendor: 1 bytes, line 378
378
379<script src="imagelightbox/imagelightbox.min.js"></script>
vendor: 1 bytes, line 379
379
380<script> 381 382 $( function() 383 { 384 // ACTIVITY INDICATOR 385 386 var activityIndicatorOn = function() 387 { 388 $( '<div id="imagelightbox-loading"><div></div></div>' ).appendTo( 'body' ); 389 }, 390 activityIndicatorOff = function() 391 { 392 $( '#imagelightbox-loading' ).remove(); 393 }, 394 395 396 // OVERLAY 397 398 overlayOn = function() 399 { 400 $( '<div id="imagelightbox-overlay"></div>' ).appendTo( 'body' ); 401 }, 402 overlayOff = function() 403 { 404 $( '#imagelightbox-overlay' ).remove(); 405 }, 406 407 408 // CLOSE BUTTON 409 410 closeButtonOn = function( instance ) 411 { 412 $( '<button type="button" id="imagelightbox-close" title="Close"></button>' ).appendTo( 'body' ).on( 'click touchend', function(){ $( this ).remove(); instance.quitImageLightbox(); return false; }); 413 }, 414 closeButtonOff = function() 415 { 416 $( '#imagelightbox-close' ).remove(); 417 }, 418 419 420 // CAPTION 421 422 captionOn = function() 423 { 424 var description = $( 'a[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"] img' ).attr( 'alt' ); 425 if( description.length > 0 ) 426 $( '<div id="imagelightbox-caption">' + description + '</div>' ).appendTo( 'body' ); 427 }, 428 captionOff = function() 429 { 430 $( '#imagelightbox-caption' ).remove(); 431 }, 432 433 434 // NAVIGATION 435 436 navigationOn = function( instance, selector ) 437 { 438 var images = $( selector ); 439 if( images.length ) 440 { 441 var nav = $( '<div id="imagelightbox-nav"></div>' ); 442 for( var i = 0; i < images.length; i++ ) 443 nav.append( '<button type="button"></button>' ); 444 445 nav.appendTo( 'body' ); 446 nav.on( 'click touchend', function(){ return false; }); 447 448 var navItems = nav.find( 'button' ); 449 navItems.on( 'click touchend', function() 450 { 451 var $this = $( this ); 452 if( images.eq( $this.index() ).attr( 'href' ) != $( '#imagelightbox' ).attr( 'src' ) ) 453 instance.switchImageLightbox( $this.index() ); 454 455 navItems.removeClass( 'active' ); 456 navItems.eq( $this.index() ).addClass( 'active' ); 457 458 return false; 459 }) 460 .on( 'touchend', function(){ return false; }); 461 } 462 }, 463 navigationUpdate = function( selector ) 464 { 465 var items = $( '#imagelightbox-nav button' ); 466 items.removeClass( 'active' ); 467 items.eq( $( selector ).filter( '[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"]' ).index( selector ) ).addClass( 'active' ); 468 }, 469 navigationOff = function() 470 { 471 $( '#imagelightbox-nav' ).remove(); 472 }, 473 474 475 // ARROWS 476 477 arrowsOn = function( instance, selector ) 478 { 479 var $arrows = $( '<button type="button" class="imagelightbox-arrow imagelightbox-arrow-left"></button><button type="button" class="imagelightbox-arrow imagelightbox-arrow-right"></button>' ); 480 481 $arrows.appendTo( 'body' ); 482 483 $arrows.on( 'click touchend', function( e ) 484 { 485 e.preventDefault(); 486 487 var $this = $( this ), 488 $target = $( selector + '[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"]' ), 489 index = $target.index( selector ); 490 491 if( $this.hasClass( 'imagelightbox-arrow-left' ) ) 492 { 493 index = index - 1; 494 if( !$( selector ).eq( index ).length ) 495 index = $( selector ).length; 496 } 497 else 498 { 499 index = index + 1; 500 if( !$( selector ).eq( index ).length ) 501 index = 0; 502 } 503 504 instance.switchImageLightbox( index ); 505 return false; 506 }); 507 }, 508 arrowsOff = function() 509 { 510 $( '.imagelightbox-arrow' ).remove(); 511 }; 512 513 514 // WITH ACTIVITY INDICATION 515 516 $( 'a[data-imagelightbox="a"]' ).imageLightbox( 517 { 518 onLoadStart: function() { activityIndicatorOn(); }, 519 onLoadEnd: function() { activityIndicatorOff(); }, 520 onEnd: function() { activityIndicatorOff(); } 521 }); 522 523 524 // WITH OVERLAY & ACTIVITY INDICATION 525 526 $( 'a[data-imagelightbox="b"]' ).imageLightbox( 527 { 528 onStart: function() { overlayOn(); }, 529 onEnd: function() { overlayOff(); activityIndicatorOff(); }, 530 onLoadStart: function() { activityIndicatorOn(); }, 531 onLoadEnd: function() { activityIndicatorOff(); } 532 }); 533 534 535 // WITH "CLOSE" BUTTON & ACTIVITY INDICATION 536 537 var instanceC = $( 'a[data-imagelightbox="c"]' ).imageLightbox( 538 {
539 quitOnDocClick: false, 540 onStart: function() { closeButtonOn( instanceC ); }, 541 onEnd: function() { closeButtonOff(); activityIndicatorOff(); }, 542 onLoadStart: function() { activityIndicatorOn(); }, 543 onLoadEnd: function() { activityIndicatorOff(); } 544 }); 545 546 547 // WITH CAPTION & ACTIVITY INDICATION 548 549 $( 'a[data-imagelightbox="d"]' ).imageLightbox( 550 { 551 onLoadStart: function() { captionOff(); activityIndicatorOn(); }, 552 onLoadEnd: function() { captionOn(); activityIndicatorOff(); }, 553 onEnd: function() { captionOff(); activityIndicatorOff(); } 554 }); 555 556 557 // WITH ARROWS & ACTIVITY INDICATION 558 559 var selectorG = 'a[data-imagelightbox="g"]'; 560 var instanceG = $( selectorG ).imageLightbox( 561 { 562 onStart: function(){ arrowsOn( instanceG, selectorG ); }, 563 onEnd: function(){ arrowsOff(); activityIndicatorOff(); }, 564 onLoadStart: function(){ activityIndicatorOn(); }, 565 onLoadEnd: function(){ $( '.imagelightbox-arrow' ).css( 'display', 'block' ); activityIndicatorOff(); } 566 }); 567 568 569 // WITH NAVIGATION & ACTIVITY INDICATION 570 571 var selectorE = 'a[data-imagelightbox="e"]'; 572 var instanceE = $( selectorE ).imageLightbox( 573 { 574 onStart: function() { navigationOn( instanceE, selectorE ); }, 575 onEnd: function() { navigationOff(); activityIndicatorOff(); }, 576 onLoadStart: function() { activityIndicatorOn(); }, 577 onLoadEnd: function() { navigationUpdate( selectorE ); activityIndicatorOff(); } 578 }); 579 580 581 // ALL COMBINED 582 583 var selectorF = 'a[data-imagelightbox="f"]'; 584 var instanceF = $( selectorF ).imageLightbox( 585 { 586 onStart: function() { overlayOn(); closeButtonOn( instanceF ); arrowsOn( instanceF, selectorF ); }, 587 onEnd: function() { overlayOff(); captionOff(); closeButtonOff(); arrowsOff(); activityIndicatorOff(); }, 588 onLoadStart: function() { captionOff(); activityIndicatorOn(); }, 589 onLoadEnd: function() { activityIndicatorOff(); $( '.imagelightbox-arrow' ).css( 'display', 'block' ); } 590 }); 591 592 }); 593 594</script>
594 595 596</body> 597</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.