CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Cache-control" content="public"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>privacy - Prime Creative Ltd</title> <meta name="description" content=""/> <meta name="keywords" content="privacy"/> <meta property="og:title" content="privacy - Prime Creative Ltd"> <meta property="og:description" content="privacy - Prime Creative Ltd"> <link rel="canonical" href="https://www.primecreative.com/pages/privacy"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <meta property="og:image" content=""> <meta name="robots" content="index" />  <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "LocalBusiness", "name" : "Prime Creative Ltd", "image" : "", "telephone" : "01422 340220", "email" : "info@primecreative.com", "address" : { "@type" : "PostalAddress", "streetAddress" : "Gemini House, 1, Roydlands Terrace", "addressLocality" : "Halifax", "addressRegion" : "West Yorkshire", "addressCountry" : "United Kingdom", "postalCode" : "HX3 8NG" } } </script> <link rel="publisher" href="">  <link rel="shortcut icon" href="https://www.primecreative.com/images/prime22/favicons/favicon.ico?v=2"> <link rel="apple-touch-icon" sizes="57x57" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://www.primecreative.com/images/prime22/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://www.primecreative.com/images/prime22/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.primecreative.com/images/prime22/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://www.primecreative.com/images/prime22/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.primecreative.com/images/prime22/favicons/favicon-16x16.png"> <link rel="manifest" href="https://www.primecreative.com/images/prime22/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://www.primecreative.com/images/prime22/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script src="https://www.google.com/recaptcha/api.js?render=6LfukrwlAAAAAGmQQx3Ci6aLyvChe94366FxYI-n" async defer></script> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet"> <script> history.scrollRestoration = "manual"; window.onunload = function(){ window.scrollTo(0,0); } </script>   <script type="module" src="https://www.primecreative.com/js/carousel.js"></script> <script type="module" src="https://www.primecreative.com/js/prime22.js" defer></script> <script src="https://www.primecreative.com/js/flickbook.js" defer></script>  <style> body{ padding: 0; margin: 0; overflow-x: hidden; font-family: 'gt-book'; } p, li{ color: #666; } a{ color: #595959; text-decoration: none } header .grid_item3 a{ margin-right: 1rem; } @media screen and (max-width: 49em) { /* header *{ text-align: right !important; } */ header img.img-responsive{ display: inline; } } .img-responsive{ display: inline-block; max-width: 100%; } .nav_banner{ background:transparent;; /* width: 100% ; */ margin-bottom: 0; text-align: center; } /* nav{ animation-duration: 3s; animation-name: slidein; } */ .nav_banner nav ul { list-style: none; margin: 0 20px 0 0; text-align: right; float: right; } header nav ul li{ padding:0; line-height: 35px; position: relative; } /* header nav ul li:after { content: "\007C"; position: absolute; top: 0.2rem; right: 0.5rem; font-size: 1.1rem; } header nav ul li:last-child:after{ content: ""; } */ @media screen and (min-width: 50em) { nav ul li{ display: inline-block; } } header nav ul li a{ color: #ffffff; padding: 0 10px; text-decoration: none; font-size: 1rem; position: relative; } header nav ul li a:hover{ color: #ffffff; font-weight: bold; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; text-decoration: none; touch-action: manipulation; cursor: pointer; border: none; white-space: nowrap; padding: 0.375rem 0.75rem; font-size: 0.875rem; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 1s; transition: 1s; } .btn-reverse{ color: #fff; background-color: #002F4D; border: 2px solid #fff; } .btn-reverse:active, .btn-reverse:hover { color: #B1D000; background-color: #fff; } .btn-group-lg>.btn, .btn-lg { padding: 1rem ; font-size: 1.25rem; line-height: 1.5; border-radius: 25px; } @media screen and (min-width: 50em) { .btn-group-lg>.btn, .btn-lg { padding: 0.75rem 2rem; } } /* grid system */ .grid_cols1, .grid_cols2, .grid_cols3, .grid_cols4, .grid_cols5 { display:block; padding:0.5rem; } @media screen and (max-width: 49em) { .left_small .grid_cols2{ display: grid; grid-template-areas: 'left' 'right'; } .left_small div.grid_item1{ grid-area: right; } .left_small div.grid_item2{ grid-area: left; } } @media screen and (min-width: 50em) { .grid_cols1, .grid_cols2, .grid_cols3, .grid_cols4, .grid_cols5 { display:grid; padding:0.75rem 1.25rem; grid-gap: 3.75rem; } .grid_cols1{ grid-template-columns:1fr; } .grid_cols2{ grid-template-columns:1fr 1fr; grid-template-areas: 'left right'; } .grid_cols3{ grid-template-columns: 1fr 1fr 1fr; grid-template-areas: 'left center right'; } .grid_cols4{ grid-template-columns:1fr 1fr 1fr 1fr; grid-template-areas: 'left1 left2 right1 right2'; } .grid_cols5{ grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-template-areas: 'left1 left2 center right1 right2'; } .left_big{ grid-template-columns:5fr 2fr; } .left_small{ grid-template-columns:2fr 5fr; } .left_small_switch{ grid-template-columns:5fr 2fr; } .left_small_switch div.grid_item1{ grid-area: right; } } @media screen and (min-width: 50em) { .left_big .grid_cols2{ grid-template-columns:5fr 2fr; } .left_small .grid_cols2{ grid-template-columns:2fr 5fr; } } .move1_1_3 .grid_item3{ text-align: right; } @media screen and (max-width: 50em) { .move1_1_3 { display: grid !important; grid-template-columns: 1fr 3fr 1fr; } } /* grid system */ .text_center{ text-align:center !important; } .container{ max-width:1325px; margin:auto; padding-left: 0.25rem; padding-right: 0.25rem; background: transparent; } .container .remove_left_right { margin-left: -0.25rem !important; margin-right: -0.25rem !important; padding-left: 0.25rem !important; padding-right: 0.25rem !important; } @media screen and (min-width: 1180px) { .container_half .textarea_block{ width:622px; /*float: right;*/ } } @media screen and (min-width: 50em) { .container{ padding-left: 1.5rem; padding-right: 1.5rem; } .container .remove_left_right { margin-left: -1.25rem !important; margin-right: -1.25rem !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; } } /* essential starter css */ /* nav colours */ header nav .submenu a { background: #ffffff; color: #4d4d4d; } header nav .submenu a:hover { background: #4d4d4d; color: #ffffff; } .submenu li{ line-height: 1.3; } /* .submenu{ padding-top: 1px !important; } */ /* nav colours */ /*social colours */ .socialLink a img{ width: 16px; height: 16px; } .socialLink { background-color: #B1D000; } .socialLink a { color: #fff } .socialLink a:hover { color: #002F4D } .socialLink:hover { background-color: #F88800; color: #002F4D } .socialLink:hover a { color: #002F4D } /*social colours */ </style> <link rel="stylesheet" href="https://www.primecreative.com/css/slick.css" /> <link rel="stylesheet" href="https://www.primecreative.com/css/slick-theme.css" /> <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=6045ff46f6067000116b046f&product=sop' async='async'></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/CSSRulePlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js"></script> </head> <body id="top" class="pages privacy "><header> <div class="nav_banner"> <div style="width: 100%; background-color:#B0B3B4;"> <nav id="main-nav" role="navigation"> <a href="https://www.primecreative.com/"> <img class="nav-logo" src="https://www.primecreative.com/images/prime22/utility/prime-logo-white.png" alt="Prime Logo"> </a> <div class="right-side"> <a href="https://www.primecreative.com/pages/projects"> <p class="mobile-none cta-chat" style="margin: auto;">Our Work</p> </a> <p id="hamburger" class="flex align-center"> <span class="mobile-none">Menu</span> <label id="hamburger-icon" for="check"> <input type="checkbox" id="check" /> <span></span> <span></span> <span></span> </label> </p> </div> </nav> </div> <div class="menu-overlay"> <div class="menu-overlay__inner"> <div class="container nav-over"> <div class="flex"><ul class="nav-items mainNav"><li class="aboutus-nav_item lvl1"><a class=" " href="https://www.primecreative.com/pages/about-us"><span class="inline">ABOUT US<div style="width: 0;" class="nav-anim"><span> <i class="fa-solid fa-chevron-right"></i></span></div> </span></a></li><li class="services-nav_item lvl1"><a class=" has_children nonlink" href="https://www.primecreative.com/pages/services"><span class="inline">SERVICES<div style="width: 0;" class="nav-anim"><span> <i class="fa-solid fa-chevron-right"></i></span></div> </span></a></li><li class="projects-nav_item lvl1"><a class=" " href="https://www.primecreative.com/pages/projects"><span class="inline">PROJECTS<div style="width: 0;" class="nav-anim"><span> <i class="fa-solid fa-chevron-right"></i></span></div> </span></a></li><li class="insights-nav_item lvl1"><a class=" " href="https://www.primecreative.com/pages/insights"><span class="inline">INSIGHTS<div style="width: 0;" class="nav-anim"><span> <i class="fa-solid fa-chevron-right"></i></span></div> </span></a></li><li class="jointheteam-nav_item lvl1"><a class=" " href="https://www.primecreative.com/pages/join-the-team"><span class="inline">JOIN THE TEAM<div style="width: 0;" class="nav-anim"><span> <i class="fa-solid fa-chevron-right"></i></span></div> </span></a></li><li class="contactus-nav_item lvl1"><a class=" " href="https://www.primecreative.com/pages/contact-us"><span class="inline">CONTACT US<div style="width: 0;" class="nav-anim"><span> <i class="fa-solid fa-chevron-right"></i></span></div> </span></a></li></ul><ul class="submenu list-unstyled nav-items"><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/digital-and-development" title=""><span>DIGITAL & DEVELOPMENT</span></a></div></li><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/literature" title=""><span>LITERATURE & COMPANY COLLATERAL</span></a></div></li><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/brand" title=""><span>BRANDING</span></a></div></li><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/video-and-animation" title=""><span>VIDEO, ANIMATION & CGI</span></a></div></li><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/exhibition" title=""><span>EXHIBITION</span></a></div></li><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/photography-and-filming" title=""><span>PHOTOGRAPHY</span></a></div></li><div class="submenu"><li><a class="" href="https://www.primecreative.com/pages/packaging" title=""><span>PACKAGING</span></a></div></li></ul> </div> </div> </div> </div> </div> </header> <section class="slider"> <div id="slider" class="sliderWrapper"> </div> </section> <script> </script> <section class="transition"> <div class="quicklinkstop"> </div> <div id="row_1043" class="row " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1406" > <img class=" img-responsive js-lazy-image" src="https://www.primecreative.com/images/trans.gif" data-src="" alt=""> </div></div> </div> <div id="row_1044" class="row " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1407" > <div class="textarea_block"><h1><span class="gotham-thin">Privacy Policy</span><span class="gotham-bold"></span></h1> </div> </div></div> </div> <div id="row_1045" class="row " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1408" > <div class="textarea_block"><p>This privacy policy sets out how Prime Creative Ltd uses and protects any information that you give Prime Creative Ltd when you use this website.</p> <p>Prime Creative Ltd is committed to ensuring that your privacy is protected. Should we ask you to provide certain information by which you can be identified when using this website, then you can be assured that it will only be used in accordance with this privacy statement.</p> <p>Prime Creative Ltd may change this policy from time to time by updating this page. You should check this page from time to time to ensure that you are happy with any changes. This policy is effective from 1st January 2017.</p> <p><strong>What we collect</strong></p> <p>We may collect the following information:</p> <ul> <li>name and job title</li> <li>contact information including email address</li> <li>demographic information such as postcode, preferences and interests</li> <li>other information relevant to customer surveys and/or offers</li> </ul> <p><strong>What we do with the information we gather</strong></p> <p>We require this information to understand your needs and provide you with a better service, and in particular for the following reasons:</p> <ul> <li>Internal record keeping.</li> <li>We may use the information to improve our products and services.</li> <li>We may periodically send promotional emails about new products, special offers or other information which we think you may find interesting using the email address which you have provided.</li> <li>From time to time, we may also use your information to contact you for market research purposes. We may contact you by email, phone, fax or mail. We may use the information to customise the website according to your interests.</li> </ul> <p><strong>Security</strong></p> <p>We are committed to ensuring that your information is secure. In order to prevent unauthorised access or disclosure, we have put in place suitable physical, electronic and managerial procedures to safeguard and secure the information we collect online.</p> <p><strong>How we use cookies</strong></p> <p>A cookie is a small file which asks permission to be placed on your computer's hard drive. Once you agree, the file is added and the cookie helps analyse web traffic or lets you know when you visit a particular site. Cookies allow web applications to respond to you as an individual. The web application can tailor its operations to your needs, likes and dislikes by gathering and remembering information about your preferences.</p> <p>We use traffic log cookies to identify which pages are being used. This helps us analyse data about web page traffic and improve our website in order to tailor it to customer needs. We only use this information for statistical analysis purposes and then the data is removed from the system.</p> <p>Overall, cookies help us provide you with a better website, by enabling us to monitor which pages you find useful and which you do not. A cookie in no way gives us access to your computer or any information about you, other than the data you choose to share with us.</p> <p>You can choose to accept or decline cookies. Most web browsers automatically accept cookies, but you can usually modify your browser setting to decline cookies if you prefer. This may prevent you from taking full advantage of the website.</p> <p><strong>Links to other websites</strong></p> <p>Our website may contain links to other websites of interest. However, once you have used these links to leave our site, you should note that we do not have any control over that other website. Therefore, we cannot be responsible for the protection and privacy of any information which you provide whilst visiting such sites and such sites are not governed by this privacy statement. You should exercise caution and look at the privacy statement applicable to the website in question.</p> <p><strong>Controlling your personal information</strong></p> <p>You may choose to restrict the collection or use of your personal information in the following ways:</p> <ul> <li>whenever you are asked to fill in a form on the website, look for the box that you can click to indicate that you do not want the information to be used by anybody for direct marketing purposes</li> <li>if you have previously agreed to us using your personal information for direct marketing purposes, you may change your mind at any time by writing to or emailing us at info@primecreative.com</li> </ul> <p>We will not sell, distribute or lease your personal information to third parties unless we have your permission or are required by law to do so. We may use your personal information to send you promotional information about third parties which we think you may find interesting if you tell us that you wish this to happen.</p> <p>You may request details of personal information which we hold about you under the Data Protection Act 1998. A small fee will be payable. If you would like a copy of the information held on you please email info@primecreative.com.</p> <p>If you believe that any information we are holding on you is incorrect or incomplete, please write to or email us as soon as possible, at the above address. We will promptly correct any information found to be incorrect.</p> <p><strong>Cookie Information</strong></p> <table class="table cookietable"> <tbody> <tr> <td><strong>Cookie Name</strong></td> <td><strong>Cookie Description</strong></td> <td><strong>Vendor</strong></td> </tr> <tr> <td>_ga</td> <td>Used to distinguish users.</td> <td>Google Analytics</td> </tr> <tr> <td>_gid</td> <td>Used to distinguish users.</td> <td>Google Analytics</td> </tr> <tr> <td>_gat</td> <td>Used to throttle request rate.</td> <td>Google Analytics</td> </tr> <tr> <td>ci_session</td> <td>Used to maintain a user state during a browser session</td> <td>Codeigniter</td> </tr> <tr> <td>csrf_cookie_name</td> <td>Used to ensure form submissions are not from external sources</td> <td>Codeigniter</td> </tr> </tbody> </table> <p> </p> </div> </div></div> </div> </div> <div class="searchFS"> <div class="close"><button name="close" class="close">脳</button></div> <div class="search_box_block"><form action="https://www.primecreative.com/pages/search" id="search_form" method="post" accept-charset="utf-8"> <input type="hidden" name="search_type" value="full_search" /> <div class="input-group "> <input type="text" name="search" class="form-control" placeholder="Search for..."> <span class="input-group-btn"> <img id="search_box_submit" width="50px" src="https://www.primecreative.com/images/cocolola/search.png" alt="Search our website"> </span> </div> </form> </div> <style> .header_middle .input-group { margin-top: 35px; margin-left: 0; } .input-group { display: table; border-collapse: separate; } .input-group, .input-group-btn, .input-group-btn>.btn { position: relative; } .input-group-btn { font-size: 0; white-space: nowrap; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group, .input-group-btn, .input-group-btn>.btn { position: relative; } </style> </div> <div id="row_1130" class="row fullwidth_row"> <a href="https://www.primecreative.com/pages/contact-us"> <div class="grid_cols2"> <div class="grid_item1" id="block1536"> <div class="textarea_block"> <p>Discuss a project with us</p> </div> </div> <div class="grid_item2" id="block1537"> <img clss="img-responsive js-lazy-image js-lazy-image--handled" src="https://testing.primecreative.com/prime22/public_html/uploads/admin-sub/images/utility/long-arrow.png" data-src="https://testing.primecreative.com/prime22/public_html/uploads/admin-sub/images/utility/long-arrow.png" alt="Long Arrow" style="transform: translate(0px, 0px);"> </div> </div> </a> </div> <footer> <div class="footertop"> <div class="grid_cols2"> <div class="flex align-center mobile-center"> <a href="https://www.primecreative.com/"> <img src="https://www.primecreative.com/images/prime22/utility/footer-logo.png"> </a> </div> <div> <p class="footertext text-right flex mobile-center"> <a href="https://www.instagram.com/_primecreativedesign/"> <i class="fa-brands fa-instagram"></i> </a> <a href="https://www.facebook.com/primecreative22"> <i class="fa-brands fa-facebook-f"></i> </a> <a href="https://twitter.com/primecreative_2"> <i class="fa-brands fa-twitter"></i> </a> <a href="https://www.linkedin.com/company/prime-creative/"> <i class="fa-brands fa-linkedin"></i> </a> </p> </div> </div> </div> </div> <div class="footerbottom"> <div class="grid_cols2 flex space-between"> <div><p class="footertext">Registered Address:<br /><a href="https://www.google.com/maps/place/Croft+Myl,+W+Parade,+Halifax+HX1+2EQ/@53.720489,-1.8646419,17z/data=!4m6!3m5!1s0x487bc2abd2979df5:0xe43f2573ddb55a49!8m2!3d53.7194979!4d-1.8662483!16s%2Fg%2F11ckw28wx7" target="_blank">Croft Myl, West Parade, Halifax, West Yorkshire, England HX1 2EQ</a></p></div> <div><p class="footertext">Contact us on:<a href="01422 340220" class="mobileNumber"><br/>01422 340220</a> / <a href="mailto:info@primecreative.com">info@primecreative.com</a></p></div> <div class="flex align-center"> <nav class="footertext" > <a href="https://www.primecreative.com/pages/cookies">Cookies /   </a> <a href="https://www.primecreative.com/pages/privacy">Privacy Policy /   </a> <a href="https://www.primecreative.com/pages/removal-of-details">Removal of Details  </a> </nav> </div> </div> </div>  </footer> </div><style defer> img.hover_image_fade { opacity: 1; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; } img.hover_image_fade:hover { opacity: 0; } </style></section> <a id="homelink" href="https://www.primecreative.com/srl/public_html/"></a>  <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox-plus-jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.css" rel="stylesheet" /> <script defer> var google_captcha_site_key = "6LfukrwlAAAAAGmQQx3Ci6aLyvChe94366FxYI-n"; </script> <script data-main="https://www.primecreative.com/js/main_prime22.js" src="https://www.primecreative.com/js/require.js" defer></script> <script type="module" src="https://www.primecreative.com/js/require.js" defer></script> <script type="module"> import LazyLoad from "https://www.primecreative.com/js/plugins/lazy-load.js"; LazyLoad.init(); </script> <noscript id="deferred-styles"> <link href="https://www.primecreative.com/css/prime22.css?v1.32" rel="stylesheet"> <link href="https://www.primecreative.com/css/sass/prime22sass.css?v1.31" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;700&display=swap" rel="stylesheet"> </noscript> <script> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement); addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles); </script> <script> // build scene new ScrollMagic.Scene({ triggerElement: ".titlerow", triggerHook: 0.9, // show, when scrolled 10% into view duration: "80%", // hide 10% before exiting view (80% + 10% from bottom) offset: 50 // move trigger to center of element }) .setClassToggle(".titlerow > div", "visible") // add class to reveal .addIndicators() // add indicators (requires plugin) .addTo(controller); </script> </body> </html>