CINXE.COM

NHS - Prime Creative Ltd

<!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>NHS - Prime Creative Ltd</title> <meta name="description" content=""/> <meta name="keywords" content="NHS"/> <meta property="og:title" content="NHS - Prime Creative Ltd"> <meta property="og:description" content="NHS - Prime Creative Ltd"> <link rel="canonical" href="https://www.primecreative.com/casestudies/item/nhs"> <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> --> <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="casestudies item "><header> <div class="nav_banner"> <div style="width: 100%; background-color:#006634;"> <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="project-inner"><div class="project-banner-row"> <div style="background-color:#006634"> <div class="container grid-cols1"> <div class="video_banner"> <div class="video_banner-text"> <h1><span class="gotham-thin">NHS</span> <span class="gotham-bold"></span></h1><div class="379"><p><span>Brand Management,&nbsp;Banners, Newsletters, Email Campaigns,&nbsp;Social Media and Internal&nbsp;</span>Communications</p></div></div> </div> </div> </div> <div class="image_section image-section margin-top"> <img class="img-responsive" style="width: 1350px; margin: 0 auto;" src="https://www.primecreative.com/uploads/prime22-sub/projects/nhs/Prime_Projects%20-%20NHS_poster%202.jpg"> </div> </div><div class="container grid_cols2"> <div class="project-textbox"> <p>An interesting project encouraging NHS staff to be 'green heroes in the workplace. Factual statistics supported the internal and external campaigns to encourage change.</p> <p></p> </div> </div> <div class="image_section image-section margin-top"> <img class="img-responsive" style="width: 1350px; margin: 0 auto;" src="https://www.primecreative.com/uploads/prime22-sub/projects/nhs/Prime_Projects%20-%20NHS-04.jpg"> </div> <div class="image_section image-section"> <img class="img-responsive" style="width: 1350px; margin: 0 auto;" src="https://www.primecreative.com/uploads/prime22-sub/projects/nhs/Prime_Projects%20-%20NHS%202_newsletter.jpg"> </div><div class="container grid_cols2"> <div class="project-textbox"> <p>The campaign was promoted through various media channels. The general public was informed of the changes taking place through posters and banners within medical facilities. Staff were kept updated with email campaigns and newsletters, among other items.</p> </div> </div><div class="image_section image-section"> <img class="img-responsive" style="width: 1350px; margin: 0 auto;" src="https://www.primecreative.com/uploads/prime22-sub/projects/nhs/Prime_Projects%20-%20NHS_social.jpg"> </div><div class="container grid_cols2"> <div class="project-textbox"> <p>The visual experience was fun, engaging and empowering.</p> </div></div> <div class="image_section image-section"> <img class="img-responsive" style="width: 1350px; margin: 0 auto;" src="https://www.primecreative.com/uploads/prime22-sub/projects/nhs/Prime_Projects%20-%20NHS_banner.jpg"> </div><div class="container grid_cols2 margin-bottom"> <div class="project-textbox"> </div> <div class="project-textbox caption align-right"> <p> <a class="small-text" target="_blank" href="https://"> </a> </p> </div> </div><div class="projects-section"><h2 class="subtitle" style="max-width: 1200px; margin: auto; padding-bottom: 3rem;">See more projects</h2> <div class="projects_container grid_cols2"> <a class=" project-link" 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&nbsp;&amp; Brand Management, Showroom,&nbsp;</span>Web Design &amp; 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="https://www.primecreative.com/uploads/prime22-sub/projects/hanson-plywood/hanson-thumbnail.jpg" data-src="" alt="Hanson Plywood"> </div> </a> <a class=" project-link" href="https://www.primecreative.com/casestudies/item/acorn-web-offset"> <div style="position: relative" class="projects_container-outer"> <div class="projects_container-overlay"> <div class="text"> <h3 class="title">Acorn Web Offset<h3> <p class="body"><p>Web Design &amp; Development, Video, Animation, Graphic Design, Copywriting, Google Ad Words</p></p> </div> </div> <img height="150px" class="img-responsive projects projects2 js-lazy-image" src="https://www.primecreative.com/uploads/project%20media/Acorn/Acorn-main-img.jpg" data-src="" alt="Acorn Web Offset"> </div> </a> </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 / &nbsp; </a> <a href="https://www.primecreative.com/pages/privacy">Privacy Policy / &nbsp; </a> <a href="https://www.primecreative.com/pages/removal-of-details">Removal of Details&nbsp; </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>

Pages: 1 2 3 4 5 6 7 8 9 10