CINXE.COM
Contact Us - Prime Creative
<!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>Contact Us - Prime Creative</title> <meta name="description" content="Make an enquiry through our contact form below or if you prefer get in touch via telephone. Contact Us, lets talk!"/> <meta name="keywords" content="Contact Us"/> <meta property="og:title" content="Contact Us - Prime Creative"> <meta property="og:description" content="Make an enquiry through our contact form below or if you prefer get in touch via telephone. Contact Us, lets talk!"> <link rel="canonical" href="https://www.primecreative.com/pages/contact-us"> <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" /> <!-- JSON-LD markup generated by Google Structured Data Markup Helper. --> <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=""> <!-- Favicons --> <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> <!-- Global site tag (gtag.js) - Google Analytics --> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-9ZL2HYQBD8"></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> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-218426645-1"></script> --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-G9CYXD5JMD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-G9CYXD5JMD'); </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 contact-us "><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 page_on 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_1197" class="row " style=" background-color: #B0B3B4; " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1617" > <div class="video_banner"><div class="video_banner-text not-homepage"><h1><span class="gotham-thin">Contact </span><span class="gotham-bold"></span></h1><div class="1617"></div> </div> </div> </div></div> </div><!-- row outer close --> <div id="row_1205" class="row lightpurple-bg" ><div class="container grid_cols1"> <div class="grid_item1 " id="block1625" > <div class="textarea_block"><p style="text-align: center;">We'd love to hear from you</p> <p style="text-align: center;"><a href="tel:01422340220">T: 01422 340220</a> | <a href="mailto:info@primecreative.com">E: info@primecreative.com</a></p> <p></p> <p style="text-align: center;"><a href="#row_1206"><img src="https://www.primecreative.com/uploads/prime22-sub/Homepage%20Images/arrow-down.png" alt="" width="53" height="53" /></a></p> </div> </div></div> </div><!-- row outer close --> <div id="row_1206" class="row " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1626" > <div class="textarea_block"><p>Alternatively, fill in our contact form</p> <p>A member of our team will be in touch as soon as possible.</p> </div> </div></div> </div><!-- row outer close --> <div id="row_898" class="row " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1192" ><div class="form_block"><div class="contact-content"> <div class="contact-content__block1"> </div><div class="contact-content__block2"> </div> </div><form action="https://www.primecreative.com/form/custom" id="contactform" class="quick_form_check remove_bottom" data-validate_list="options_selected_agree_to_retaining,options_selected_agree_to_direct_marketing,options_selected_agree_to_further_reading,formfield_366,formfield_367,formfield_368,formfield_369,formfield_370,formfield_371,formfield_375" enctype="multipart/form-data" method="post" accept-charset="utf-8"> <input type="hidden" name="form_name" value="enquiry" /> <input type="hidden" name="form_type" value="" /> <input type="hidden" name="form_id" value="8" /> <input type="hidden" name="page" value="https://www.primecreative.com/pages/contact-us" /> <div class="formWrap"> <div class="fields"> <div><input type="text" name="formfield_366" value="" id="formfield_366" title="" placeholder="Full name*" class="form-control defaultText " /> </div><div><input type="text" name="formfield_367" value="" id="formfield_367" title="" placeholder="Company*" class="form-control defaultText " /> </div><div><input type="text" name="formfield_368" value="" id="formfield_368" title="" placeholder="Email*" class="form-control defaultText " /> </div><div><input type="text" name="formfield_369" value="" id="formfield_369" title="" placeholder="Telephone*" class="form-control defaultText " /> </div><div><textarea name="formfield_370" cols="40" rows="10" id="formfield_370" title="" placeholder="Enquiry*" class="form-control defaultText " ></textarea> </div><div class="checkbox"><input type="checkbox" name="formfield_371" value="Array" class=" form-control defaultText" id="formfield_371" /> </p><label class="label-text" for="formfield_371"><div data-id="label-check" class="label-check"><p style="display: none;" id="cross">X</p></div>I consent for my information to be used by Prime Creative for direct marketing purposes.</label></div><div class="checkbox"><input type="checkbox" name="formfield_375" value="Array" class=" form-control defaultText" id="formfield_375" /> </p><label class="label-text" for="formfield_375"><div data-id="label-check" class="label-check"><p style="display: none;" id="cross">X</p></div>By entering your information you agree to us retaining your details to send you information on our services/products. We will not share your details with third parties. You can request your details to be removed at any time. You can read more about how your details are used, on our privacy policy.</label></div> </div> <div class="acceptance add_top"> <!-- <input id="options_selected_agree_to_further_reading" class="checkbox-custom" name="options_selected_agree_to_further_reading" type="checkbox"> <label for="options_selected_agree_to_further_reading" class="checkbox-custom-label"> I understand I can read further about how my details are used on this website by <a href="pages/privacy">visiting this</a>. </label> --> <input type="hidden" name="g-recaptcha-response" class="g-recaptcha-response" value=""><button type="submit" class="cta-chat">Submit</button> </div> </div></form> </div> </div></div> </div><!-- row outer close --> <div id="row_1207" class="row fullwidth_row lightpurple-bg" ><div class=" grid_cols1"> <div class="grid_item1 " id="block1627" > <div class="instagram-top container"> <h2 class="subtitle"><p>The latest from Instagram <a href="https://www.instagram.com/_primecreativedesign/">@_primecreativedesign</a></p></h2> </div> <div id="slick-ig"></div> </div></div> </div><!-- row outer close --><div class="gridInsta"> </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> <!-- <div class="copyright"> <div class="container"> <div class="grid_cols1"> <a href="https://www.primecreative.com/" style="text-align: right;" target="_blank"> Website By Prime Creative </a> </div> </div> </div> --> </footer> </div><style defer> </style></section> <a id="homelink" href="https://www.primecreative.com/srl/public_html/"></a> <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/elevatezoom/3.0.8/jquery.elevatezoom.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybo<!-- <link href="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css" rel="stylesheet" /> --> <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>