CINXE.COM
Senior's website cost calculator - how much to spend
<!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="How much should you spend on a website? How much will a bespoke website from a multi-award winning agency cost?" /><title> Senior's website cost calculator - how much to spend </title> <link id="ctl00_ctl00_canonicalTag" rel="canonical" href="/website-cost-calculator" /><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="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" /><link type="text/css" rel="stylesheet" href="/CMS_Themes/Default/Css/quiz.css" /><link type="text/css" rel="stylesheet" href="/CMS_Themes/Default/Css/questionnaire.css" /><script type="text/javascript" src="/Javascript/jquery.fullPage.min.js"></script></head> <body id="ctl00_ctl00_bodyTag"> <form name="aspnetForm" method="post" action="/website-cost-calculator" 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="WtpbmBeEkWHrFVuTH5J76fDpWQUnMhSBsyI1diCLXNadn0T8Pc34w5nUkgkQbcZHsy7Mj9Fgvluk7P1izYog2XSdMF0Ox7di9uQdDUYE8V01" /> <!-- Google tag (gtag.js) --> <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> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=G-29V0E0VNVM" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- MASTER PAGE CONTENT STARTS HERE --> <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 selected 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 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"> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js"></script> <script src="/cms_themes/senior/js/animate-number.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <div class="page_questionnaire"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_StandardContent1_ctl00_ctl00_pnlHeaderWrapper"> <h1 class="standard_content_header"><span>Title</span></h1> </div> <div class="standard_content_content_wrapper"> <div class="standard_content_content"> <div class="standard_content_content_inner"> </div> </div> </div> <!-- Segment relates to a quiz that can have various results e.g. segments such as *(Tech Genius, TV Addict, Complete N00b) --> <div class="segment_quiz_wrapper" data-quiz-id='96'> <!-- quiz header --> <div class="segment_quiz_header"> <!-- any header stuff here --> </div> <div class="clear"></div> <!-- initial screen shown --> <div class="segment_quiz_welcome"> <div class="segment_quiz_intro"> <h2><span>Questionnaire</span></h2> </div> <div class="segment_quiz_image"> <img src='' /> </div> <div class="button_quiz_start"><a href="javascript:void(0)" class="segment_quiz_start">Click here to start</a></div> <div class="clear"></div> </div> <!-- quiz questions --> <div class="segment_quiz_questions"> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_pnlQuestion" class="segment_quiz_question" data-question-id="378" data-question-type="RadioList"> <div class="segment_quiz_details"> <h3>How big is your current membership?</h3> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_pnlAnswers" class="segment_quiz_answers"> <ul id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00"> <li><span class="segment_quiz_answer" data-answer-id="1369"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_0" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl00$ctl00" value="1369" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_0">100 - 1000</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1370"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_1" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl00$ctl00" value="1370" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_1">1001- 5000</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1371"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_2" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl00$ctl00" value="1371" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_2">5001 - 10,000</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1372"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_3" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl00$ctl00" value="1372" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_ctl00_3">10,000 +</label></span></li> </ul><a class="segment_quiz_next" href="javascript:__doPostBack('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl00$ctl01','')"></a> </div> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl00$hdnQuizQuestionId" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl00_hdnQuizQuestionId" value="378" /> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_pnlQuestion" class="segment_quiz_question" data-question-id="371" data-question-type="RadioList"> <div class="segment_quiz_details"> <h3>How much do you want to increase membership enquiries by this year?</h3> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_pnlAnswers" class="segment_quiz_answers"> <ul id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00"> <li><span class="segment_quiz_answer" data-answer-id="1321"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_0" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1321" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_0">10</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1322"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_1" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1322" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_1">20</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1323"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_2" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1323" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_2">30</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1324"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_3" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1324" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_3">40</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1325"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_4" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1325" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_4">50</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1326"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_5" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1326" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_5">60</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1327"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_6" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1327" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_6">70</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1328"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_7" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1328" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_7">80</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1329"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_8" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1329" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_8">90</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1330"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_9" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1330" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_9">100</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1331"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_10" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1331" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_10">110</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1332"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_11" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1332" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_11">120</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1359"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_12" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1359" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_12">130</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1360"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_13" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1360" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_13">140</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1361"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_14" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl00" value="1361" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_ctl00_14">150</label></span></li> </ul><a class="segment_quiz_next" href="javascript:__doPostBack('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$ctl01','')"></a> </div> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl01$hdnQuizQuestionId" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl01_hdnQuizQuestionId" value="371" /> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_pnlQuestion" class="segment_quiz_question" data-question-id="372" data-question-type="CheckList"> <div class="segment_quiz_details"> <h3>How many of the below features does your site use/need?</h3> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_pnlAnswers" class="segment_quiz_answers"> <ul id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00"> <li><span class="segment_quiz_answer" data-answer-id="1333"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_0" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$0" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_0">Membership Area</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1334"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_1" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$1" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_1">Advanced site search</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1335"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_2" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$2" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_2">Membership directory</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1336"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_3" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$3" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_3">Find your nearest</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1337"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_4" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$4" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_4">Document library</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1338"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_5" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$5" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_5">CRM/database Integration</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1339"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_6" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$6" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_6">Events</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1340"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_7" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$7" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_7">News</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1341"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_8" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$8" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_8">Contact forms</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1342"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_9" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$9" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_9">Product Catalogue</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1378"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_10" type="checkbox" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl00$10" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_ctl00_10">Payment Integration</label></span></li> </ul><a class="segment_quiz_next" href="javascript:__doPostBack('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$ctl01','')"></a> </div> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl02$hdnQuizQuestionId" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl02_hdnQuizQuestionId" value="372" /> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_pnlQuestion" class="segment_quiz_question" data-question-id="373" data-question-type="RadioList"> <div class="segment_quiz_details"> <h3>How many years old is your current site?</h3> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_pnlAnswers" class="segment_quiz_answers"> <ul id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00"> <li><span class="segment_quiz_answer" data-answer-id="1343"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_0" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1343" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_0">0</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1344"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_1" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1344" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_1">1</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1345"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_2" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1345" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_2">2</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1346"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_3" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1346" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_3">3</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1347"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_4" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1347" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_4">4</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1348"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_5" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1348" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_5">5</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1349"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_6" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl00" value="1349" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_ctl00_6">6</label></span></li> </ul><a class="segment_quiz_next" href="javascript:__doPostBack('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$ctl01','')"></a> </div> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl03$hdnQuizQuestionId" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl03_hdnQuizQuestionId" value="373" /> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_pnlQuestion" class="segment_quiz_question" data-question-id="379" data-question-type="RadioList"> <div class="segment_quiz_details"> <h3>Cost Estimate</h3> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_pnlAnswers" class="segment_quiz_answers"> <ul id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00"> <li><span class="segment_quiz_answer" data-answer-id="1373"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_0" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$ctl00" value="1373" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_0">£<span class="priceRange11">0</span> - £<span class="priceRange12"></label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1374"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_1" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$ctl00" value="1374" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_1">£<span class="priceRange21">0</span> - £<span class="priceRange22">0</span></label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1375"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_2" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$ctl00" value="1375" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_2">£<span class="priceRange31">0</span> - £<span class="priceRange32">0</span></label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1376"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_3" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$ctl00" value="1376" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_3">£<span class="priceRange41">0</span> - £<span class="priceRange42">0</span></label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1377"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_4" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$ctl00" value="1377" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_ctl00_4">£<span class="priceRange51">0</span> - £<span class="priceRange52">0</span>+</label></span></li> </ul><a class="segment_quiz_next" href="javascript:__doPostBack('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$ctl01','')"></a> </div> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl04$hdnQuizQuestionId" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl04_hdnQuizQuestionId" value="379" /> </div> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_pnlQuestion" class="segment_quiz_question" data-question-id="375" data-question-type="RadioList"> <div class="segment_quiz_details"> <h3>Would you consider Senior Internet as a future digital and creative agency?</h3> <div id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_pnlAnswers" class="segment_quiz_answers"> <ul id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_ctl00"> <li><span class="segment_quiz_answer" data-answer-id="1355"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_ctl00_0" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl05$ctl00" value="1355" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_ctl00_0">Yes</label></span></li> <li><span class="segment_quiz_answer" data-answer-id="1356"><input id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_ctl00_1" type="radio" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl05$ctl00" value="1356" /><label for="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_ctl00_1">No</label></span></li> </ul><a class="segment_quiz_next" href="javascript:__doPostBack('ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl05$ctl01','')"></a> </div> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$questionnaire$rpQuizQuestions$ctl05$hdnQuizQuestionId" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_questionnaire_rpQuizQuestions_ctl05_hdnQuizQuestionId" value="375" /> </div> </div> <div class="clear"></div> <div class="segment_quiz_result"> <!-- results are appended here --> <div class="clear"></div> </div> <div class="clear"></div> <!-- quiz footer --> <div class="segment_quiz_footer"> <!-- any footer stuff here --> </div> <div class="clear"></div> </div> <div class="clear"></div> <script type="text/javascript"> $(function () { var SegmentQuiz = function () { // variables var $quizWrapper = $(".segment_quiz_wrapper"), quizId = $quizWrapper.attr("data-quiz-id"), $quizQuestions = $(".segment_quiz_question"), $quizOuterWrapper = $('.page_geekquiz'); if ($quizOuterWrapper.attr("id") === "alternate_quiz") { var $quizCompleteTrigger = $(".segment_quiz_answers:last", $quizWrapper).find("input"); } else { var $quizCompleteTrigger = $(".segment_quiz_answer:last", $quizWrapper).find("input"); } var init = function () { // attached to the click of the last answer inputs $quizCompleteTrigger.click(function () { calculateSegmentResults(); // once finished attach calculate to any answer click $('label', '.segment_quiz_answer.statement_style').click(function () { calculateSegmentResults(); }); }); }, serialiseAnswers = function () { var quizResults = []; $.each($quizQuestions, function () { var $this = $(this), questionId = $this.attr("data-question-id"), questionType = $this.attr("data-question-type"), question = { questionId: questionId, questionType: questionType, answers: [] }; // generic wrapper around answers for all question types var answers = $this.find(".segment_quiz_answer"); $.each(answers, function () { var $answer = $(this), answerId = $answer.attr("data-answer-id"), checkType = $answer.attr("data-check-type"), answer = { answerId: answerId, checkType:checkType} // answerVal added after based on question type // get answer based on specific question type switch (questionType) { case "CheckList": var answerVal = $answer.find("input[type='checkbox']").is(":checked"); // only bother with selected items i.e. ignore checkboxes that aren't checked if (answerVal === true) answer.answerVal = answerVal; break; case "RadioList": answer.answerVal = $answer.find("input[type='radio']:checked").val(); break; case "AgreeDisagreePerAnswer": answer.answerVal = $answer.find("input[type='radio']:checked").val(); break; default: break; } // only bother items with an answerVal if (answer.answerVal !== undefined) { question.answers.push(answer); } }); quizResults.push(question); }); return JSON.stringify(quizResults); }, calculateSegmentResults = function () { var answerJson = serialiseAnswers(); $.ajax({ type: "POST", url: "/CoreCode/UserControls/QuizCalloutAjax.aspx/GetQuizSegmentResults", data: "{'quizId':'" + quizId + "', 'answerJson':'" + answerJson + "'}", cache: false, contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { data = data.hasOwnProperty('d') ? data.d : data; // returned as json ?? buildResultHtml(JSON.parse(data)[0]); } }); }, buildResultHtml = function (segment) { var $resultDiv = $(".segment_quiz_result").empty(), $resultContent = $('<div class="segment_quiz_result_content resultid_' + segment.Id + '"></div>').css('background-image', 'url(' + segment.SuccessImageUrl + ')').appendTo($resultDiv), $resultMainTitle = $("<h2>You are a...</h2>").appendTo($resultContent), $resultTitle = $("<h3>" + segment.Title + "</h3>").appendTo($resultContent), $resultMessage = $("<p>" + segment.SuccessMessage + "</p>").appendTo($resultContent), $socialShare = $("<div class='social_share' />").appendTo($resultContent), facebookLinkUrl = "https://www.facebook.com/sharer.php?u=" + window.location.href + "&t=I just took the Questionnaire quiz, turns out I am a " + segment.Title, twitterLinkUrl = "https://twitter.com/home?status=I just took the Questionnaire quiz, turns out I am a " + segment.Title + " " + window.location.href; $facebookLink = $("<a href='" + facebookLinkUrl + "' class='fb_share' target='_blank' />").appendTo($socialShare), $twitterLink = $("<a href='" + twitterLinkUrl + "' class='tw_share' target='_blank' />").appendTo($socialShare); $quizWrapper.find(".segment_quiz_questions").after($resultDiv); //alert(segment.Title) } return { init: init } } (); SegmentQuiz.init(); }); </script> <div id="tool-tip-cont"> <div class="tool-tip"> <i class="fa fa-question-circle"></i> <ul> <li></li> </ul> </div> </div> <div id="progress-bar-cont"> <div class="progress-bar"> <div class="progress"></div> <p>Progress</p> </div> </div> <div id="contact-overlay"></div> <div id="contact-details"> <span class="close"><i class="fa fa-times"></i></span> <form> <input hidden id="hdnAnswers" /> <div class="form-group"> <label for="fullName">Full Name</label> <input type="text" name="fullName"></input> <div class="clear"></div> </div> <div class="form-group"> <label for="organisation">Organisation Name</label> <input type="text" name="organisation"></input> <div class="clear"></div> </div> <div class="form-group"> <label for="phoneNum">Phone Number</label> <input type="text" name="phoneNum"></input> <div class="clear"></div> </div> <div class="form-group"> <label for="email">Email Address</label> <input type="email" name="email"></input> <div class="clear"></div> </div> <div class="form-group"> <label for="comments">Comments</label> <textarea name="comments"></textarea> <div class="clear"></div> </div> <div class="hidden-answers"> <ul> </ul> </div> <button id="submit">Submit</button> <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="/wEPDwUKLTUxNjc1NzUwOGQYAwUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgwFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDAFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDEFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDIFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDMFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDQFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDUFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDYFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDcFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDgFZGN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDkFZWN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJHF1ZXN0aW9ubmFpcmUkcnBRdWl6UXVlc3Rpb25zJGN0bDAyJGN0bDAwJDEwBWVjdGwwMCRjdGwwMCRDb3JlUGxhY2VIb2xkZXIkRGlzcGxheVBhZ2VQbGFjZUhvbGRlciRjdGwwMCRxdWVzdGlvbm5haXJlJHJwUXVpelF1ZXN0aW9ucyRjdGwwMiRjdGwwMCQxMAVrY3RsMDAkY3RsMDAkQ29yZVBsYWNlSG9sZGVyJERpc3BsYXlQYWdlUGxhY2VIb2xkZXIkY3RsMDAkU3RhbmRhcmRDb250ZW50MSRjdGwwMCRjdGwwMCRtdlN0YW5kYXJkQ29udGVudFZpZXcPD2QCAWQFVWN0bDAwJGN0bDAwJENvcmVQbGFjZUhvbGRlciREaXNwbGF5UGFnZVBsYWNlSG9sZGVyJGN0bDAwJFN0YW5kYXJkQ29udGVudDEkbXZDbXNNb2R1bGUPD2RmZIz2GjdkUtpg9fResJZTtUJwYbJJZiqjkk3Dg/shsNiZ" /> </div></form> </div> <input type="hidden" name="ctl00$ctl00$CorePlaceHolder$DisplayPagePlaceHolder$ctl00$hdnClientData" id="ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_hdnClientData" /> </div> <script type="text/javascript"> jQuery.extend({ bez: function (encodedFuncName, coOrdArray) { if (jQuery.isArray(encodedFuncName)) { coOrdArray = encodedFuncName; encodedFuncName = "bez_" + coOrdArray.join("_").replace(/\./g, "p") } if (typeof jQuery.easing[encodedFuncName] !== "function") { var polyBez = function (p1, p2) { var A = [null, null], B = [null, null], C = [null, null], bezCoOrd = function (t, ax) { C[ax] = 3 * p1[ax], B[ax] = 3 * (p2[ax] - p1[ax]) - C[ax], A[ax] = 1 - C[ax] - B[ax]; return t * (C[ax] + t * (B[ax] + t * A[ax])) }, xDeriv = function (t) { return C[0] + t * (2 * B[0] + 3 * A[0] * t) }, xForT = function (t) { var x = t, i = 0, z; while (++i < 14) { z = bezCoOrd(x, 0) - t; if (Math.abs(z) < .001) break; x -= z / xDeriv(x) } return x }; return function (t) { return bezCoOrd(xForT(t), 1) } }; jQuery.easing[encodedFuncName] = function (x, t, b, c, d) { return c * polyBez([coOrdArray[0], coOrdArray[1]], [coOrdArray[2], coOrdArray[3]])(t / d) + b } } return encodedFuncName } }); $(document).ready(function () { $('#submit').click(function (e) { e.preventDefault(); $("#submit").prop("disabled", false); var formdata = JSON.parse($('#hdnAnswers').val()); var answers = $('#contact-details .hidden-answers ul').html(); formdata.fullName = $('input[name=fullName]').val(); formdata.organisation = $('input[name=organisation]').val(); formdata.phoneNum = $('input[name=phoneNum]').val(); formdata.email = $('input[name=email]').val(); formdata.comments = $('textarea[name=comments]').val(); var contactFormHtml = $('<ul>'); contactFormHtml.append($('<li><strong>Full Name:</strong> ' + formdata.fullName + '</li>')); contactFormHtml.append($('<li><strong>Organisation Name:</strong> ' + formdata.organisation + '</li>')); contactFormHtml.append($('<li><strong>Email:</strong> ' + formdata.email + '</li>')); contactFormHtml.append($('<li><strong>Phone Number:</strong> ' + formdata.phoneNum + '</li>')); contactFormHtml.append($('<li><strong>Comments:</strong> ' + formdata.comments + '</li>')); var answersHtml = $('<ul>'); answersHtml.append(answers); var emailHtml = "<h3>Contact Details</h3>" + contactFormHtml.html() + "<h3>Questionnaire Results</h3>" + answers; $.ajax({ type: "POST", url: "/ajax/QuizContactAjaxHandler.aspx/SubmitForm", data: JSON.stringify({ formdata: formdata, html: emailHtml }), cache: false, contentType: "application/json; charset=utf-8", dataType: "json", success: function (result) { var result = result.hasOwnProperty('d') ? result.d : result; window.location = '/website-cost-calculator/thank-you'; }, error: function (XMLHttpRequest, textStatus, errorThrown) { //alert("Error - " + JSON.stringify(XMLHttpRequest) + " textStatus - " + textStatus + " errorThrown - " + errorThrown); } }); }); if ($('#ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_hdnClientData').val() != '') var clientData = JSON.parse($('#ctl00_ctl00_CorePlaceHolder_DisplayPagePlaceHolder_ctl00_hdnClientData').val()); function preload(arrayOfImages) { $(arrayOfImages).each(function () { $('<img/>')[0].src = this; }); } // preload([ '/AppImages/questionnaire/age/0.png', '/AppImages/questionnaire/age/1.png', '/AppImages/questionnaire/age/2.png', '/AppImages/questionnaire/age/3.png', '/AppImages/questionnaire/age/4.png', '/AppImages/questionnaire/age/5.png', '/AppImages/questionnaire/age/6.png', '/AppImages/questionnaire/timer/1350.png', '/AppImages/questionnaire/timer/1351.png', '/AppImages/questionnaire/timer/1352.png', '/AppImages/questionnaire/timer/1353.png', '/AppImages/questionnaire/timer/1354.png', ]); $('.segment_quiz_intro h2').html('How much should you spend on a website?'); $('.segment_quiz_welcome').addClass('segment_quiz_question').prependTo('.segment_quiz_questions'); var slideWidth = 100 / $('.segment_quiz_question').length; // Tool tips var toolTips = [ "Hit 'Next' to get started.", "Roll your curser over the scale and click or tap to select.", "Click or tap to select.", "Click or tap to select.", "Click, tap or slide to select.", "This is an estimated price range.", "Select yes to contact us, or no if you do not wish to proceed." ]; // Features Prices var pricesFeatures = [ { id: 1333, price: 2000 }, { id: 1334, price: 1000 }, { id: 1335, price: 1500 }, { id: 1336, price: 1500 }, { id: 1337, price: 1000 }, { id: 1338, price: 7000 }, { id: 1339, price: 500 }, { id: 1340, price: 500 }, { id: 1341, price: 1000 }, { id: 1342, price: 2000 }, { id: 1378, price: 1000 } ]; var total = 0; // Add prices as data attribute to each option for (var i = 0; i < pricesFeatures.length; i++) { $('.segment_quiz_answer[data-answer-id=' + pricesFeatures[i].id + ']').attr('data-price', pricesFeatures[i].price); } // Membership increase prices var pricesMemInc = [ { id: 1321, price: 0 }, { id: 1322, price: 0 }, { id: 1323, price: 0 }, { id: 1324, price: 0 }, { id: 1325, price: 0 }, { id: 1326, price: 2500 }, { id: 1327, price: 2500 }, { id: 1328, price: 2500 }, { id: 1329, price: 2500 }, { id: 1330, price: 2500 }, { id: 1331, price: 5000 }, { id: 1332, price: 5000 }, { id: 1359, price: 5000 }, { id: 1360, price: 5000 }, { id: 1361, price: 5000 } ]; // Add prices as data attribute to each option for (var i = 0; i < pricesMemInc.length; i++) { $('.segment_quiz_answer[data-answer-id=' + pricesMemInc[i].id + ']').attr('data-price', pricesMemInc[i].price); } // Add text to cost slide $('.segment_quiz_question[data-question-id="379"] h3').after('<p class="cost-estimate-text">The prices are indicative only. Although very accurate, a quote from Senior may sit outside this budget range.</p>'); //How much do you want to increase membership in 2015? $membershipBar = $('<div id="membershipWrapper" />'); $membershipLabels = $('<div class="member-labels"><div class="arr-up" /><div class="arr-down" /><div>'); $membershipValues = $('<div class="member-values" />'); $membershipScale = $("<div class='member-scale'></div>"); $membershipScale.appendTo($membershipBar); $membershipValues.appendTo($membershipScale); for (i = 15; i > 0; i--) { $membershipValues.append('<div class="member-percentage" data-value="' + i * 10 + '"></div>'); } $membershipLabels.appendTo($membershipScale); $('<div class="member-text">10<span>%</span></div>').appendTo($membershipScale); $membershipBar.on('click', '.arr-up, .arr-down', function () { if($(this).hasClass('arr-up')) $('.member-percentage[data-value=' + $('.member-text').text().substr(0, $('.member-text').text().length - 1) + ']').prev().trigger('mouseenter'); else $('.member-percentage[data-value=' + $('.member-text').text().substr(0, $('.member-text').text().length - 1) + ']').next().trigger('mouseenter'); }); $('.segment_quiz_question[data-question-id="371"] .segment_quiz_answer[data-answer-id="1321"] label').click(); $membershipBar.on('hover', '.member-percentage', function () { var perc = $(this); $('.segment_quiz_question[data-question-id="371"] .segment_quiz_answer label').each(function () { if ($(this).text() == perc.attr('data-value')) $(this).click(); }); $('.member-text').html($(this).attr('data-value') + '<span>%</span>'); $(this).addClass('hover'); $(this).prevAll('.member-percentage').removeClass('hover'); $(this).nextAll('.member-percentage').addClass('hover'); }) $membershipBar.appendTo('.segment_quiz_question[data-question-id="371"]'); //How many features price $('.segment_quiz_question[data-question-id=372] input[type=checkbox]').on('change', function () { if ($(this).is(':checked')) { total += parseInt($(this).closest('.segment_quiz_answer').data('price')); } else { total -= parseInt($(this).closest('.segment_quiz_answer').data('price')); } }) $('<div class="features-imgs"><img src="/AppImages/questionnaire/screens/quiz-default.png" /></div>').insertAfter(".segment_quiz_question[data-question-id=372] ul"); // change features image var featureHov = $('.segment_quiz_question[data-question-id=372] li span'), imgSrc = $('.features-imgs img'); featureHov.mouseover(function () { var answerID = $(this).attr("data-answer-id"); imgSrc.attr('src', '/AppImages/questionnaire/screens/' + answerID + '.png'); }); featureHov.mouseleave(function () { var answerID = $(this).attr("data-answer-id"); imgSrc.attr('src', '/AppImages/questionnaire/screens/quiz-default.png'); }); var membershipIncrease = 0; $('.segment_quiz_question[data-question-id=371] input[type=radio]').on('change', function () { total -= membershipIncrease; if ($(this).is(':checked')) { membershipIncrease = $(this).closest('.segment_quiz_answer').data('price'); total += parseInt(membershipIncrease); } }) //How old is your site $('<div id="sliderWrapper"><div id="slider"></div></div>').insertAfter('.segment_quiz_question[data-question-id="373"] h3'); $('.segment_quiz_question[data-question-id="373"] .segment_quiz_answer label:contains(0)').click(); $('#slider').slider({ value: 0, min: 0, max: 6, slide: function (event, ui) { $('.segment_quiz_question[data-question-id="373"]').css('background', 'url(/AppImages/questionnaire/age/' + ui.value + '.png) no-repeat center 60% #004D5C'); $('.segment_quiz_question[data-question-id="373"] .segment_quiz_answer label:contains(' + ui.value + ')').click(); } }); // How old is your site - mobile checkboxes change the image var option = $('.segment_quiz_question[data-question-id="373"] .segment_quiz_answer[data-answer-id^="134"] input'); var options = jQuery.makeArray(option); $(options).on('click', function () { var index = $(this).closest('li').index(); $('.segment_quiz_question[data-question-id="373"]').css('background', 'url(/AppImages/questionnaire/age/' + index + '.png) no-repeat center 60% #004D5C'); }); $("<p>Age in years.</p>").appendTo("#sliderWrapper"); var $quiz = $(".segment_quiz_wrapper"), $quizQuestions = $quiz.find('.segment_quiz_question'); $quizAnswers = $quiz.find('.segment_quiz_answer.statement_style', '.segment_quiz_answers'); $quizResult = $(".segment_quiz_result", $quiz), currentAnswerIndex = 0; $(function () { $('.segment_quiz_start').click(function () { $.fn.fullpage.moveSectionDown(); currentAnswerIndex += 1; return false; }); $('.segment_quiz_next').click(function (e) { $.fn.fullpage.moveSectionDown(); e.preventDefault(); currentAnswerIndex += 1; }); function scrollToElement(targetElement, offset) { $('html, body').animate({ scrollTop: targetElement.offset().top + offset }, 700, $.bez([.25, .1, .25, 1])); } function getHeaderHeight() { /*var header_height = $('#header').outerHeight(true); if (header_height < 110) { header_height = 0; } return header_height + 20;*/ return 20; } $('.segment_quiz_result').click(function () { //window.location.href = "/TechNation-Tech-Types"; }); $('#wrapper').css('padding-bottom', window.screen.availHeight / 2); // open contact form $('.segment_quiz_answer[data-answer-id="1355"] label, #contact-details .close, #contact-overlay').click(function () { $("#contact-details").toggleClass("display-form"); $("#contact-overlay").toggleClass("display-overlay"); }); // open return home $('.segment_quiz_answer[data-answer-id="1356"] label, #return-overlay').click(function () { window.location.href = "/website-cost-calculator/thats-a-shame"; }); $('.segment_quiz_question[data-question-id="371"] .member-percentage').each(function (i) { $(this).css('height', (i * 2) + 10); }); // Intialise full page $('.segment_quiz_questions').fullpage({ sectionSelector: '.segment_quiz_question', verticalCentered: false, afterRender: function () { $(".progress").css("width", slideWidth + '%'); $('.tool-tip li').text(toolTips[0]); }, onLeave: function (index, nextIndex, direction) { // Progress bar fill var leavingSection = $(this); slideWidthIndex = slideWidth * nextIndex; $(".progress").css("width", slideWidthIndex + '%'); $('.tool-tip li').text(toolTips[nextIndex - 1]); // Total price bracket $('.segment_quiz_question[data-question-id=379] li').hide(); totalFinal = parseInt(total) + 15000; if (totalFinal <= 19999) { $(".segment_quiz_answer[data-answer-id='1373']").parent().show(); $(".segment_quiz_answer[data-answer-id='1373'] input").attr('checked', 'checked'); } else if (totalFinal >= 20000 && totalFinal <= 24999) { $(".segment_quiz_answer[data-answer-id='1374']").parent().show(); $(".segment_quiz_answer[data-answer-id='1374'] input").attr('checked', 'checked'); } else if (totalFinal >= 25000 && totalFinal <= 29999) { $(".segment_quiz_answer[data-answer-id='1375']").parent().show(); $(".segment_quiz_answer[data-answer-id='1375'] input").attr('checked', 'checked'); } else if (totalFinal >= 30000 && totalFinal <= 49999) { $(".segment_quiz_answer[data-answer-id='1376']").parent().show(); $(".segment_quiz_answer[data-answer-id='1376'] input").attr('checked', 'checked'); } else if (totalFinal >= 50000) { $(".segment_quiz_answer[data-answer-id='1377']").parent().show(); $(".segment_quiz_answer[data-answer-id='1377'] input").attr('checked', 'checked'); }; var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',') if (nextIndex == 6) { $('.priceRange11').prop("number", "0").animateNumber({ number: 15000, numberStep: comma_separator_number_step }, 2000 ); $('.priceRange12').prop("number", "0").animateNumber({ number: 20000, numberStep: comma_separator_number_step }, 3000 ); $('.priceRange21').prop("number", "0").animateNumber({ number: 20000, numberStep: comma_separator_number_step }, 2000 ); $('.priceRange22').prop("number", "0").animateNumber({ number: 25000, numberStep: comma_separator_number_step }, 3000 ); $('.priceRange31').prop("number", "0").animateNumber({ number: 25000, numberStep: comma_separator_number_step }, 2000 ); $('.priceRange32').prop("number", "0").animateNumber({ number: 30000, numberStep: comma_separator_number_step }, 3000 ); $('.priceRange41').prop("number", "0").animateNumber({ number: 30000, numberStep: comma_separator_number_step }, 2000 ); $('.priceRange42').prop("number", "0").animateNumber({ number: 40000, numberStep: comma_separator_number_step }, 3000 ); $('.priceRange51').prop("number", "0").animateNumber({ number: 40000, numberStep: comma_separator_number_step }, 2000 ); $('.priceRange52').prop("number", "0").animateNumber({ number: 50000, numberStep: comma_separator_number_step }, 3000 ); } } }); }) $('.segment_quiz_answer[data-answer-id=1355]').on('click', function (evt) { evt.stopPropagation(); evt.preventDefault(); var answerBox = $('#contact-details .hidden-answers ul'); // Current membership size var currentSize = $(".segment_quiz_question[data-question-id='378'] input[type=radio]:checked + label").text(); console.log(currentSize); // Desired increase var desiredInc = $('.segment_quiz_question[data-question-id="371"] #membershipWrapper .member-text').text(); console.log(desiredInc); // Required features var reqFeatures = $(".segment_quiz_question[data-question-id='372'] .segment_quiz_answer input[type=checkbox]:checked + label").map(function () { return $(this).text(); }).get().join(', '); console.log(reqFeatures); // Age of current site var siteAge = $(".segment_quiz_question[data-question-id='373'] input[type=radio]:checked + label").text(); console.log(siteAge); // Price estimate var priceEst = $(".segment_quiz_question[data-question-id='379'] li[style='display: list-item;'] input[type=radio] + label").text(); console.log(priceEst); answerBox.empty(); answerBox.append('<li><strong>Current Size:</strong> ' + currentSize + '</li>'); answerBox.append('<li><strong>Desired Enquiries Increase:</strong> ' + desiredInc + '</li>'); answerBox.append('<li><strong>Required Features:</strong> ' + reqFeatures + '</li>'); answerBox.append('<li><strong>Current Site Age:</strong> ' + siteAge + '</li>'); answerBox.append('<li><strong>Cost Estimate:</strong> ' + priceEst + '</li>'); var data = { currentSize:currentSize, desiredEnquiries: desiredInc, requiredFeatures:reqFeatures, currentSiteAge:siteAge, costEstimate:priceEst } $('#hdnAnswers').val(JSON.stringify(data)); }); }); </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> <!--Start of Tawk.to Script--> <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> <!--End of Tawk.to 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> <!-- Google Code for Remarketing Tag --> <!-------------------------------------------------- Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup ---------------------------------------------------> <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="6548792" /> <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></form> </body> </html>