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>Digital & Development - Prime Creative Ltd</title> <meta name="description" content=""/> <meta name="keywords" content="Digital & Development"/> <meta property="og:title" content="Digital & Development - Prime Creative Ltd"> <meta property="og:description" content="Digital & Development - Prime Creative Ltd"> <link rel="canonical" href="https://www.primecreative.com/pages/digital-and-development"> <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>   <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 digital-and-development "><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 page_on 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_1295" class="row videobanner" style=" background-color: #B0B3B4; " ><div class="container grid_cols1"> <div class="grid_item1 " id="block1729" > <div class="video_banner"><div class="video_banner-text not-homepage"><h1><span class="gotham-thin">Digital Services</span><span class="gotham-bold"></span></h1><div class="1729"></div> </div> </div> </div></div> </div> <div id="row_1296" class="row services-toptext" ><div class="container grid_cols1"> <div class="grid_item1 " id="block1730" > <div class="textarea_block"><p style="text-align: center;">We have been building websites and marketing them to the masses since 1999, so with 20+ years of experience, we consider ourselves to have the knowledge required to build not only visually impressive sites but functional sites with a good overall user experience.<br /><br /><span class="small medium_text">We don't have lengthy licensing restrictions as all of our apps and websites are written using open source code, this means you always own your website and the code base and associated documentation is publicly available and able to be worked on by any proficient PHP developer. We don't believe in binding you to us for the lifecycle of your website or application and operate with complete transparency.</span></p> <p style="text-align: center;"><a href="#row_1297"><img src="https://www.primecreative.com/uploads/prime22-sub/Homepage%20Images/arrow-down.png" alt="" width="53" height="53" style="display: block; margin-left: auto; margin-right: auto;" /></a></p> </div> </div></div> </div> <div id="row_1297" class="row flickbookarea" ><div class="container grid_cols2"> <div class="grid_item1 " id="block1731" > <div class="textarea_block"><p><span data-preserver-spaces="true" class="bigger_text">Websites</span></p> <p><span data-preserver-spaces="true">All of the websites we build have a fully integrated content management system behind them, this enables you to amend your site as and when required. Our websites are built for organic growth with a solid basis. As you would expect, our websites are responsive, so they adapt to work well on desktops, mobiles phones/tablets. We have our own custom built CMS which we recommend and use for most of our clients, this is a robust system which is built with scalability in mind, meaning if you need a feature and we don't currently have it, we have the resources to add it in to your CMS and make it readily available for use site-wide. We can also build sites in many "off the shelf" solutions such as Magento, WordPress, WooCommerce and Shopify although these are often a little more limiting than our CMS, sometimes requiring multiple plugins to achieve the intended solution. We will always advise what we think is best for your needs and ease of maintenance moving forwards.</span></p> <p>Our websites are open source so they are your property and not reliant on our infrastructure, these can be hosted with us or with an external provider, we can provide specifications of our CMS to any hosting provider to ensure compatibility and we are always happy to liaise with your internal or external IT department/provider to ensure the smooth continuous operation of your website.</p> <p>So, whether you require a collateral showcase site or a full e-commerce online shopping site, our team can advise on how to best approach the project and generate the desired outcome.</p> <p>Our digital developers can also develop tools such as intranets, apps, interactive showrooms, games and more, depending on what will best suit your business. If you're not quite sure what forms of digital media may be helpful to your business, our marketing and development team can offer expert advice on what would best suit your needs.<br /><br /></p> <p></p> <p><a class="cta-chat" href="https://www.primecreative.com/pages/contact-us">Let's chat</a></p> <p><span class="bigger_text"></span></p> <p><br /><span class="bigger_text"><br />Digital Marketing<br /><br /></span>We can also work with you on digital marketing activities to drive users to your website and other media. This may be social media, Google ads campaigns, email marketing, online advertising and much more, depending on which has the best impact on your target audience.</p> <p>For all activities, we can help you get set up and steer you in the right direction or manage your campaigns, ads, tweets and posts for you on a continual basis. Digital marketing is one of the most powerful PR tools at the moment. If used correctly, it can go a long way to increasing brand recognition, connecting you with your customers, and connecting your customers to you.</p> <p></p> <p><a class="cta-chat" href="https://www.primecreative.com/pages/contact-us">Let's chat</a></p> </div> </div> <div class="grid_item2 " id="block1732" > <div class="container flickbook"> <div style="background-color:" class="flickbook-overlay"> <img class="img-responsive" src="https://www.primecreative.com/images/prime22/background/blankmac.png"> <img class="screen-slider" name="slider" width="600" height="480"> </div> <div class="flickbook-images"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/opulental.png"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/euro.png"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/HattieGeorge.png"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/prime22-sub/projects/hanson-plywood/hanson-2.jpg"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/WR-web-screen.jpg"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/opulental.png"><img class="flickbook-item" width="600" height="480" src="https://www.primecreative.com/uploads/Stainless-web-screen.jpg"> </div> </div> </div></div> </div> <div id="row_1298" class="row see-more" ><div class="container grid_cols1"> <div class="grid_item1 " id="block1733" > <div class="textarea_block"><p>See relevant projects</p> </div> </div></div> </div> <div id="row_1299" class="row fullwidth_row projectssection" ><div class=" grid_cols1"> <div class="grid_item1 " id="block1734" > <div class="projects_container grid_cols2"> <a class=" project-link project-digital--development project-literature-and-company-collateral project-exhibitions project-branding project-video-animation-and-walkthroughs" href="https://www.primecreative.com/casestudies/item/hanson-plywood"> <div style="position: relative" class="projects_container-outer"> <div class="projects_container-overlay"> <div class="text"> <h3 class="title">Hanson Plywood<h3> <p class="body"><p><span>Branding & Brand Management, Showroom, </span>Web Design & Development, Photography, Print, Animation, Video, Exhibitions and Graphic Design</p></p> </div> </div> <img height="150px" class="img-responsive projects projects1 js-lazy-image" src="" data-src="https://www.primecreative.com/uploads/prime22-sub/projects/hanson-plywood/hanson-thumbnail.jpg" alt="Hanson Plywood"> </div> </a> <a class=" project-link project-digital--development project-literature-and-company-collateral" href="https://www.primecreative.com/casestudies/item/nhs"> <div style="position: relative" class="projects_container-outer"> <div class="projects_container-overlay"> <div class="text"> <h3 class="title">NHS<h3> <p class="body"><p><span>Brand Management, Banners, Newsletters, Email Campaigns, Social Media and Internal </span>Communications</p></p> </div> </div> <img height="150px" class="img-responsive projects projects2 js-lazy-image" src="" data-src="https://www.primecreative.com/uploads/prime22-sub/projects/nhs/nhs%20thumbnail.jpg" alt="NHS"> </div> </a> </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> </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>