D&TTV - video website for membership

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"> <head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=9" /><meta name="description" content="The Design and Technology Association needed a video platform that would engage and communicate with their members, and help make the organisation a knowledge hub for pupils and teachers in the Design and Technology industry." /><title> D&TTV - video website for membership </title> <link id="ctl00_ctl00_canonicalTag" rel="canonical" href="/portfolio/dttv" /><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript" src="/CoreCode/JavaScript/angularjs/angular.js"></script><script type="text/javascript" src="/CoreCode/JavaScript/angularjs/angular-sanitize.js"></script><script type="text/javascript" src="/CoreCode/JavaScript/angularjs/angular-animate.js"></script><script type="text/javascript" src="https://use.typekit.net/amh5sop.js"></script><script type="text/javascript" src="/CMS_Themes/Senior/js/site.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.5.8/slick.min.js"></script><script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script><link type="text/css" rel="stylesheet" href="/Javascript/slick/slick.css" /><link type="text/css" rel="stylesheet" href="/Javascript/slick/slick-theme.css" /><link type="text/css" rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" /><link type="text/css" rel="stylesheet" href="/CMS_Themes/Senior/Css/site.css?v=3" /><script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script><script type="text/javascript" src="/JavaScript/ThrowPropsPlugin.min.js"></script><script type="text/javascript" src="/CoreCode/JavaScript/lib/jquery.waypoints/waypoints.min.js"></script><script type="text/javascript" src="/CoreCode/JavaScript/jquery.senior/jquery.senior.twitter.js"></script><link type="image/x-icon" rel="icon" href="/favicon.ico" /><link type="image/x-icon" rel="shortcut icon" href="/favicon.ico" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><script type="text/javascript" src="/Corecode/Javascript/jquery.datatables/jquery.dataTables.js"></script><link type="text/css" rel="stylesheet" href="/Corecode/Javascript/jquery.datatables/jquery.dataTables.css" /><link type="text/css" rel="stylesheet" href="/Corecode/Javascript/jquery.datatables/jquery.dataTables_themeroller.css" /><script type="text/javascript" src="/WebResource.axd?d=s35_JpNoUwcBihtPRwzX6C__yUv9FvEnHJpcSKyS6gWspiKlwNioHbQgNqX2vN3iLLu0_HIpdjfTyHKg3YyLi7l9_pcChY61ip6UPvJFs0bCXT2Ir6_ux9pr20hDcEEmJJwj2Fw3nufsNq9yG7K40QyT2TKijc6-wNnF8eb1f9X3YlXK7RdboyoRiNQ_h5xG0&t=638271955440000000"></script><script type="text/javascript" src="/CoreCode/Javascript/knockout/build/output/knockout-latest.js"></script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script><link type="text/css" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/smoothness/jquery-ui.css" /><script type="text/javascript" src="/CoreCode/Modules/Callouts/ListingsCallout/ListingsCalloutWidget.js"></script></head> <body id="ctl00_ctl00_bodyTag"> <form name="aspnetForm" method="post" action="/portfolio/DTTV" id="aspnetForm"> <script src="/CoreCode/Javascript/Client.js" type="text/javascript"></script> <script src="/CoreCode/JavaScript/Cart-Services.js" type="text/javascript"></script> <input name="__RequestVerificationToken" type="hidden" value="S4-IxxYlzvBzlkdd0ACe2dj2rJC4paWxy0VcevWetuwAoIzRdffj3TbidE4DZRd_KAEPTVDWYXEQ4dIQ9xwWK3Ilr9S7mFEgHms71IYuHq81" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-29V0E0VNVM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-29V0E0VNVM'); </script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=G-29V0E0VNVM" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript>   <script>try { Typekit.load(); } catch (e) { }</script> <div class="scroll_wrapper"> <div class="site_wrapper"> <div class="row row_full row__header"> <a href="/" class="header_logo"><img src="/AppImages/senior/senior_logo.svg" width="140" alt="Senior Internet" /></a> <span class="nav_btn_toggle"> <svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 50 50"> <g transform="translate(0,-1002.4)"> <path id="ham_open" style="fill:#000000" d="m0 1040.2h50v12.2h-50zm0-18.9h50v12.2h-50zm0-18.9h50v12.2h-50z"/> <path id="ham_close" style="fill:#000000" d="m11.578 3l-8.5995 8.6 13.396 13.396-13.386 13.404 8.627 8.6 13.373-13.391 13.391 13.391 8.6-8.6-13.397-13.396 13.389-13.404-8.627-8.6-13.375 13.391-13.391-13.391z" transform="translate(0,1002.4)"/> </g> </svg> </span> <div class="main_nav"> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$ResponsiveNav1$hdnDelayOpen" id="ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_hdnDelayOpen" value="0" /> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$ResponsiveNav1$hdnDelayClose" id="ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_hdnDelayClose" value="500" /> <div id="ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlPanelNav" class="nav"> <span class='nav_btn_toggle'></span> <ul class="nav_root"> <li class='has_children page_38338' data-page_level='1'><a href='/Home' title='' data-description='A digital agency specialising in website development and marketing to membership associations throughout the UK. Chat with us to see how we can improve your website.'>Home</a><span class='has_children_expand'></span><span class='nav_group parent_38338'><span class='nav_group_folder'><span class='nav_group_header'></span></span></span></li> <li class='has_children page_51647' data-page_level='1'><a href='/services' title='' data-description=''>What we do</a><span class='has_children_expand'></span><span class='nav_group parent_51647'><span class='nav_group_folder'><span class='nav_group_header'></span><span class='nav_level_3'><a class='nav_group_item pg_allservices' href='/services' title='All services' data-description='Discover what services Senior can offer to your membership organisation.'>All services</a><span class='nav_level_3_items'><a class='nav_item' href='/MemberBase-CRM' title='MemberBase CRM'>MemberBase CRM</a></span></span><a class='nav_group_item pg_membershipwebsitedevelopment' href='/services/membership-website-development' title='Membership website development' data-description='Whether you’re looking to increase membership growth, encourage renewals or simply find a smarter way to market to your members, a website with us has proved to be the best choice for associations.'>Membership website development</a><span class='nav_level_3'><a class='nav_group_item pg_offlinemarketing' href='/services/offline-marketing' title='Offline marketing' data-description='Print and offline marketing means your organisation can reach members in an impactful, memorable, more personal way.'>Offline marketing</a><span class='nav_level_3_items'><a class='nav_item' href='/services/offline-marketing/reports-and-magazines' title='Reports and magazines'>Reports and magazines</a><a class='nav_item' href='/services/offline-marketing/events-and-materials' title='Events and materials'>Events and materials</a><a class='nav_item' href='/services/offline-marketing/branding-and-stationery' title='Branding and stationery'>Branding and stationery</a></span></span><a class='nav_group_item pg_cpdmanagement' href='/services/cpd-management' title='CPD management' data-description='Designed with the user in mind, RiverCPD allows your members to grow and develop their own way in their own time.'>CPD management</a></span></span></li> <li class='has_children page_31711' data-page_level='1'><a href='/about-senior' title='' data-description=''>Who we are</a><span class='has_children_expand'></span><span class='nav_group parent_31711'><span class='nav_group_folder'><span class='nav_group_header'></span><a class='nav_group_item pg_aboutus' href='/About-Senior' title='About us' data-description='Senior Internet is an award-winning full service digital and creative agency. Nice to meet you.'>About us</a><a class='nav_group_item pg_ourprocess' href='/Our-process' title='Our process' data-description='Lots of hard work and years of experience go into each of our projects. Discover how we work'>Our process</a><span class='nav_level_3'><a class='nav_group_item pg_theseniorteam' href='/the-senior-team' title='The Senior team' data-description='Meet the dedicated and talented team behind every project.'>The Senior team</a><span class='nav_level_3_items'><a class='nav_item' href='/The-Senior-Team-NEW' title='The Senior Team NEW'>The Senior Team NEW</a></span></span><a class='nav_group_item pg_awards' href='/Awards' title='Awards' data-description='We’re a multi-award winning digital agency, check out our trophy cabinet.'>Awards</a><a class='nav_group_item pg_history' href='/history' title='History' data-description='From humble beginnings we have always ensured we deliver quality service.'>History</a></span></span></li> <li class='has_children page_31918' data-page_level='1'><a href='/Our-community' title='' data-description='We’re proud to say that over the years we have developed and refined our software specifically with membership organisations in mind. Here is your knowledge hub for all things membership.'>Our community</a><span class='has_children_expand'></span><span class='nav_group parent_31918'><span class='nav_group_folder'><span class='nav_group_header'></span><a class='nav_group_item pg_therivercommunity' href='/Our-Community' title='The River Community' data-description=''>The River Community</a><a class='nav_group_item pg_benefits' href='/Benefits-of-Senior' title='Benefits' data-description='Discover exactly why you should use a multi-award winning, digital and creative agency like us!'>Benefits</a><a class='nav_group_item pg_clientdirectory' href='/Client-directory' title='Client directory' data-description='These are the organisations who have joined our River community over the past decade.'>Client directory</a><a class='nav_group_item pg_industrynews' href='/Industry-news' title='Industry news' data-description='Here’s your hub for the latest industry news from the membership and digital world.'>Industry news</a><span class='nav_level_3'><a class='nav_group_item pg_websitecostcalculator' href='/website-cost-calculator' title='Website cost calculator' data-description='How much should you spend on a website? How much will a bespoke website from a multi-award winning agency cost?'>Website cost calculator</a><span class='nav_level_3_items'></span></span></span></span></li> <li class=' page_76091' data-page_level='1'><a href='/News' title='' data-description=''>News</a></li> <li class='has_children selected page_31931' data-page_level='1'><a href='/portfolio' title='' data-description='We’ve produced over 40 web projects for membership organisation just like yours and we’re well equipped to take your membership website presence to the next level.'>Portfolio</a><span class='has_children_expand'></span><span class='nav_group parent_31931'><span class='nav_group_folder'><span class='nav_group_header'></span><a class='nav_group_item pg_academyofmedicaleducatorsnew' href='/portfolio/Academy-of-Medical-Educators' title='Academy of Medical Educators (New)' data-description=''>Academy of Medical Educators (New)</a><a class='nav_group_item pg_associationofcostlawyers' href='/portfolio/ACL' title='Association of Cost Lawyers' data-description='The ACL's goal is to encourage new professionals into the costs lawyer industry, and their membership offers training and a hive of information about the profession.'>Association of Cost Lawyers</a><a class='nav_group_item pg_charteredsocietyofforensicsciences' href='/portfolio/CSFS' title='Chartered Society of Forensic Sciences ' data-description='CSFS's choice of Microsoft Dynamics CRM and Senior's membership CRM have reduced administration overheads and streamlined manual processes. The site is an integral tool for members.'>Chartered Society of Forensic Sciences </a><a class='nav_group_item pg_childrenscancerandleukaemiagroup' href='/portfolio/CCLG' title='Children's Cancer and Leukaemia Group' data-description='The CCLG’s main aim is to ease the stress and anguish of the process, and they have lots of different and fun methods of helping out their members.'>Children's Cancer and Leukaemia Group</a><a class='nav_group_item pg_dttv' href='/portfolio/DTTV' title='D&TTV' data-description='The Design and Technology Association needed a video platform that would engage and communicate with their members, and help make the organisation a knowledge hub for pupils and teachers in the Design and Technology industry.'>D&TTV</a><a class='nav_group_item pg_digitalgrowthprogramme' href='/portfolio/Digital-Growth-Programme' title='Digital Growth Programme' data-description='The Digital Growth Programme host a range of events and training workshops available for eligible delegates in the East Midlands. They aim to help small businesses improve their online presence and repertoire.'>Digital Growth Programme</a><a class='nav_group_item pg_grainandfeedtradeassociation' href='/portfolio/Gafta' title='Grain and Feed Trade Association' data-description='Training, contracts, arbitration, events, news; you name it, GAFTA's membership website provides it for their members.'>Grain and Feed Trade Association</a><a class='nav_group_item pg_institutionoffireengineers' href='/portfolio/IFE' title='Institution of Fire Engineers' data-description='The IFE is a registered charity founded in 1918. The IFE assesses knowledge of fire and professional experience, awarding internationally recognised membership grades and fire-related qualifications.'>Institution of Fire Engineers</a><a class='nav_group_item pg_newsworks' href='/portfolio/Newsworks' title='Newsworks' data-description='Supporting the rebranding of newspapers to ‘Newsbrands’; the site had to present downloadable content for Newsworks' members in the media industry and those with an interest in Newsbrands.'>Newsworks</a><a class='nav_group_item pg_nuclearinstitute' href='/portfolio/Nuclear-Institute' title='Nuclear Institute' data-description='For the NI, the education and training of nuclear professionals is of paramount importance, while providing the public with vital information about the nuclear industry.'>Nuclear Institute</a><a class='nav_group_item pg_meetingsindustryassociation' href='/portfolio/MIA' title='Meetings Industry Association' data-description=''>Meetings Industry Association</a><a class='nav_group_item pg_nationalassociationofjewellers' href='/portfolio/naj' title='National Association of Jewellers' data-description=''>National Association of Jewellers</a></span></span></li> <li class=' page_62147' data-page_level='1'><a href='/Contact' title='' data-description='Get in touch with Ben or Christine to chat about your next project.'>Contact</a></li> </ul> <div class="clear"></div> <div id="ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlNavDrop" class="nav_drop_panel"> <div class="drop_inner"></div> </div> </div> <script type="text/javascript"> $(function(){ $('.nav_btn_toggle').on('click', function () { var menuHeight = $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlPanelNav').find('ul.nav_root'); if (menuHeight != undefined) { menuHeight.height(menuHeight.height()); } $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlPanelNav').toggleClass('open'); }); var $pnlPanelNav = $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlPanelNav'); var $pnlNavDrop = $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlNavDrop'); var $pnlDropInner = $pnlNavDrop.find('.drop_inner'); var $hoverTargets = $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_pnlPanelNav li'); var $exitTargets = $pnlPanelNav.add($pnlNavDrop); var menuIsOpen = false; var menuDelay; var navTimer; var navDelayOpen = $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_hdnDelayOpen').val(); var navDelayClose = $('#ctl00_ctl00_CorePlaceHolder_ResponsiveNav1_hdnDelayClose').val(); function cancelNavTimer() { if (navTimer) { clearTimeout(navTimer); navTimer = null; } } $($pnlPanelNav).find('.nav_root').on('mouseenter', 'li', function () { $thisMenuItem = $(this); //cancel timed nav close cancelNavTimer(); //open nav after delay navTimer = setTimeout(function () { openMenu($thisMenuItem); }, navDelayOpen); }); $($pnlPanelNav).find('.nav_root').on('mouseleave', 'li', function () { cancelNavTimer(); }); $($pnlPanelNav).on('mouseleave', function () { //cancel timed nav close cancelNavTimer(); //close nav after delay navTimer = setTimeout(function () { closeMenu(); }, navDelayClose); }); function openMenu(menuLink) { $hoverTargets.not(menuLink).removeClass('hover'); //$thisLink.addClass('hover'); menuIsOpen = true; if (menuLink.hasClass('has_children')) { $pnlDropInner.empty(); $pnlNavDrop.addClass('open'); menuLink.addClass('hover'); var $thisNavGroup = menuLink.find('.nav_group'); $thisNavGroup.height(menuLink.find('.nav_group_folder').outerHeight()); var $navGroup = $thisNavGroup.clone(); $pnlDropInner.append($navGroup); } } function closeMenu() { $hoverTargets.removeClass('hover'); $pnlNavDrop.removeClass('open'); } }); </script> </div> </div> <div class="row row_full"> <div class="gd_1 row_page_header"></div> </div> <div class="masterpage_content">  <div class="work-detail"> <div class="row row_full work__feature-video"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_headerBannerText_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <h2 class="portfolio-header-banner-text">D&TTV</h2> <p>Designed to complement the existing website while adding fresh and quirky features</p> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_headerBanner_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <p><img class="portfolio-header-banner" src="/AppImages/portfolio/dttv-header-banner.jpg" alt="D&TTV Banner" /></p> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_rowVideo_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <p>/videos/dttv.mp4</p> </div> <video id="featureVideo" loop muted> </video> <div class="website-links"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_sectionWebsiteLink_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <p><a href="http://tv.data.org.uk" target="_blank">Visit Website</a></p> <p><a href="#" class="video-tab"> Video</a></p> </div> <div class="share-links"> <div class="ctl_share_link"> <a href="https://www.facebook.com/seniorinternet" class="share_link facebook" target="_blank"><img src="/CMS_Themes/Senior/AppImages/icons/facebook-icon.png" alt="Facebook"/></a> <a href="https://www.linkedin.com/company/senior-internet-ltd/" class="share_link linkedin" target="_blank"><img src="/CMS_Themes/Senior/AppImages/icons/linkedin-icon.png" alt="LinkedIn"/></a> <a href="https://twitter.com/seniorinternet" class="share_link twitter" target="_blank"><img src="/CMS_Themes/Senior/AppImages/icons/twitter-icon.png" alt="Twitter"/></a> <a href="https://www.youtube.com/channel/UCfMTHOU8d0rgv72RlugWDAw" class="share_link youtube" target="_blank"><img src="/CMS_Themes/Senior/AppImages/icons/youtube-icon.png" alt="YouTube"/></a> </div> </div> </div> </div> <div class="row row_full bg_grey"> <div class="row row_pad2"> <div class="gd_1"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_StandardContent1_ctl00_ctl00_pnlHeaderWrapper" class="content_header header_portfolio"> <h1 class="standard_content_header"><span>Portfolio</span></h1> </div> <div class="standard_content_content_wrapper"> <div class="standard_content_content"> <div class="standard_content_content_inner"> <h2><strong>Their</strong> project</h2> <p>D&TTV is the video channel for one of the leading associations in the UK for the Design and Technology Association. DATA are passionate about championing a subject they call “inspiring, rigorous and practical subject which prepares all young people to live and work in the designed and made world.”</p> <p>The key objectives for D&TTV are to encourage visitors to their website; to add membership value by making their resources more accessible; and to encourage membership. The site was designed to complement the existing website, reflecting its look and feel while adding fresh, quirky features which set it apart.</p> </div> </div> </div> </div> </div> </div> <div class="row row_full row_superimpose zindex-reverse"> <div class="row row_full equal_height"> <div class="gd_1_2 bsda-show"> </div> <div class="gd_1_2"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_row1a_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <p><img class="dttv-img-spacing--1" title="ddtv1" src="/write/MediaUploads/Portfolio/ddtv1.png" alt="ddtv1" /></p> </div> </div> </div> <div class="row"> <div class="gd_1_2 bsda-hide"> </div> <div class="gd_1_2 gd_pad--y equal_height"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_row1b_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <h2><strong>Our</strong> approach</h2> <p>Designed to be accessible by teachers and pupils alike, videos can be organised by ‘Most Popular’ or alphabetical order, can be ‘shared’ among Facebook or Twitter and a lights on/off function enables viewers to watch all videos on a black background; ideal for a learning environment.</p> </div> </div> </div> </div> <div class="row row_full bg_grey row_superimpose bsda-zindex-10"> <div class="row"> <div class="gd_1_2 bsda-show"> </div> <div class="gd_1_2 gd_pad--y equal_height pad--left"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_row2a_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <h2><strong>The</strong> outcome</h2> <p>A page entirely dedicated to details on becoming a member encourages more individuals to join, and once they join benefits include access to member-only videos not available to the public. We expect to see DATA’s membership quality and quantity grow over the coming years thanks to D&TTV.</p> </div> </div> </div> <div class="row row_full equal_height"> <div class="gd_1_2 bsda-hide"> </div> <div class="gd_1_2"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_row2b_ctl00_ctl00_pnlContentContainer" class="dynamic_callout_container"> <p><img class="dttv-img-spacing--2" style="float: right;" title="ddtv2" src="/write/MediaUploads/Portfolio/ddtv2.png" alt="ddtv2" /></p> </div> </div> </div> </div> <div class="row row-3 row_full row_superimpose bsda-zindex-9"> <div class="row row_full equal_height"> <div class="gd_1_2 bsda-show"> </div> <div class="gd_1_2"> </div> </div> <div class="row"> <div class="gd_1_2 bsda-hide"> </div> <div class="gd_1_2 gd_pad--y equal_height"> </div> </div> </div>  <div class="row row_full row_superimpose shoreham-show"> <div class="row row_full equal_height"> <div class="gd_1 shoreham-wide"> </div> </div> </div>  <div class="row row_full bg_grey row_superimpose shoreham-show shoreham-zindex-10"> <div class="row row_full equal_height"> <div class="gd_1_2"> </div> </div> <div class="row"> <div class="gd_1_2"> </div> <div class="gd_1_2 gd_pad--y equal_height"> </div> </div> </div> <div class="row row_full bg_grey row_superimpose shoreham-show shoreham-zindex-9"> <div class="row row_full equal_height"> <div class="gd_1 shoreham-wide"> </div> </div> </div>  <div class="row row_full bg_grey row_superimpose bsda-show"> <div class="row row_full equal_height"> <div class="gd_1_1 bsda-wide"> </div> </div> </div>  <div class="row row_full row_superimpose bsda-show"> <div class="row row_full equal_height"> <div class="gd_1_2"> </div> </div> <div class="row"> <div class="gd_1_2"> </div> <div class="gd_1_2 gd_pad--y equal_height"> </div> </div> </div> <div class="row row_full bg_grey row_superimpose bsda-show"> <div class="row equal_height"> <div class="gd_1_2"> </div> </div> <div class="row row_full"> <div class="gd_1_2" style="z-index: 99;"> </div> <div class="gd_1_2 gd_pad--y equal_height"> </div> </div> </div> <div class="row_full work__quote"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_rowQuote_ctl00_ctl00_pnlContentBlock" class="saved-cb dttv-footer" style="background-color:#40b2d9;"> <div class="saved-cb__inner"> <div class='saved-cb__body'><div class='saved-cb__content'><blockquote class=""> <p>As well as implementing an innovative video library, Senior have deployed video tracking via Google Analytics to aid DATA in finding out the popularity of sections of the website. A pay-per-click campaign also supports membership signups.</p> <cite>Andy - SEO specialist</cite></blockquote></div></div> </div> </div> </div> <div class="row row_full work_footer"> <div class="gd_1_2 work_callout"> <style> .resultsCont { display: none; } </style> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_pnlCalloutListings" class="listings_callout listing_type162 " data-callout-settings="{"ListingType":"162","FieldSelection":"[{\"fieldId\":\"cf_b153be6b-3099-4e91-9e40-3ef8624f100c\",\"fieldName\":\"Sort\",\"teaserLength\":0,\"selected\":true,\"fontColour\":\"\"},{\"fieldId\":\"cf_d3b256fe-3ae6-4170-bb25-61bedf54933d\",\"fieldName\":\"Category\",\"teaserLength\":0,\"selected\":false,\"fontColour\":\"\"},{\"fieldId\":\"cf_19002326-1aa7-4739-b2fb-b846c09dd87d\",\"fieldName\":\"Features\",\"teaserLength\":0,\"selected\":false,\"fontColour\":\"\"},{\"fieldId\":\"cf_6bb150bc-536c-4e31-8d73-2811927f5824\",\"fieldName\":\"Summary\",\"teaserLength\":0,\"selected\":false,\"fontColour\":\"\"},{\"fieldId\":\"cf_1de7655e-f87f-4299-92af-9b0c9b0b68ab\",\"fieldName\":\"PageLink\",\"teaserLength\":0,\"selected\":false,\"fontColour\":\"\"}]","BackgroundCol":"","BackgroundImg":"","PlaceHolderImage":"","IncludedCats":"[]","ExcludedCats":"[]","SortDirection":"Descending","SortField":"0","NoColumns":"2","ViewText":"","ViewAllText":"","CalloutClass":"","TemplateUrl":"Work","SortColumn":"0","itemLink":"News"}" style="background-color:;background-image:url();"> <div class="listings-callout">  <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_pnlListingsCalloutContainer"> <div data-koTemplateId="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_pnlKnockoutContainer" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_quicklistListingEntry" class="senior_quicklist_knockout" data-sortColIndex="0" data-pathToDataService="/CoreCode/Api/QuickListService.aspx/GetData" data-providerData="{"ListingTypeId":162}" data-sortDirection="desc" data-showSearchAllField="false" data-showSearchFields="false" data-linkColTemplate="&lt;a style=&#39;&#39; href=&#39;News/{EncodedSlug}/{DT_RowId}&#39;&gt;&lt;/a&gt;" data-koTemplateId="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_pnlKnockoutContainer" data-sScrollY="" data-pagesize="2" data-enableInstantResults="false" data-provider="SeniorCMS.BLL.QuickListProviders.LLBLGen.Listings.ListingEntryCalloutProvider, SeniorCMS.BLL, Version=5.205.1.29773, Culture=neutral, PublicKeyToken=null" data-deleteText="Delete" data-paging="true" data-showDelete="false"> <input name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$callout$ctl00$ctl00$ctl00$quicklistListingEntry$ctl00" type="hidden" class="ql_hdnChecked" /><table id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_quicklistListingEntry_qlResults" class="resultsCont" border="0"> </table> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_pnlKnockoutContainer"> <div class="ql_search"></div> <div class="ql_results " data-bind="visible: hasItems()"> <div id="ql_res_items" data-bind="foreach: items" class="listings-callout__list portfolio-callout"> <div class="listings-callout__item"> <a data-bind="attr: { href: PageLink }, style: { backgroundImage: 'url(' + PrimaryThumbnailUrl + ')' }" class="work-list__item"> <div class="listings-callout__item-title"> <h2 data-bind="text: Name"></h2> <p class="listings-callout__item-features" style="display: none;" data-bind="text: $data['Features']"></p> </div> </a> </div>  </div> </div> </div> </div> <div style="display: none;"> <a id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_hypViewAll" href="/News"></a> </div> </div> <script> $(function () { $('#ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_callout_ctl00_ctl00_ctl00_pnlCalloutListings').ListingsCallout({ SearchCompleteCallback: function () { // Get single item width var itemWidth = $('.listings-callout__item').outerWidth(); // Get amount of items in the list var itemCount = $('.listings-callout__item').length; // Apply the item width to all items as height to make them square $('.listings-callout__item').each(function () { $(this).css('height', itemWidth + 'px'); //clean features after databind var features = $(this).find(".listings-callout__item-features").text(); features = features.replace(/"/g, ' ').replace('[', '').replace(']', '').replace(/,/g, '|'); $(this).find(".listings-callout__item-features").text(features); }); //hover fx $('.listings-callout__item a').on('hover', function () { $(this).find($('.listings-callout__item-features')).slideToggle(200); }); } }); }); </script> </div> </div> <div class="gd_1_2 work_contact"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_contact_ctl00_ctl00_pnlContentBlock" class="saved-cb callout--folio-contact" style="background-color:#f5f5f5;"> <div class="saved-cb__inner"> <div class='saved-cb__body'><div class='saved-cb__content'><h2 style="font-size: 36px;">A conversation costs nothing</h2> <p>Senior are looking forward to talking about starting your project or improving your web presence.</p> <h3><a href="/contact" style="font-weight: normal;">Get in touch...</a></h3></div></div> </div> </div> </div> </div> </div> <script type="text/javascript"> (function ($) { $(document).ready(function () { var $videoContainer = $('.work__feature-video'); var $featureVideo = $('#featureVideo'); var $video_string = $('.work__feature-video > .dynamic_callout_container').find('p:contains(.mp4)').text(); if ($video_string.indexOf('mp4') > 0) { $featureVideo.append('<source src="' + $video_string + '" type="video/mp4">'); var video_playing = false; $('.work__feature-video').on('click', function (e) { }); $featureVideo.on('click', function () { if (video_playing) { $featureVideo[0].pause(); video_playing = false; $videoContainer.removeClass('playing'); } else { $featureVideo[0].play(); $videoContainer.addClass('playing'); $featureVideo.attr('controls', ''); video_playing = true; } }); } else if ($('.work__feature-video > .dynamic_callout_container').find('img').length) { //Probably an image banner //$videoContainer.addClass('banner'); if ($videoContainer.find('h2 br').length) $videoContainer.addClass('banner--double'); $featureVideo.hide(); } else { //Nothing so completely hide it $videoContainer.hide(); } if ($('.row-3 .dynamic_callout_container').length < 1) { $('.row-3').remove(); } // SHOW HEADER BANNER IMAGE // find classes attached to uploaded banner image and text var headImg = $(".portfolio-header-banner"), headTxt = $(".portfolio-header-banner-text"), // find parent div of above class headImgParent = $(".portfolio-header-banner").closest("div"), headTxtParent = $(".portfolio-header-banner-text").closest("div"); // add class to parent div and remove from original location headImgParent.addClass("portfolio-header-banner"); headImg.removeClass("portfolio-header-banner"); headTxtParent.addClass("portfolio-header-banner-text"); headTxt.removeClass("portfolio-header-banner-text"); var videoTab = $(".video-tab"), banner = $(".portfolio-header-banner"), text = $(".portfolio-header-banner-text"); // hide banner when clicking the video tab. videoTab.on("click", function (e) { banner.toggleClass("hide-banner"); text.toggleClass("hide-banner"); $("#featureVideo")[0].pause(); e.preventDefault(); // if the video has the class of playing then toggle the class and update variable if ($(".playing")[0]) { $(".work__feature-video").toggleClass("playing"); video_playing = false; } }); }); })(jQuery); </script> </div> <div class="row row_full row_pad--sides row__footer"> <div class="gd_1_2 footer__text-col"> <p class="h3-style"> <img src="/AppImages/senior_logo_small.svg" alt="Senior Internet logo" /> </p> <p>Senior Internet has a team of people waiting to answer your questions on how we can improve your web presence. <a href="/Contact">Get in touch...</a> </p> <div class="gd_1 footer__extra-col"> <a class="footer__extra-info--link" href="/Terms-of-Business">Terms</a> <a class="footer__extra-info--link" href="/privacy">Privacy</a> <a class="footer__extra-info--link" href="/cookies">Cookies</a> <a class="footer__extra-info--link" href="/complaints">Complaints</a> <a class="footer__extra-info--link" href="/careers-overview">Careers</a> </div> </div> <div class="gd_1_2 footer__connect-col"> <p class="h3-style"> </p> <div class="gd_1_2"> <ul> <li>Senior Internet Ltd</li> <li>Gothic House</li> <li>Barker Gate</li> <li>Nottingham NG1 1JU</li> <li><a href="tel:0115 838 9555">+44 (0)115 838 9555</a></li> </ul> </div> <div class="gd_1_2"> <p>Connect with us</p> <div class="social-footer"> <a href="https://www.facebook.com/seniorinternet" target="_blank" class="social-footer--facebook"> <img src="/AppImages/icons/footer--facebook.png" alt="Senior Facebook" /> </a> <a href="https://www.linkedin.com/company/senior-internet-ltd" target="_blank" class="social-footer--linkedin"> <img src="/AppImages/icons/footer--linkedin.png" alt="Senior LinkedIn" /> </a> <a href="https://twitter.com/seniorinternet" target="_blank" class="social-footer--twitter"> <img src="/AppImages/icons/footer--twitter.png" alt="Senior Twitter" /> </a> <a href="https://www.youtube.com/channel/UCfMTHOU8d0rgv72RlugWDAw" target="_blank" class="social-footer--youtube"> <img src="/AppImages/icons/footer--youtube.png" alt="Senior YouTube" /> </a> </div> </div> <div class="gd_1 footer__extra-col"> <p class="footer__extra-info--text">Company No.: 03901114, VAT No.: 764391214</p> </div> </div> <div class="hidden"> <span class="footer--address"> <a href="https://www.senior.co.uk/" target="_blank" title="Web Design by Senior Internet" class="footer-logo"></a> Senior Internet, 137 Canal Street, Nottingham NG1 7HD    <a href="tel:0115 838 9555">0115 8389555</a> <a href="/contact" class="button">Get in touch</a> </span> <span class="social-footer"> <a href="https://www.facebook.com/seniorinternet" target="_blank" class="social-footer--facebook"></a> <a href="https://www.linkedin.com/company/senior-internet-ltd" target="_blank" class="social-footer--linkedin"></a> <a href="https://twitter.com/seniorinternet" target="_blank" class="social-footer--twitter"></a> </span> </div> </div> </div> </div>  <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/57f79cd2858bf61381b6bdd7/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>  <script type="text/javascript"> if (typeof jQuery != 'undefined') { jQuery(document).ready(function ($) { var filetypes = /\.(zip|exe|dmg|pdf|doc.*|xls.*|ppt.*|csv|mp3|txt|rar|wma|mov|avi|wmv|flv|wav)$/i; var baseHref = ''; if (jQuery('base').attr('href') != undefined) baseHref = jQuery('base').attr('href'); jQuery('a').on('click', function (event) { var el = jQuery(this); var track = true; var href = (typeof (el.attr('href')) != 'undefined') ? el.attr('href') : ""; var isThisDomain = href.match(document.domain.split('.').reverse()[1] + '.' + document.domain.split('.').reverse()[0]); if (!href.match(/^javascript:/i)) { var elEv = []; elEv.value = 0, elEv.non_i = false; if (href.match(/^mailto\:/i)) { elEv.category = "email"; elEv.action = "click"; elEv.label = href.replace(/^mailto\:/i, ''); elEv.loc = href; } else if (href.match(filetypes)) { var extension = (/[.]/.exec(href)) ? /[^.]+$/.exec(href) : undefined; elEv.category = "download"; elEv.action = "click-" + extension[0]; elEv.label = href.replace(/ /g, "-"); elEv.loc = baseHref + href; } //else if (href.match(/^https?\:/i) && !isThisDomain) { else if (href.match(/^https?\:/i)) { elEv.category = "external"; elEv.action = "click"; elEv.label = href.replace(/^https?\:\/\//i, ''); elEv.non_i = true; elEv.loc = href; } else if (href.match(/^tel\:/i)) { elEv.category = "telephone"; elEv.action = "click"; elEv.label = href.replace(/^tel\:/i, ''); elEv.loc = href; } else track = false; if (track) { //_gaq.push(['_trackEvent', elEv.category.toLowerCase(), elEv.action.toLowerCase(), elEv.label.toLowerCase(), elEv.value, elEv.non_i]); ga('send', 'event', elEv.category.toLowerCase(), elEv.action.toLowerCase(), elEv.label.toLowerCase(), elEv.value, { 'nonInteraction': elEv.non_i }); if (el.attr('target') == undefined || el.attr('target').toLowerCase() != '_blank') { setTimeout(function () { location.href = elEv.loc; }, 400); return false; } } } }); }); } </script>   <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 1071889518; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1071889518/?guid=ON&script=0"/> </div> </noscript> <div id="FreezePane" class="FreezePaneOff"> <div id="InnerFreezePane" class="InnerFreezePane"></div> </div> <input name="ctl00$ctl00$hdnCartId" type="hidden" id="ctl00_ctl00_hdnCartId" value="6574363" /> <input name="ctl00$ctl00$hdnCurrencySymbol" type="hidden" id="ctl00_ctl00_hdnCurrencySymbol" value="&pound;" /> <input name="ctl00$ctl00$hdnCartname" type="hidden" id="ctl00_ctl00_hdnCartname" value="Basket" /> <input name="ctl00$ctl00$hdnCartUrl" type="hidden" id="ctl00_ctl00_hdnCartUrl" value="/Basket.aspx" /> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="E5359509" /> </div><script src="/WebResource.axd?d=vhPT0f_WuSlLUdqReYjQApbw2szR6OyfPXMs5vsn3Aw8ihO8lqzDiModddAT427s9-ljJQ5W6wJOW2qQsgXoB_0TrDI4KX-7KJD6y6h-xw01&t=638562597717896622" type="text/javascript"></script><script src="/ScriptResource.axd?d=QUN54_ntWc19Xd6QxjGTpwvopKtH4Bm7Mfm887TCZK89KILglp9vq1ZuxxGFuDbKcKvl_8f002KzotYKps_lt7Ed_OHDDB02qrQbA-cw9q4JjhpLTw0UQ4oeAM7sDf9-fG90FPXxfTATpk5AxTkziL8D27HUL3Mk7uQ6whKudvgdHY2ShWHRzHbLEt5SHSKp0&t=7a0cc936" type="text/javascript"></script><script src="/ScriptResource.axd?d=hEKtvsu5C0QmFbqXcNYNTl9rJhUO-R06CF2cEgf3jNJP7sLp-ZDD0EtoaOUTCPvSyPLFMMTnDmUID-KYve5PSs8jYVTZ-c9qqAQ8OgLAS-2SlwpJIFhpPDUe-qkkwwrn7L9SoF3SWWC2aODMO7Fgw1zgLy2F7RexHfdwDI_smmM7C_tJC0m7PPmWLahfkrPL0&t=7a0cc936" type="text/javascript"></script><script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script><script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script><script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ScriptManager1', 'aspnetForm', [], [], [], 90, 'ctl00$ctl00'); //]]> </script><div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTUxNjc1NzUwOGQYDQVrY3RsMDAkY3RsMDAkQ29yZVBsYWNlSG9sZGVyJERpc3BsYXlQYWdlUGxhY2VIb2xkZXIkY3RsMDAkU3RhbmRhcmRDb250ZW50MSRjdGwwMCRjdGwwMCRtdlN0YW5kYXJkQ29udGVudFZpZXcPD2QCAWQFUGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHJvdzFhJGN0bDAwJG12Q21zTW9kdWxlDw9kZmQFV2N0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJGhlYWRlckJhbm5lciRjdGwwMCRtdkNtc01vZHVsZQ8PZGZkBVJjdGwwMCRjdGwwMCRDb3JlUGxhY2VIb2xkZXIkRGlzcGxheVBhZ2VQbGFjZUhvbGRlciRjdGwwMCRjb250YWN0JGN0bDAwJG12Q21zTW9kdWxlDw9kZmQFVWN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJFN0YW5kYXJkQ29udGVudDEkbXZDbXNNb2R1bGUPD2RmZAVQY3RsMDAkY3RsMDAkQ29yZVBsYWNlSG9sZGVyJERpc3BsYXlQYWdlUGxhY2VIb2xkZXIkY3RsMDAkcm93MmEkY3RsMDAkbXZDbXNNb2R1bGUPD2RmZAVTY3RsMDAkY3RsMDAkQ29yZVBsYWNlSG9sZGVyJERpc3BsYXlQYWdlUGxhY2VIb2xkZXIkY3RsMDAkcm93UXVvdGUkY3RsMDAkbXZDbXNNb2R1bGUPD2RmZAVQY3RsMDAkY3RsMDAkQ29yZVBsYWNlSG9sZGVyJERpc3BsYXlQYWdlUGxhY2VIb2xkZXIkY3RsMDAkcm93MmIkY3RsMDAkbXZDbXNNb2R1bGUPD2RmZAVSY3RsMDAkY3RsMDAkQ29yZVBsYWNlSG9sZGVyJERpc3BsYXlQYWdlUGxhY2VIb2xkZXIkY3RsMDAkY2FsbG91dCRjdGwwMCRtdkNtc01vZHVsZQ8PZGZkBVNjdGwwMCRjdGwwMCRDb3JlUGxhY2VIb2xkZXIkRGlzcGxheVBhZ2VQbGFjZUhvbGRlciRjdGwwMCRyb3dWaWRlbyRjdGwwMCRtdkNtc01vZHVsZQ8PZGZkBVtjdGwwMCRjdGwwMCRDb3JlUGxhY2VIb2xkZXIkRGlzcGxheVBhZ2VQbGFjZUhvbGRlciRjdGwwMCRoZWFkZXJCYW5uZXJUZXh0JGN0bDAwJG12Q21zTW9kdWxlDw9kZmQFXWN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHNlY3Rpb25XZWJzaXRlTGluayRjdGwwMCRtdkNtc01vZHVsZQ8PZGZkBVBjdGwwMCRjdGwwMCRDb3JlUGxhY2VIb2xkZXIkRGlzcGxheVBhZ2VQbGFjZUhvbGRlciRjdGwwMCRyb3cxYiRjdGwwMCRtdkNtc01vZHVsZQ8PZGZkjICTf3Y6XssNkxlqmuP2UYyIoGaDrCso1L/lo9beCcY=" /> </div></form> </body> </html>

CINXE.COM

D&TTV - video website for membership