CINXE.COM
PurpleSpace
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title> PurpleSpace</title> <meta name="twitter:title" content=" " /> <meta name="twitter:url" content=" " /> <meta name="twitter:description" content=" " /> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:url" content=" " /> <meta property="og:type" content="article" /> <meta property="og:title" content=" : " /> <meta property="og:description" content=" " /> <meta name="twitter:image" content="https://www.purplespace.org/img/PurpleSpace_Logo.jpg" /> <meta property="og:image" content="https://www.purplespace.org/img/PurpleSpace_Logo.jpgg" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="xpversion" content="1.2.1.1" /> <meta name="author" content="PurpleSpace"/> <meta name="keywords" content=""/> <meta name="robots" content="index,follow"> <meta name="identifier-URL" content="http://www.purplespace.org"/> <meta name="reply-to" content="dev@xperedon.com"/> <meta name="copyright" content="Copyright XPEREDON 2014"/> <meta name="classification" content="Xperedon"/> <meta name="revisit-after" content="2 days"/> <meta name="msvalidate.01" content="CD9B37214F5B53C50C1A4D69186F28BF" /> <META name="y_key" content="f5a25796156c9768"> <meta name="google-site-verification" content="EATGa1txULdGCMsjtqTaAmI8uILDFwpK3jzrywMbjFg" /> <link rel="shortcut icon" href="/favicon.ico"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/bootstrap/3/css/bootstrap.css?1741980079" /> <link rel="stylesheet" type="text/css" href="/css/purplespace.css?1741980079" /> <link href="/bootstrap/3/css/yay.min.css" rel="stylesheet"> <link href="/css/emoticons.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="/css/socicon.css" rel="stylesheet" type="text/css" media="all"> <script src="https://kit.fontawesome.com/0260f719fc.js" crossorigin="anonymous"></script> <!-- HTML5 shim IE8 support for HTML5 elements --> <!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <![endif]--> <script type="text/javascript" src="/ScriptLibrary/jquery-latest.pack.js"></script> <script src="/bootstrap/3/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/bootstrap-confirmation.min.js"></script> <script type="text/javascript" src="/js/jquery.cookiesdirective.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-15080778-32', 'auto'); ga('send', 'pageview'); </script> </head> <body class="yay-hide"> <style> /* prevent move to top covering text */ #move-to-top { width: 9%!important; right: 0!important; } /* make hero readable in 200% mode */ .pos-vertical-center { top:65%!important; } /* nerf html5 border error */ .iframe { border:none!important; } /* Style for the skip link */ .skip-link { position: absolute; top: -42px; /* Hide off-screen */ left: 0; background: #000; color: #fff; padding: 8px 16px; z-index: 1080; text-decoration: none; transition: top 0.3s; } /* Show the skip link when focused */ .skip-link:focus { top: 0; } /* Default style for the main section */ /* #connect-main-section { transition: padding-top 0.3s ease-in-out; /* Smooth transition */ /* padding-top: 0; /* Initial padding */ /*} /* Style when focused */ /* #connect-main-section:focus { /* margin-top: 100px; /* Push down by 150px */ /*} /* Increase contrast from #eeeeee when focused */ .nav > li > a:hover, .nav > li > a:focus { background-color: #dddddd!important; } .form-control:focus { border-color: #000000!important; border-width:2px; /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/ box-shadow: none !important; } /* card links underline */ .text-center.hover-card { text-decoration: underline; } /* Move reCAPTCHA v3 badge to the left */ .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; } .grecaptcha-badge:hover { width: 256px !important; } </style> <!-- Skip Links to Other sections on page --> <helper> <a href="#connect-main-section" class="skip-link">Skip to main content</a> <!-- <a href="#learning-development" class="skip-link">Skip to learning & development</a> <a href="#global-roadmap" class="skip-link">Skip to global roadmap</a> <a href="#consultancy" class="skip-link">Skip to consultancy</a> <a href="#our-members" class="skip-link">Skip to our members</a> <a href="#PositivelyPurple" class="skip-link">Skip to PositivelyPurple</a> <a href="#member-resources" class="skip-link">Skip to member-resources</a> <a href="#what-our-members-say" class="skip-link">Skip to what our members say</a> --> </helper> <script> document.querySelectorAll('.skip-link').forEach(link => { link.addEventListener('click', function(event) { event.preventDefault(); // Prevent default anchor behavior const targetId = this.getAttribute('href').substring(1); // Get the target ID const targetElement = document.getElementById(targetId); if (targetElement) { targetElement.setAttribute('tabindex', '-1'); // Ensure the element is focusable targetElement.focus(); // Move focus to the target element window.scrollTo({ top: targetElement.offsetTop, // Scroll to the element's position behavior: 'smooth' // Optional: Smooth scrolling }); } }); }); </script> <script type="text/javascript"> $(document).ready(function() { $('.dropdown').on('focusout', function(event) { // Check if the related target (where focus is moving) is outside the dropdown if (!$(this).has(event.relatedTarget).length) { $(this).removeClass('open'); } }); }); </script> <nav id="main-navbar" class="navbar navbar-dark bg-white navbar-fixed-top navbar--fixed"> <div class="container"> <a class="navbar-brand" title="PurpleSpace" alt="PurpleSpace Logo" href="/"> <span class="logo"> <img class="logoimg" src="/img/PurpleSpace_Logo_Top.jpg" alt="" height="50"> </span> <span class="sr-only">Purplespace</span> </a> <a class="nav-link navbar-toggler hidden-blg-up pull-xs-right" data-toggle="collapse" href="#collapsingNavbar" aria-expanded="false" aria-controls="collapsingNavbar">☰</a> <div id="collapsingNavbar" class="navbar-toggleable-custom collapse" role="tabpanel" aria-labelledby="collapsingNavbar" style="z-index: 1000;"> <ul class="nav navbar-nav pull-xs-right"> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle nav-dropdown-about" data-toggle="dropdown" aria-expanded="false">About <span class="fa fa-caret-down"></span></a> <ul class="dropdown-menu dropdown-menu-right "> <li class=""> <a class="dropdown-item" href="/about">About</a> </li> <li class=""> <a class="dropdown-item" href="/futurists">Futurists</a> </li> <li class=""> <a class="dropdown-item" href="/why-join">Why Join?</a> </li> <li class=""> <a class="dropdown-item" href="/kate-nash-obe ">Kate Nash OBE</a> </li> <li class=""> <a class="dropdown-item" href="/meet-our-members">Meet Our Members</a> </li> <li class=""> <a class="dropdown-item" href="/memberships">Membership</a> </li> <li class=""> <a class="dropdown-item" href="/strategic-partners">Strategic Partners</a> </li> <li class=""> <a class="dropdown-item" href="/consultancy">Consultancy</a> </li> <li class=""> <a class="dropdown-item" href="/team">Meet the Team</a> </li> </ul> </li> <li class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle nav-dropdown-about" data-toggle="dropdown" aria-expanded="false">Development <span class="fa fa-caret-down"></span></a> <ul class="dropdown-menu dropdown-menu-right "> <li class=""> <a class="dropdown-item" href="/purplespace-themes">Leadership Lessons</a> </li> <li class=""> <a class="dropdown-item" href="/learning">Learning and development opportunities</a> </li> <li class=""> <a class="dropdown-item" href="/purplespace-resources">PurpleSpace Resources</a> </li> </ul> </li> <li class="nav-item nav-item-toggable"> <a class="nav-link" href="/global-summit-2024">Global Summit</a> </li> <li class="nav-item nav-item-toggable"> <a class="nav-link" href="/positivelypurple">#PositivelyPurple</a> </li> <li class="nav-item nav-item-toggable loginbtn" style="margin-left: 10px;"> <a class="btn btn-primary" href="/account_login">Login</a> </li> </ul> </div> </div> </nav> <!-- test123 --> <!--check if logged in first --> <div class="content-wrap bg-secondary"> <div class="hero-holder"> <hero> <div class="bg-image" style="background: url('https://www.purplespace.org/resources/purplespace-themes/2025/theme_mar.jpg?');"> </div> <div class="container pos-vertical-center"> <div class="col-sm-12 text-center"> <h1>Building disability confidence<br> from the inside out</h1> <a class="btn btn-primary" href="/why-join"> <span class="btn__text">Why Purplespace?</span> </a> </div> </div> </hero> </div> <div class="container affix-content theme-showcase" role="main" style="padding-top:30px;" id="connect-main-section"tabindex="-1"> <div class="row"> <div class="col-sm-6" style="padding-bottom: 25px;"> <div class="youtube-video"> <iframe class="iframe" title="Welcome to Purplespace, a Global movement" width="560" height="315" src="https://www.youtube.com/embed/Xjb2Oqe4fMo" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> <div class="col-md-6 col-sm-6" style="padding-top: 25px;"> <h2>Welcome to PurpleSpace</h2> <h3>The world's only professional development hub for disability network leaders</h3> <p>We are disability confident employees, networks, allies and champions driving business change on disability from the inside out.</p> <p>Come and join our community and fresh conversations about disability and work.</p> </div> </div> <div class="row equal-height"> <div class="col-sm-4"> <div class="boxed bg-white box-shadow flex-content" id="learning-development" tabindex="-1"> <a href="/learning"> <img alt="PurpleSpace Learning & Development" aria-hidden="true" title="Learning & Development" src="/img/PurpleSpace_events_home.jpg"> <span> </span> <h4>Learning & Development</h4> <hr> <p>High quality, high impact learning, development and networking events. Events are free to our members. </p> </a> </div> </div> <div class="col-sm-4"> <div class="boxed bg-white box-shadow flex-content" id="global-roadmap" tabindex="-1"> <a href="/purplespace-global"> <img aria-hidden="true" alt="PurpleSpace Global Roadmap" title="Global Roadmap" src="/img/PurpleSpace_Global_home.jpg"> <span> </span> <h4>Global Roadmap</h4> <hr> <p>Our 'Networkology' know-how is now used all over the world. Read about our 'Global Roadmap for 2019 - 2022'.</p> </a> </div> </div> <div class="col-sm-4"> <div class="boxed bg-white box-shadow flex-content" id="consultancy" tabindex="-1"> <a href="/consultancy"> <img aria-hidden="true" title="PurpleSpace Consultancy Service" alt="PurpleSpace Consultancy" src="/img/our-services_home.jpg"> <span> </span> <h4>Consultancy</h4> <hr> <p>Strategic advice, workshops and training supporting the growth and development of disability networks</p> </a> </div> </div> <div class="col-sm-4"> <div class="boxed bg-white box-shadow flex-content" id="our-members" tabindex="-1"> <a href="/meet-our-members"> <img aria-hidden="true" title="PurpleSpace Meet Our Members" alt="PurpleSpace Members" src="/img/meet-our-members_home.jpg"> <span> </span> <h4>Our Members</h4> <hr> <p>We are proud to work with member organisations from across the private and public sectors</p> </a> </div> </div> <div class="col-sm-4"> <div class="boxed bg-white box-shadow flex-content" id="PositivelyPurple" tabindex="-1"> <a href="/purple-light-up"> <img aria-hidden="true" title="PurpleSpace PositivelyPurple Campaign" alt="PositivelyPurple group photo" src="/img/purple_light_up_home_page.jpg"> <span> </span> <h4>#PositivelyPurple</h4> <hr> <p>Disability networks and organisations celebrating the economic contribution of disabled employees for IDPD</p> </a> </div> </div> <div class="col-sm-4"> <div class="boxed bg-white box-shadow flex-content" id="member-resources" tabindex="-1"> <a href="/home?document=resources"> <img alt="PurpleSpace Member Resources" src="/img/purplespace-resources_home.jpg"> <span> </span> <h4>Member Resources</h4> <hr> <p>Practical resources designed around the unique insights of network leaders and disabled employees. </p> </a> </div> </div> </div> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="youtube-video"> <iframe class="iframe" title="Purplespace - Come and join us" width="100%" height="100%" src="https://www.youtube.com/embed/bOuxHHC34dM" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div><br /> </div> </div> <div class="col-md-12" id="what-our-members-say" tabindex="-1"><h3>What our members say...</h3></div> <div class="row equal-height"> <div class="col-sm-4"> <div class="testimonial text-left bg-white quote-box box-shadow flex-content" style=""> <p> <span class="open-quote"></span> I once heard someone say he was the first disabled person he had ever met. That sums up the isolating experience of having a disability. The workshop I went on unlocked the fear of being who I am - of sharing my experiences - of being my brilliant self at work. <span class="close-quote"></span> </p> </div> </div> <div class="col-sm-4"> <div class="testimonial text-left bg-white quote-box box-shadow flex-content" style=""> <p> <span class="open-quote"></span> Sometimes you just need a bit of inspiration, encouragement, the experience of others and the knowledge that you are not on your own - and PurpleSpace offers me all of that. <span class="close-quote"></span> </p> </div> </div> <div class="col-sm-4"> <div class="testimonial text-left bg-white quote-box box-shadow flex-content" style=""> <p> <span class="open-quote"></span> We needed to bring people together to ask some big questions. Did our strategy have focus? Were we executing it adequately? Were we rewarding our volunteers correctly? Did our executive sponsor have our backs? Ultimately, how would we know we were doing well as a network? <span class="close-quote"></span> </p> </div> </div> </div> </div> </div> </div> <footer class="bg-dark footer"> <div class="container"> <div class="row equal-height" style="padding-bottom: 15px;"> <div class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 25px;"> <div class="flex-content"> <ul> <li> <a href="/learning"><span>Learning</span></a> </li> <li> <a href="/home?document=resources"><span>Resources</span></a> </li> <li> <a href="/blog"><span>Blog</span></a> </li> <li> <a href="/consultancy"><span>Consultancy</span></a> </li> </ul> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 25px;"> <div class="flex-content"> <!-- <h4>About</h4> --> <ul> <li> <a href="/about"><span>About</span></a> </li> <li> <a href="/terms-conditions"><span>Terms & Conditions</span></a> </li> <li> <a href="/contact"><span>Contact</span></a> </li> <li> <a href="/privacy-policy"><span>Privacy Policy</span></a> </li> <li> <a href="/accessibility-statement"><span>Accessibility Statement</span></a> </li> </ul> </div> </div> <div class="col-md-4 col-sm-12" style="margin-top: 25px; padding-left:45px;"> <div class="flex-content"> <h4 style="margin-bottom: 15px;">Connect with Us</h4> <p style="margin-bottom: 10px; padding-left: 15px;"> <a aria-label="Visit PurpleSpace on X" href="http://www.x.com/mypurplespace" target="_blank" style="margin-right: 30px;"><i class="socicon-twitter"></i></a> <a aria-label="Visit PurpleSpace on LinkedIn" href="http://www.linkedin.com/company/purplespace" target="_blank"><i class="socicon-linkedin"></i></a></p> <p>PURPLESPACE LIMITED<br> Company number 09764245<br> 2nd Floor, Here East Press Centre, 14 East Bay Lane, London, E15 2GW</p> </div> </div> </div> </div> <div class="footer_lower"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <span class="type--fine-print">漏 Copyright <span class="update-year">2025</span> PurpleSpace & HG15 Ltd. - All Rights Reserved</span> </div> </div> </div> </div> <div style="background-color:#FFF; padding:20px;"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <a aria-label="Website powered by UmbrellaDev" id="UmbrellaDev" href="http://www.umbrelladev.com/" target="_blank"><img src="/img/umbrelladev.jpg" alt="Website powered by UmbrellaDev"></a> </div> </div> </div> </div> </footer> <script src="/bootstrap/3/js/jquery.nanoscroller.min.js"></script> <script src="/bootstrap/3/js/yay.min.js"></script> <script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <div id="move-to-top"><a href="#top">BACK TO TOP</a></div> <script type="text/javascript"> var lastFoundHeight = $("#connect-top-menu").height(); function checkForHeightChange() { var h = $("#connect-top-menu").height(); if( lastFoundHeight != h ) { $("#connect-main-section").css("padding-top",h+"px"); $("#connect-left-menu").css("top",h+"px"); lastFoundHeight = h; } setTimeout(checkForHeightChange, 500); } // Using $(document).ready never hurts $(document).ready(function(){ $('[data-toggle="popover"]').popover({ template : '<div class="popover" role="popover"><div class="popover-arrow"></div><div class="popover-content popover-scroll" style=""></div></div>' }); $('body').on('click', function (e) { $('[data-toggle="popover"]').each(function () { //the 'is' for buttons that trigger popups //the 'has' for icons within a button that triggers a popup if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { $(this).popover('hide'); } }); }); $.cookiesDirective({ explicitConsent: true, position : 'bottom', duration: 0, backgroundColor: '#000000', fontColor: '#FFFFFF', message: 'PurpleSpace uses cookies to improve our website and make our online services work better for you, and by continuing you accept this. <a href="/terms-conditions#cookies" style="color:#FFFFFF; text-decoration:underline;">Find out about our Cookies.</a> ' }); //Call the Height check Once checkForHeightChange(); // hide #back-top first $("#move-to-top").hide(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 150) { $('#move-to-top').fadeIn(); //$('#connect-footer').css( "margin-bottom", "40px" ); } else { $('#move-to-top').fadeOut(); } }); // scroll body to 0px on click $('#move-to-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> </body> </html>