</noscript> <!-- End Google Tag Manager (noscript) --> <div id="main-container" class="ccm-page page-type-page-narrow page-template-full-narrow"> <!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <!-- Header --> <div id="header-container"> <header class="header-content-inner no-side-margins"> <div id="header-container" class="container header-container header-regular"> <div id="header-main-content" class="header-primary row" class="skinny"> <div class="inner-container col-xs-12"> <div class="hp-blocks-holder"> <div class="row logo-row"> <div class="col-xs-6 logo-wrapper logo-wrapper--regular"> <!-- <h1 class="logo logo--regular">--> <a href="https://www.edinburghbicycle.com/" title="Edinburgh Bicycle Cooperative"> <!-- <strong>Edinburgh Bicycle Cooperative</strong>--> <div class="hidden-xs hidden-sm desktop-logo"> <img src="/packages/edinburgh_bicycle/themes/ebc/images/ebc-logo-footer.png" data-src="/packages/edinburgh_bicycle/themes/ebc/images/ebc-logo-footer.png" alt="Edinburgh Bicycle Cooperative" class="lazyload" height="31" /> </div> <div class="hidden-md hidden-lg mobile-logo"> <img src="/packages/edinburgh_bicycle/themes/ebc/images/ebc-logo-mobile.png" data-src="/packages/edinburgh_bicycle/themes/ebc/images/ebc-logo-mobile.png" alt="Edinburgh Bicycle Cooperative" class="lazyload" /> </div> </a> <!-- </h1>--> </div> <div class="col-xs-6 right-column"> <ul class="header-links"> <li class="header-link-phone hidden-xs hidden-sm"> <a href="tel:03452570808"> <i class="fa fa-phone" aria-hidden="true"></i> <span class="label">0345 257 0808</span> </a> </li><br/> <li class="toggle-mobile-menu header-link-menu hidden-md hidden-lg"> <a href="#" id="mobToggle"> <i class="fa fa-bars" aria-label="Toggle menu"></i> <span id="mobToggleLabel" class="label">Menu</span> </a> </li> <li class="header-link-checkout hidden-md hidden-lg mob-header-toggle"> <div id="mobile-cart" class="mini-cart checkout"> <a class="contents mini-basket-btn" onclick="setLocation('/basket')" title="View My Basket"> <span> <i class="mobile-basket-count fa fa-shopping-basket fa-2x" aria-hidden="true" data-count="0"></i> <span class="label">Basket</span> </span> </a> </div> </li> <li id="header-link-login" class="account-links header-link-account hidden-xs hidden-sm"> <a href="/customer/account/login"> <i class="fa fa-sign-in" aria-hidden="true"></i> <span class="label">Log In</span> </a> </li> <li id="header-link-logout" class="account-links header-link-account hidden hidden-xs hidden-sm"> <a href="/customer/account/logout/"> <i class="fa fa-sign-in" aria-hidden="true"></i> <span class="label">Log Out</span> </a> </li> <li id="header-link-account" class="account-links header-link-account hidden hidden-xs hidden-sm"> <a href="/customer/account/"> <i class="fa fa-sign-in" aria-hidden="true"></i> <span class="label">My Account</span> </a> </li> <li class="header-link-stores mob-header-toggle"> <a href="/info/our-shops/"> <i class="fa fa-map-marker" aria-hidden="true"></i> <span class="label">Stores</span> </a> </li> <li class="header-link-contact mob-header-xs-hide mob-header-toggle"> <a href="/info/contact-us/"> <i class="fa fa-envelope-o hidden-xs hidden-sm" aria-hidden="true"></i> <i class="fa fa-phone hidden-md hidden-lg" aria-hidden="true"></i> <span class="label">Contact</span> </a> </li> </ul> </div> </div> <!-- Search Header --> <div class="row search-basket-row"> <div id="header-search" class="col-xs-12 col-md-8 mob-header-toggle search-col skip-content skip-content--style"> <div class="search-wrapper logo-search-col"> <div id="search-logo" class="hidden"> <a href="https://www.edinburghbicycle.com/"> <img src="/packages/edinburgh_bicycle/themes/ebc/images/logo-star.png" data-src="/packages/edinburgh_bicycle/themes/ebc/images/logo-star.png" alt="EBC logo" class="logo lazyload" height="34" width="34"> </a> </div> <div id="search-form"> <form action="/catalogsearch/result" class="form-search" method="get"> <div class="input-group search-widget"> <label for="search">Search:</label> <input id="search" type="text" name="q" placeholder="Search For..." value="" class="input-text" maxlength="128"> <span class="input-group-button"> <button class="button" type="submit"> <i class="fa fa-search" aria-hidden="true"></i> <span class="search-label">Search</span> </button> </span> </div> </form> </div> </div> </div> <div id="header-basket" class="hidden-xs hidden-sm col-md-4 cart-col"> <div id="desktopCart" class="col"> <div id="mini-cart" class="mini-cart basket-widget"> <div class="mini-basket-btn contents"> <i class="fa fa-shopping-basket" aria-hidden="true"></i> <span class="basket-price">£0.00</span> <span class="basket-count"> (0 items)</span> </div> <a class="button lane-btn checkout" onclick="setLocation('/checkout/cart')"> Checkout </a> </div> </div> </div> </div> </div> </div> </div> <div id="header-nav-content" class="row"> <!-- new nav goes here --> <div id="header-nav-content"> <div id="menuBlockContainer" class="menu-block-container col-xs-12 clearfix"> <div class="menu-block"> <div class="menu-block-heading"> <a href="/" title="Home"> <span class="text home-icon"><i class="fa fa-home"></i></span> <span class="text home-text">Home</span> </a> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/bicycles" title="Bicycles"> <span class="text">Bicycles</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Shop By</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycles/gravel-bikes-cyclocross-bikes"> <span class="text">Cyclocross & Gravel Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/folding-bikes"> <span class="text">Folding Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/full-suspension-mountain-bikes"> <span class="text">Full Suspension Mountain Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/hybrid-bikes"> <span class="text">Hybrid Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/kids-bikes"> <span class="text">Kids Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/mountain-bikes"> <span class="text">Mountain Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/road-bikes"> <span class="text">Road Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/touring-bikes"> <span class="text">Touring & Adventure Bikes</span> </a> </div> </div><!-- close mb-sublist --> </div><!-- close mb-link --> </div><!-- close mb-list --> </div><!-- close mb-column --> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Popular Filters</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycles/2021-bikes">2021 Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/2022-bikes">2022 Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/balance-bikes">Balance Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/offers/special-offers-bicycles">Bikes Sale</a> </div> <div class="menu-block-link type-link"> <a href="/mens-bikes">Mens Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/women-s-bikes">Women's Bikes</a> </div> </div> </div><!-- close mb-link --> </div><!-- close mb-list --> </div><!-- close mb-column --> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="4"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Top Brands</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/specialized-bikes">Specialized Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/whyte-bikes">Whyte Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/giant-bikes">Giant Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/brompton-bikes">Brompton Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/frog-kids-bikes">Frog Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/liv-bikes">Liv Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/genesis-bikes">Genesis Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/kalkhoff-bikes">Kalkhoff Bikes</a> </div> </div> </div><!-- close mb-link --> </div><!-- close mb-list --> </div><!-- close mb-column --> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Buying Advice</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/info/bike-buying-guide/"> <em>Bike buying guide</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/cycle-to-work-scheme/"> <em>Our Cycle to Work Scheme</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/cycle-to-work-scheme-calculator/"> <em>Cycle to Work Calculator</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/five-reasons-buy-road-bike-bike-co-op/"> <em>Why buy a bike from us?</em> </a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> </div> </div><!-- close mb-link --> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Size Guides</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bike-sizing-guide"> <em>Bike sizing guide</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/bike-sizing-by-brand/"> <em>Bike sizing guide by brand</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/sizing-guide-for-kids-bikes/"> <em>Sizing guide for kids bikes</em> </a> </div> </div> </div> </div><!-- close mb-list --> </div><!-- close mb-column --> <div class="menu-block-banner hidden-xs hidden-sm col-md-12 clearfix"> <a title="0% Bike Finance available online" href="/info/finance/" target="_self"> <img title="0% Bike Finance" alt="Flash Sale" src="https://media.edinburghbicycle.com/media/wysiwyg/Homepage_Banners/2020/xlowmonthlypayment.jpg.pagespeed.ic.9MSyZTMNEK.webp" class="lazyload"> </a> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/electric-bikes" title="Bicycles"> <span class="text">Electric Bikes</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Shop By</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/electric-cargo-bikes"> <span class="text">Electric Cargo Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/electric-mountain-bikes"> <span class="text">Electric Mountain Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/electric-road-bikes"> <span class="text">Electric Road Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/folding-electric-bikes"> <span class="text">Folding Electric Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/hybrid-electric-bikes"> <span class="text">Hybrid Electric Bikes</span> </a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Popular Filters</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/mens-electric-bikes">Men's E-Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/womens-electric-bikes">Women's E-Bikes</a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Top Brands</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/kalkhoff-electric-bikes">Kalkhoff E-Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/brompton-electric-bikes">Brompton Folding E-Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/whyte-electric-bikes">Whyte E-Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/specialized-electric-bikes">Specialized E-Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/giant-electric-bikes">Giant E-Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/all-brands/brand/batribike">Batribike E-Bikes</a> </div> <div class="menu-block-link type-spacer"> </div> <div class="menu-block-link type-link"> <a href="/tern-e-cargo-bike">Tern E-Cargo Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/all-brands/brand/riese-muller">Riese & Muller E-Cargo Bikes</a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="4"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Buying Advice</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/info/5-reasons-to-buy-your-electric-bike-from-us/"> <em>Why buy your electric bike from us?</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/are-electric-bikes-any-good/"> <em>Are electric bikes any good?</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/electric-bike-reviews-by-their-owners/"> <em>Electric bike reviews</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/can-get-fit-e-bike/"> <em>Can you get fit on an e-bike?</em> </a> </div> <div class="menu-block-link type-spacer"> </div> </div> </div> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Size Guides</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bike-sizing-guide/electric-bikes"> <em>Men's e-bike sizing guide</em> </a> </div> <div class="menu-block-link type-link"> <a href="/bike-sizing-guide/womens/electric-bikes"> <em>Women's e-bike sizing guide</em> </a> </div> </div> </div> </div> </div> <div class="menu-block-banner hidden-xs hidden-sm col-md-12 clearfix"> <a title="New e-bike? - Spread the cost with 0% finance" href="/info/finance" target="_self"> <img title="New e-bike? - Spread the cost with 0% finance" alt="New e-bike? - Spread the cost with 0% finance" src="https://media.edinburghbicycle.com/media/wysiwyg/Homepage_Banners/2020/xlowmonthlypayment.jpg.pagespeed.ic.9MSyZTMNEK.webp" class="lazyload"> </a> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/accessories" title="Accessories"> <span class="text">Accessories</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <a href="/accessories/bike-bags" title="Bike Bags & Luggage"> <h4 class="accordion-item-title">Bike Bags & Luggage</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/bike-bag-spares"> <span class="text">Bag Spares & Accessories</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/bike-transport-wheel-bags"> <span class="text">Bike Boxes & Wheel Bags</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/brompton-bags"> <span class="text">Brompton Bags</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/cycling-rucksacks"> <span class="text">Cycling Rucksacks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/handlebar-bags-bike-baskets"> <span class="text">Handlebar Bags & Baskets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/hydration-packs"> <span class="text">Hydration Packs</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/panniers"> <span class="text">Panniers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/pannier-racks"> <span class="text">Pannier Racks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags/bike-saddle-bags-frame-bags"> <span class="text">Saddle & Frame Fitting Bags</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/locks" title="Bike Locks"> <h4 class="accordion-item-title">Bike Locks</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/locks/bike-chain-locks-cable-locks"> <span class="text">Chain & Cable Locks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/locks/d-locks"> <span class="text">D Locks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/locks/bike-lock-spares"> <span class="text">Lock Spares</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/bicycle-pumps" title="Bike Pumps"> <h4 class="accordion-item-title">Bike Pumps</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-pumps/co2-inflators-cartridges"> <span class="text">CO2 Inflators & Cartridges</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-pumps/mini-pumps"> <span class="text">Mini Pumps</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-pumps/bike-puncture-repair"> <span class="text">Puncture Repair</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-pumps/bike-pump-spares"> <span class="text">Pump Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-pumps/track-pumps"> <span class="text">Track Pumps</span> </a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <a href="/accessories/bike-bottles-cages-nutrition" title="Bottles, Cages & Nutrition"> <h4 class="accordion-item-title">Bottles, Cages & Nutrition</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bike-bottles-cages-nutrition/nutrition"> <span class="text">Nutrition</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bottles-cages-nutrition/water-bottles-cages"> <span class="text">Water Bottles & Cages</span> </a> </div> </div> </div> <div class="menu-block-link type-simple-heading"> <a href="/accessories/bike-route-guides-books-maps" title="Books, Maps & Guides"> <h4 class="accordion-item-title">Books, Maps & Guides</h4> </a> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/bike-car-racks" title="Car Racks"> <h4 class="accordion-item-title">Car Racks</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bike-car-racks/boot-roof-racks"> <span class="text">Boot & Roof Racks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-car-racks/boot-roof-rack-spares"> <span class="text">Boot & Roof Rack Spares</span> </a> </div> </div> </div> <div class="menu-block-link type-simple-heading"> <a href="/accessories/bike-child-seats" title="Child Bike Seats"> <h4 class="accordion-item-title">Child Bike Seats</h4> </a> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/bike-computers-gps" title="Cycle Computers & GPS"> <h4 class="accordion-item-title">Cycle Computers & GPS</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bike-computers-gps/cycle-computers"> <span class="text">Cycle Computers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-computers-gps/gps-systems"> <span class="text">GPS Systems</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-computers-gps/helmet-cameras-accessories"> <span class="text">Helmet Cameras & Accessories</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/bicycle-lights" title="Bike Lights"> <h4 class="accordion-item-title">Bike Lights</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-lights/front-bike-lights"> <span class="text">Front Lights</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-lights/rear-bike-lights"> <span class="text">Rear Lights</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-lights/bike-light-sets"> <span class="text">Lights Sets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-lights/bike-light-brackets-spares"> <span class="text">Light Brackets & Spares</span> </a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <a href="/accessories/helmets" title="Cycle Helments"> <h4 class="accordion-item-title">Cycle Helmets</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/helmets/bike-helmets"> <span class="text">Adult Cycle Helmets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/helmets/bike-helmet-spares"> <span class="text">Bike Helmet Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/helmets/kids-bike-helmets"> <span class="text">Kids Bike Helmets</span> </a> </div> </div> </div> <div class="menu-block-link type-simple-heading"> <a href="/accessories/kids-bike-accessories" title="Kids' Accessories"> <h4 class="accordion-item-title">Kids' Accessories</h4> </a> </div> <div class="menu-block-link type-simple-heading"> <a href="/accessories/other-accessories" title="Other Accessories"> <h4 class="accordion-item-title">Other Accessories</h4> </a> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/bike-reflectives-bells-mirrors" title="Reflectives, Bells and Mirrors"> <h4 class="accordion-item-title">Reflectives, Bells and Mirrors</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/bike-reflectives-bells-mirrors/bells-horns"> <span class="text">Bells & Horns</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-reflectives-bells-mirrors/mirrors"> <span class="text">Mirrors</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-reflectives-bells-mirrors/reflectives"> <span class="text">Reflectives</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/tools-maintenance" title="Tools & Maintenance"> <h4 class="accordion-item-title">Tools & Maintenance</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-bearings"> <span class="text">Bearings</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-cleaning-products"> <span class="text">Cleaning Products</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-gear-brake-cables"> <span class="text">Gear & Brake Cables</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-lube-oil-grease"> <span class="text">Lubricants, Oil & Grease</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-multi-tools"> <span class="text">Multi Tools</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-suspension-spares"> <span class="text">Suspension Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-workshop-tools"> <span class="text">Workshop Tools</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance/bike-workstands-storage"> <span class="text">Workstands & Storage</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/accessories/turbo-trainers" title="Turbo Trainers"> <h4 class="accordion-item-title">Turbo Trainers</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/accessories/turbo-trainers/trainer-spares"> <span class="text">Trainer Spares</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/bicycle-components" title="Components"> <span class="text">Components</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bike-brakes" title="Brakes"> <h4 class="accordion-item-title">Brakes</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-brakes/bike-brake-spares"> <span class="text">Brake Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-brakes/bike-disc-brakes"> <span class="text">Disc Brakes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-brakes/bike-disc-brake-pads"> <span class="text">Disc Brake Pads</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-brakes/bike-rim-brakes"> <span class="text">Rim Brakes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-brakes/bike-rim-brake-pads"> <span class="text">Rim Brake Pads</span> </a> </div> </div> </div> <div class="menu-block-link type-simple-heading"> <a href="/bicycle-components/brompton-spares" title="Brompton Spares"> <h4 class="accordion-item-title">Brompton Spares</h4> </a> </div> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bike-controls" title="Controls"> <h4 class="accordion-item-title">Controls</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-controls/bike-handlebars"> <span class="text">Handlebars</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-controls/handlebar-grips-tape"> <span class="text">Handlebar Grips</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-controls/bike-handlebar-tape"> <span class="text">Handlebar Tape</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-controls/bike-headsets-spacers"> <span class="text">Headsets & Spacers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-controls/bike-stems"> <span class="text">Stems</span> </a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bicycle-drivetrain" title="Drivetrain"> <h4 class="accordion-item-title">Drivetrain</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-bottom-brackets"> <span class="text">Bottom Brackets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-cassettes-freewheels"> <span class="text">Cassettes & Freewheels</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-chainrings"> <span class="text">Chainrings</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-chains"> <span class="text">Chains</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-chainsets"> <span class="text">Chainsets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/front-derailleurs"> <span class="text">Front Derailleurs</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-gear-cables-spares"> <span class="text">Gear Cables & Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-gear-hangers"> <span class="text">Gear Hangers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/rear-derailleurs"> <span class="text">Rear Derailleurs</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain/bike-shifters"> <span class="text">Shifters</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bicycle-mudguards" title="Mudguards"> <h4 class="lane-heading red">Mudguards</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-mudguards/front-mudguards"> <span class="text">Front Mudguards</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-mudguards/rear-mudguards"> <span class="text">Rear Mudguards</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-mudguards/mudguard-sets"> <span class="text">Mudguard Sets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-mudguards/mudguard-spares"> <span class="text">Mudguard Spares</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bicycle-pedals" title="Pedals"> <h4 class="lane-heading red">Pedals</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-pedals/bike-cleats"> <span class="text">Cleats & Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-pedals/bike-clipless-pedals"> <span class="text">Clipless Pedals</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-pedals/flat-pedals"> <span class="text">Flat Pedals</span> </a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/saddles-seatposts" title="Saddles & Seatposts"> <h4 class="accordion-item-title">Saddles & Seatposts</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/saddles-seatposts/bicycle-saddles"> <span class="text">Saddles</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/saddles-seatposts/bike-seatclamps"> <span class="text">Seatclamps & Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/saddles-seatposts/seatposts"> <span class="text">Seatposts</span> </a> </div> </div> </div> <div class="menu-block-link type-simple-heading"> <a href="/bicycle-components/suspension-forks" title="Suspension Forks"> <h4 class="lane-heading red">Suspension Forks</h4> </a> </div> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bicycle-tyres" title="Tyres & Tubes"> <h4 class="lane-heading red">Tyres & Tubes</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/26-inch-tyres"> <span class="text">26 Inch Tyres</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/27-5-inch-tyres"> <span class="text">27.5 Inch Tyres</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/700c-tyres"> <span class="text">700c Tyres</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/29-inch-tyres"> <span class="text">29 Inch Tyres</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/other-tyres"> <span class="text">Other Tyres</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/inner-tubes"> <span class="text">Inner Tubes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres/tubeless-kits"> <span class="text">Tubeless Kits</span> </a> </div> </div> </div> <div class="menu-block-link type-group-heading"> <a href="/bicycle-components/bicycle-wheels" title="Wheels"> <h4 class="lane-heading red">Wheels</h4> </a> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-wheels/front-wheels"> <span class="text">Front Wheels</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-wheels/rear-wheels"> <span class="text">Rear Wheels</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-wheels/bike-wheelsets"> <span class="text">Wheelsets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-wheels/bike-wheel-parts"> <span class="text">Wheel Parts & Spares</span> </a> </div> </div> </div> <div class="menu-block-link type-simple-heading"> <a href="/bicycle-components/other-components" title="Other Components"> <h4 class="lane-heading red">Other Components</h4> </a> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/cycling-clothing" title="Clothing"> <span class="text">Clothing</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Shop By</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-base-layers"> <span class="text">Base Layers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/clothing-care"> <span class="text">Clothing Care</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-eyewear"> <span class="text">Eyewear</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-shoes-overshoes-socks"> <span class="text">Footwear</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/bike-gloves"> <span class="text">Gloves</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-hats-warmers"> <span class="text">Hats & Warmers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-jackets"> <span class="text">Jackets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-jerseys"> <span class="text">Jerseys</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/kids-clothing"> <span class="text">Kids' Clothing</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-bib-tights-trousers"> <span class="text">Longs & Trousers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-shorts"> <span class="text">Shorts</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/other-clothing"> <span class="text">Other Clothing</span> </a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Popular Filters</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/high-visibility-reflective-clothing">Hi Vis Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/thermal-clothing">Thermal Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/waterproof-clothing">Waterproof Clothing</a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> <div class="menu-block-link type-link"> <a href="/cycling-clothing/kids-clothing">Kids Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/women-s-clothing">Women's Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/offers/special-offers-clothing">Sale - Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/mens-cycle-clothing-sale">Sale - Men's Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/sale-womens-cycle-clothing">Sale - Women's Clothing</a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Top Brands</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/altura-cycling-clothing">Altura Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/endura-cycling-clothing">Endura Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/shimano-cycling-shoes">Shimano Cycling Shoes</a> </div> <div class="menu-block-link type-link"> <a href="/specialized-cycling-shoes">Specialized Cycling Shoes</a> </div> <div class="menu-block-link type-link"> <a href="/liv-cycling-clothing">Liv Women's Clothing</a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="4"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Buying Advice</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/info/guide-to-cycling-pedals-and-shoes/"> <em>Guide to cycling shoes & pedals</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/cycling-50-what-to-wear/"> <em>Cycling at 50 - What I Wear</em> </a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> <div class="menu-block-link type-simple-heading"> <h4 class="accordion-item-title">Size Guides</h4> </div> <div class="menu-block-link type-link"> <a href="/info/clothing-sizing-guide/"> <em>Clothing sizing guide</em> </a> </div> <div class="menu-block-link type-link"> <a href="/info/bike-helmet-sizing-guide/"> <em>Bike helmet sizing guide</em> </a> </div> </div> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/offers" title="Sale"> <span class="text">Sale</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/offers/special-offers-accessories"> <span class="text">SALE - Accessories</span> </a> </div> <div class="menu-block-link type-link"> <a href="/offers/special-offers-bicycles"> <span class="text">SALE - Bicycles</span> </a> </div> <div class="menu-block-link type-link"> <a href="/offers/special-offers-clothing"> <span class="text">SALE - Clothing</span> </a> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">SALE - Bike Categories</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/electric-bikes-sale">Sale - Electric Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/mountain-bikes-sale">Sale - Mountain Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/hybrid-bikes-sale">Sale - Hybrid Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/road-bikes-sale">Sale - Road Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/sale-cross-gravel-bikes">Sale - Cross Bikes</a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> <div class="menu-block-link type-link"> <a href="/mens-sale-bikes">Sale - All Men's Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/sale-womens-bikes">Sale - All Women's Bikes</a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Popular Categories</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/sale-cycling-shoes">Sale - Cycling Shoes</a> </div> <div class="menu-block-link type-link"> <a href="/sale-cycling-gloves-mitts">Sale - Gloves & Track Mitts</a> </div> <div class="menu-block-link type-link"> <a href="/sale-cycling-jackets">Sale - Jackets</a> </div> <div class="menu-block-link type-link"> <a href="/sale-cycling-tops">Sale - Tops & Jerseys</a> </div> <div class="menu-block-link type-link"> <a href="/sale-waterproof-cycling-clothing">Sale - Waterproof Clothing</a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> <div class="menu-block-link type-link"> <a href="/sale-bike-bags-rucksacks">Sale - Bike Bags & Rucksacks</a> </div> <div class="menu-block-link type-link"> <a href="/sale-bike-lights">Sale - Bike Lights</a> </div> <div class="menu-block-link type-link"> <a href="/sale-bike-helmets">Sale - Helmets</a> </div> </div> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="4"> <div class="menu-block-list"> <div class="menu-block-link type-group-heading"> <h4 class="accordion-item-title text-only">Popular Brands</h4> <div class="accordion-item-expander level2-expander" title="Expand"></div> <div class="menu-block-sublist"> <div class="menu-block-link type-link"> <a href="/sale-specialized-bikes">Sale - Specialized Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/sale-kalkhoff-bikes">Sale - Kalkhoff Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/sale-giant-bikes">Sale - Giant Bikes</a> </div> <div class="menu-block-link type-link"> <a href="/sale-liv-bikes">Sale - Liv Bikes</a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> <div class="menu-block-link type-link"> <a href="/sale-tacx-turbo-trainers">Sale - Tacx Turbo Trainers</a> </div> <div class="menu-block-link type-spacer"> </div><!-- close mb-link --> <div class="menu-block-link type-link"> <a href="/sale-altura-clothing">Sale - Altura Clothing</a> </div> <div class="menu-block-link type-link"> <a href="/sale-endura-clothing">Sale - Endura Clothing</a> </div> </div> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/gifts-for-cyclists" title="Gifts for Cyclists"> <span class="text">Gifts For Cyclists</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-under-20"> <span class="text">Cycling Gifts Under £20</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-under-50"> <span class="text">Cycling Gifts Under £50</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-under-100"> <span class="text">Cycling Gifts Under £100</span> </a> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="2"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gift-vouchers"> <span class="text">Cycling Gift Vouchers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/unique-cycling-gifts"> <span class="text">Unique Cycling Gifts</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-commuters"> <span class="text">Cycling Gifts For Commuters</span> </a> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="3"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-women"> <span class="text">Cycling Gifts For Women</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-men"> <span class="text">Cycling Gifts For Men</span> </a> </div> </div> </div> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="4"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-kids"> <span class="text">Cycling Gifts For Kids</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-mountain-bikers"> <span class="text">Cycling Gifts For MTBers</span> </a> </div> </div> </div> </div> </div> </div> <div id="mobileBlockContainer" class="menu-block-container mobile-only col-xs-12 clearfix"> <div class="menu-block toggle-mobile-menu mobile-only"> <div class="menu-block-heading"> <a href="#" class="accordion-item-title"> </a> <div class="close-menu" title="Close"></div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/bicycles" title="Bicycles"> <span class="text"><i class="fa fa-bicycle"></i> Bicycles</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/bicycles/gravel-bikes-cyclocross-bikes"> <span class="text">Cyclocross & Gravel Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/folding-bikes"> <span class="text">Folding Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/full-suspension-mountain-bikes"> <span class="text">Full Suspension Mountain Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/hybrid-bikes"> <span class="text">Hybrid Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/kids-bikes"> <span class="text">Kids Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/mountain-bikes"> <span class="text">Mountain Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/road-bikes"> <span class="text">Road Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycles/touring-bikes"> <span class="text">Touring & Adventure Bikes</span> </a> </div> </div><!-- close mb-list --> </div><!-- close mb-column --> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/electric-bikes" title="Bicycles"> <span class="text"><i class="fa fa-flash"></i> Electric Bikes</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/electric-cargo-bikes"> <span class="text">Electric Cargo Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/electric-mountain-bikes"> <span class="text">Electric Mountain Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/electric-road-bikes"> <span class="text">Electric Road Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/folding-electric-bikes"> <span class="text">Folding Electric Bikes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-electric-bikes/hybrid-electric-bikes"> <span class="text">Hybrid Electric Bikes</span> </a> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/accessories" title="Accessories"> <span class="text"><i class="fa fa-bell-o"></i> Accessories</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/accessories/bike-bags" title="Bike Bags & Luggage"> <span class="text">Bike Bags & Luggage</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/locks" title="Bike Locks"> <span class="text">Bike Locks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bicycle-pumps" title="Bike Pumps"> <span class="text">Bike Pumps</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-bottles-cages-nutrition" title="Bottles, Cages & Nutrition"> <span class="text">Bottles, Cages & Nutrition</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-route-guides-books-maps" title="Books, Maps & Guides"> <span class="text">Books, Maps & Guides</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-car-racks" title="Car Racks"> <span class="text">Car Racks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-child-seats" title="Child Bike Seats"> <span class="text">Child Bike Seats</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-computers-gps" title="Cycle Computers & GPS"> <span class="text">Cycle Computers & GPS</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-lights" title="Bike Lights"> <span class="text">Bike Lights</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/helmets" title="Cycle Helments"> <span class="text">Cycle Helmets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/kids-bike-accessories" title="Kids' Accessories"> <span class="text">Kids' Accessories</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/other-accessories" title="Other Accessories"> <span class="text">Other Accessories</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/bike-reflectives-bells-mirrors" title="Reflectives, Bells and Mirrors"> <span class="text">Reflectives, Bells and Mirrors</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/tools-maintenance" title="Tools & Maintenance"> <span class="text">Tools & Maintenance</span> </a> </div> <div class="menu-block-link type-link"> <a href="/accessories/turbo-trainers" title="Turbo Trainers"> <span class="text">Turbo Trainers</span> </a> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/bicycle-components" title="Components"> <span class="text"><i class="fa fa-cogs"></i> Components</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-4" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-brakes" title="Brakes"> <span class="text">Brakes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/brompton-spares" title="Brompton Spares"> <span class="text">Brompton Spares</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bike-controls" title="Controls"> <span class="text">Controls</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-drivetrain" title="Drivetrain"> <span class="text">Drivetrain</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-mudguards" title="Mudguards"> <span class="text">Mudguards</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-pedals" title="Pedals"> <span class="text">Pedals</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/saddles-seatposts" title="Saddles & Seatposts"> <span class="text">Saddles & Seatposts</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/suspension-forks" title="Suspension Forks"> <span class="text">Suspension Forks</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres" title="Tyres & Tubes"> <span class="text">Tyres & Tubes</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/bicycle-tyres" title="Wheels"> <span class="text">Wheels</span> </a> </div> <div class="menu-block-link type-link"> <a href="/bicycle-components/other-components" title="Other Components"> <span class="text">Other Components</span> </a> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/cycling-clothing" title="Clothing"> <span class="text">Clothing</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-base-layers"> <span class="text">Base Layers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/clothing-care"> <span class="text">Clothing Care</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-eyewear"> <span class="text">Eyewear</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-shoes-overshoes-socks"> <span class="text">Footwear</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/bike-gloves"> <span class="text">Gloves</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-hats-warmers"> <span class="text">Hats & Warmers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-jackets"> <span class="text">Jackets</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-jerseys"> <span class="text">Jerseys</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/kids-clothing"> <span class="text">Kids' Clothing</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-bib-tights-trousers"> <span class="text">Longs & Trousers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/cycling-shorts"> <span class="text">Shorts</span> </a> </div> <div class="menu-block-link type-link"> <a href="/cycling-clothing/other-clothing"> <span class="text">Other Clothing</span> </a> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/offers" title="Sale"> <span class="text">SALE</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/offers/special-offers-accessories"> <span class="text">SALE - Accessories</span> </a> </div> <div class="menu-block-link type-link"> <a href="/offers/special-offers-bicycles"> <span class="text">SALE - Bicycles</span> </a> </div> <div class="menu-block-link type-link"> <a href="/offers/special-offers-clothing"> <span class="text">SALE - Clothing</span> </a> </div> </div> </div> </div> </div> <div class="menu-block"> <div class="menu-block-heading"> <a href="/gifts-for-cyclists" title="Gifts for Cyclists"> <span class="text">Gifts For Cyclists</span> <span class="chevron"><i class="fa fa-chevron-down"></i></span> </a> <div class="accordion-item-expander level1-expander" title="Expand"></div> </div><!-- close mb-heading --> <div class="menu-block-contents"> <div class="menu-block-column col-xs-12 col-sm-6 col-md-3" data-column="1"> <div class="menu-block-list"> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-under-20"> <span class="text">Cycling Gifts Under £20</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gift-vouchers"> <span class="text">Cycling Gift Vouchers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-women"> <span class="text">Cycling Gifts For Women</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-kids"> <span class="text">Cycling Gifts For Kids</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-under-50"> <span class="text">Cycling Gifts Under £50</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/unique-cycling-gifts"> <span class="text">Unique Cycling Gifts</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-men"> <span class="text">Cycling Gifts For Men</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-mountain-bikers"> <span class="text">Cycling Gifts For MTBers</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-under-100"> <span class="text">Cycling Gifts Under £100</span> </a> </div> <div class="menu-block-link type-link"> <a href="/all-gifts-for-cyclists/cycling-gifts-for-commuters"> <span class="text">Cycling Gifts For Commuters</span> </a> </div> </div> </div> </div> </div> <div class="menu-block empty-block"> <div class="menu-block-heading"> <a href="/info/contact-us"> <span class="text"><i class="fa fa-envelope-o fa-fw"></i> Contact</span> </a> </div> </div> <div class="menu-block empty-block"> <div class="menu-block-heading"> <a href="/info/our-shops"> <span class="text"><i class="fa fa-map-marker fa-fw"></i> Our Shops</span> </a> </div> </div> <div class="menu-block empty-block"> <div class="menu-block-heading"> <a href="/customer/account/login"> <span class="text"><i class="fa fa-sign-in fa-fw"></i> Login</span> </a> </div> </div> <div class="menu-block empty-block"> <div class="menu-block-heading clearfix"> <a href="tel:03452570808" class="button lane-btn tel-btn" role="button"> TEL: 0345 257 0808 </a> </div> </div> </div> </div> </div> </div> <!-- header-container --> </header> </div> <!-- Main Contents (Default) --> <div id="main-content" class="main-container"> <div class="main-content-inner clearfix"> <div class="container-fluid"> <div class="content-header row"> <div id="ebc-trustbar-unit-5416" class="trustbar-unit hidden-xs trustbar-grey clearfix"> <div class="trustbar-unit-contents"> <ul> <li class="hidden-xs"> <span class="fa-stack fa-lg"> <i class="ico icon-cog fa-stack-2x"></i><i class="ico icon-delivery fa-stack-1x trustbar-icon"></i> </span> <span class="text"> <a href="/info/ordering-and-shipping-information" class="trustbar-link"> Faff-free Returns </a> </span> </li> <li class="hidden-xs"> <span class="fa-stack fa-lg"> <i class="ico icon-cog fa-stack-2x"></i><i class="fa fa-gbp fa-stack-1x trustbar-icon"></i> </span> <span class="text"> <a href="/info/finance/" class="trustbar-link"> 0% Finance Over £500 </a> </span> </li> <li class="hidden-xs"> <span class="fa-stack fa-lg"> <i class="ico icon-cog fa-stack-2x"></i><i class="ico icon-people fa-stack-1x trustbar-icon"></i> </span> <span class="text"> <a href="/info/about-edinburgh-bicycle-co-op/" class="trustbar-link"> Employee Owned, Since 1977 </a> </span> </li> </ul> </div> </div> <div class="container"><div class="row"><div class="col-sm-12"> <picture><!--[if IE 9]><video style='display: none;'><![endif]--><!--[if IE 9]></video><![endif]--><img src="/images/3016/1243/9122/best-bike-shop-desktop-banner-1170x70.jpg" alt="" class="ccm-image-block img-responsive bID-4869"></picture> </div></div></div> <div class="container"><div class="row"><div class="col-sm-12"> <div id="ebc-hero-unit-5293" class="hero-unit-container container"> <div id="ebc-hero-unit-5293" class="hero-unit row" style="background-image: url('/images/3216/2928/2162/EBC_cogsgraphic_edit.jpg');" data-start-date="" data-end-date=""> <div class="hero-unit-message-overlay"> <div class="hero-unit-message clearfix"> <div class="primary-slant">IT Vacancy</div> </div> <div class="hero-unit-cta clearfix"> <a class="button lane-btn btn-primary" href="https://www.edinburghbicycle.com/info/about-edinburgh-bicycle-co-op"> About Us<em class="fa fa-chevron-right"></em> </a> </div> </div> <div class="hero-unit-image-overlay"></div> </div> </div> </div></div></div> </div> </div> <div class="container"> <div class="content-main row"> <main role="main"> <div class="narrow-page-container col-xs-12"> <div class="narrow-page-wrapper"> <div class="narrow-page-header"> <h1 class="page-title">Front End Developer - Edinburgh, Dalmeny</h1> </div> <div class="narrow-page-contents"> <article> <p><meta charset="UTF-8"> <style type="text/css"><!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Century Gothic",sans-serif; mso-fareast-font-family:Cambria; mso-fareast-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi; mso-ansi-language:EN-SG; mso-fareast-language:JA;} a:link, span.MsoHyperlink {mso-style-priority:99; color:blue; mso-themecolor:hyperlink; text-decoration:underline; text-underline:single;} a:visited, span.MsoHyperlinkFollowed {mso-style-noshow:yes; mso-style-priority:99; color:purple; mso-themecolor:followedhyperlink; text-decoration:underline; text-underline:single;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-family:"Cambria",serif; mso-ascii-font-family:Cambria; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:"MS Mincho"; mso-fareast-theme-font:minor-fareast; mso-hansi-font-family:Cambria; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi; mso-fareast-language:JA;} @page WordSection1 {size:612.0pt 792.0pt; margin:72.0pt 72.0pt 72.0pt 72.0pt; mso-header-margin:36.0pt; mso-footer-margin:36.0pt; mso-paper-source:0;} div.WordSection1 {page:WordSection1;} /* List Definitions */ @list l0 {mso-list-id:1342392735; mso-list-type:hybrid; mso-list-template-ids:587211926 67698689 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;} @list l0:level1 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Symbol;} @list l0:level2 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:"Courier New"; mso-bidi-font-family:"Times New Roman";} @list l0:level3 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Wingdings;} @list l0:level4 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Symbol;} @list l0:level5 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:"Courier New"; mso-bidi-font-family:"Times New Roman";} @list l0:level6 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Wingdings;} @list l0:level7 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Symbol;} @list l0:level8 {mso-level-number-format:bullet; mso-level-text:o; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:"Courier New"; mso-bidi-font-family:"Times New Roman";} @list l0:level9 {mso-level-number-format:bullet; mso-level-text:; mso-level-tab-stop:none; mso-level-number-position:left; text-indent:-18.0pt; font-family:Wingdings;} --> </style> </p> <p align="center"> </p> <h4 align="center"><strong>Front-End Web Developer</strong></h4> <h4 align="center"><strong>Full time permanent role</strong></h4> <p align="center"> </p> <p>Edinburgh Bicycle Cooperative is a long established well respected bike and bike accessories retailer. Founded in 1977, we operate 5 retail outlets across Scotland and the North of England as well as an ecommerce operation supported by a large warehouse/distribution centre on the outskirts of Edinburgh. As an employee owned business, service quality and the customer are at the heart of what we do.</p> <p>We are looking for a Front-End Developer to support the ongoing upgrade of internal systems as well as the incremental improvement of the business’ web presence.</p> <p>The successful applicant will be a motivated individual who will be enthused by participating in the growth of the business. You will be able to manage several workstreams at once, whilst clearly communicating scheduling, dependencies and benefits of the tasks at hand with non-technical members of staff.</p> <p>Reporting to the IT and Marketing Director of the business, the successful candidate will be accountable for: </p> <p> </p> <ul type="disc"> <li>Ownership of HTML/CSS/JS web interfaces across the business.</li> <li>Modifying PHP systems to support UI</li> <li>Liaising with and supporting the Marketing team as systems are upgraded</li> <li>Capturing and documenting requirements from the Marketing team</li> <li>Contributing to strategy development and tactical plans</li> <li>Developing and Testing great User Experience across a broad range of devices</li> <li>Developing and deploying improvements to the business’ CMS and ecommerce systems </li> <li>Improving integration between systems</li> <li>Improving revenue through timely delivery of development artefacts</li> </ul> <p> </p> <p><strong>To apply, please request further job details and an application pack from <a href="mailto:jobs@edinburghbicycle.com">jobs@edinburghbicycle.com</a> quoting job ref Front-End Developer.</strong></p> <style type="text/css">ul { list-style-image: url(https://www.edinburghbicycle.com/images/3616/5236/5647/ST1_2_Colour.png); } <p> </p> <p><strong>To apply, please request further job details and an application pack from <a data-cke-saved-href="mailto:jobs@edinburghbicycle.com" href="mailto:jobs@edinburghbicycle.com">jobs@edinburghbicycle.com</a> quoting job ref Front-End Developer.</strong></p> </style> <h3>Dalmeny Location</h3> <div class="googleMapCanvas" style="width: 100%; height: 400px" data-zoom="14" data-latitude="55.97248" data-longitude="-3.3799783" data-scrollwheel="false" data-draggable="false" > </div> </article> </div> </div> </div> </main> </div> </div> <div class="container-fluid"> <div class="content-footer row"> <div id="ebc-trustpilot-unit-1326" class="trustpilot-unit trustpilot-grey" style=""> <div class="trustpilot-unit-overlay-wrapper"> <div class=" clearfix"> <div class="col-xs-12 col-sm-6 trustpilot-payment-methods"> <img src="/application/blocks/ebc_trustpilot_bar/card-logos-new.png?height=28" height="28px" alt="Accepted Payment Methods" /> </div> <!-- TrustBox widget - Micro Combo --> <div class="col-xs-12 col-sm-6 trustpilot-widget trustpilot-combo-unit" data-locale="en-GB" data-template-id="5419b6ffb0d04a076446a9af" data-businessunit-id="4b2250850000640005052813" data-style-height="28px" data-style-width="50%" data-theme="light"> <a href="https://uk.trustpilot.com/review/www.edinburghbicycle.com" target="_blank" rel="noopener"> Trustpilot </a> </div> <!-- End TrustBox widget --> </div> </div> </div> </div> </div> </div> </div><!-- // Main Contents --> <!-- End of main-container from header_top --> </div> <!-- Footer --> <div id="footer-container"> <footer class="footer-content-inner" role="contentinfo"> <section> <div class="container footer-container"> <div class="footer-logo-bar"> <div class="row"> <div class="col-md-6 col-sm-12 footer-logo"> <img alt="Edinburgh Bicycle Cooperative" class="lazyloaded" src="/packages/edinburgh_bicycle/themes/ebc/images/ebc-logo-footer.png?height=31px" height="31"> </div> <div class="col-md-6 hidden-xs hidden-sm footer-tagline"> <h4 class="lane-heading">Passionately independent since 1977</h4> </div> </div> </div> <div class="footer-content"> <div class="row"> <!-- Footer Navigation --> <div class="footer-nav col-xs-12 col-sm-9"> <div id="ebc-footer-links-block-5813" class="footer-links-block col"> <div class="footer-col col-xs-6 col-sm-3"> <div class="footer-heading">Products</div> <ul> <li> <a href="/bicycles"> Bikes </a> </li> <li> <a href="/all-electric-bikes"> Electric Bikes </a> </li> <li> <a href="/cycling-clothing"> Clothing </a> </li> <li> <a href="/accessories"> Accessories </a> </li> <li> <a href="/bicycle-components"> Components </a> </li> <li> <a href="/offers"> Sale </a> </li> <li> <a href="/all-gifts-for-cyclists/cycling-gift-vouchers"> Gift Vouchers </a> </li> </ul> </div> </div> <div id="ebc-footer-links-block-4828" class="footer-links-block col"> <div class="footer-col col-xs-6 col-sm-3"> <div class="footer-heading">Info</div> <ul> <li> <a href="/our-customer-reviews"> Customer Reviews </a> </li> <li> <a href="/all-brands"> Our Brands </a> </li> <li> <a href="/info/bike-sizing-guide"> Bike Sizing Guide </a> </li> <li> <a href="/info/bike-sizing-guide/kids-bikes"> Kids Bike Sizing Guide </a> </li> <li> <a href="/info/clothing-sizing-guide"> Clothing Sizing Guide </a> </li> <li> <a href="/info/finance"> Bike Finance </a> </li> <li> <a href="/info/ordering-and-shipping-information"> Delivery & Returns </a> </li> <li> <a href="/info/cycle-to-work-scheme"> Cycle to Work Scheme </a> </li> </ul> </div> </div> <div id="ebc-footer-links-block-5810" class="footer-links-block col"> <div class="footer-col col-xs-6 col-sm-3"> <div class="footer-heading">Our Shops</div> <ul> <li> <a href="/info/our-shops"> Find a shop near you </a> </li> <li> <a href="/info/servicing-bicycle-repairs-custom-builds"> Servicing & Repairs </a> </li> <li> <a href="/info/servicing-bicycle-repairs-custom-builds"> Custom Builds </a> </li> <li> <a href="/info/bike-ready-free-fitting"> Free Fitting </a> </li> </ul> </div> </div> <div id="ebc-footer-links-block-5280" class="footer-links-block col"> <div class="footer-col col-xs-6 col-sm-3"> <div class="footer-heading">About</div> <ul> <li> <a href="/info/about-edinburgh-bicycle-co-op"> About Us </a> </li> <li> <a href="/info/vacancies"> Jobs </a> </li> <li> <a href="/info/legal-and-cookies"> Legal & Cookies </a> </li> <li> <a href="/info/we-are-green"> We are Green </a> </li> <li> <a href="/info/contact-us"> Contact Us </a> </li> <li> <a href="/blog"> Blog </a> </li> </ul> </div> </div> </div> <!-- //Footer Navigation --> <!-- Social Button --> <div class="social-button col-xs-12 col-sm-3"> <nav> <div class="footer-col"> <div class="jointhecoop"> <p>Be part of the co-op community...</p> <button id="signupButton" class="button lane-btn btn-primary"> Join Now <i class="fa fa-chevron-right" aria-hidden="true"></i> </button> </div> <div class="social-info"> <a href="https://www.facebook.com/EdinburghBicycle" title="Facebook" target="_blank" rel="nofollow"> <span class="fa-stack fa-2x"> <i class="ico icon-cog fa-stack-2x"></i><i class="fa fa-facebook-f fa-stack-1x" aria-hidden="true"></i> </span> </a> <a href="https://www.twitter.com/EdinburghBikes" title="Twitter" target="_blank" rel="nofollow"> <span class="fa-stack fa-2x"> <i class="ico icon-cog fa-stack-2x"></i><i class="fa fa-twitter fa-stack-1x" aria-hidden="true"></i> </span> </a> <a href="https://www.youtube.com/user/EdinburghBicycle" title="YouTube" target="_blank" rel="nofollow"> <span class="fa-stack fa-2x"> <i class="ico icon-cog fa-stack-2x"></i><i class="fa fa-youtube fa-stack-1x" aria-hidden="true"></i> </span> </a> </div> <div id="signupModal" class="modal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centred" role="document"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <span class="modal-close">×</span> <h2 class="modal-title">Join the #bikecoop</h2> </div> <div class="modal-body"> <p>For the love of cycles, cycling and all things bike related</p> <div class="fieldset"> <link href="https://d1gwclp1pmzk26.cloudfront.net/agile/forms/v1/agile-form-min.css" rel="stylesheet"> <form id="agile-form" action="https://bikecoop.agilecrm.com/formsubmit" class="agile-form" method="GET"> <fieldset> <!-- Form Name --> <div style="display: none; height: 0px; width: 0px;"> <input id="_agile_form_name" name="_agile_form_name" value="Join the #bikecoop" type="hidden"> <input id="_agile_domain" name="_agile_domain" value="bikecoop" type="hidden"> <input id="_agile_api" name="_agile_api" value="83jj0u90quggomllpathtm26t1" type="hidden"> <input id="_agile_redirect_url" name="_agile_redirect_url" value="#" type="hidden"> <input id="_agile_document_url" name="_agile_document_url" value="" type="hidden"> <input id="_agile_confirmation_msg" name="_agile_confirmation_msg" value="Great! Thanks for subscribing!" type="hidden"> <input id="_agile_form_id_tags" name="tags" value="GDPR-yes" type="hidden"> <input id="_agile_form_id" name="_agile_form_id" value="5646702522400768" type="hidden"> </div> <!-- Text input--> <div class="agile-group required-control"> <label class="agile-label" for="agilefield-1">Enter Name<span class="agile-span-asterisk"> *</span></label> <div class="agile-field-xlarge agile-field"> <input maxlength="250" id="agilefield-1" name="first_name" placeholder="Enter your name" class="agile-height-default" required="" type="text"> </div> <div class="agile-custom-clear"></div> </div> <!-- Text input--> <div class="agile-group required-control"> <label class="agile-label" for="agilefield-2">Enter Email<span class="agile-span-asterisk"> *</span></label> <div class="agile-field-xlarge agile-field"> <input maxlength="250" id="agilefield-2" name="email" placeholder="Enter your email" class="agile-height-default" required="" type="email"> </div> <div class="agile-custom-clear"></div> </div> <!-- Hidden input--> <input id="agilefield-3" name="GDPRConsentSource" value="newsletter" type="hidden"> <!-- Multiple Checkboxes --> <div class="agile-group agile-form-inlinecheckboxes"> <label class="agile-label" for="multiple_checkboxes_1524562798312-0">Sign me up!<span class="agile-span-asterisk"> *</span></label> <div class="agile-field agile-field-xlarge agile-height-default"> <div> <label for="multiple_checkboxes_1524562798312-0" class="i-checks"> <input name="multiple_checkboxes_1524562798312-0" id="multiple_checkboxes_1524562798312-0" value="Yes, I want to ride with you and get great offers, product news and info." type="checkbox" required=""><i></i> Yes, I want to ride with you and get great offers, product news and info. </label> </div> </div> </div> <!--recaptcha aglignment--> <div class="agile-group"><label class="agile-label"></label> <div class="agile-field-xlarge agile-field"> <div class='g-recaptcha' style="transform:scale(0.91);-webkit-transform:scale(0.91);transform-origin:0 0;-webkit-transform-origin:0 0; width='304px';" data-sitekey='6LeFv9ESAAAAAKaHMFXYdsf5A4JB_vH8nslsH6MG' data-callback='agileGCaptchaOnSuccess'></div> </div> </div> <!-- Button --> <div class="agile-group"> <div class="agile-field agile-button-field"> <button type="submit" class="button lane-btn btn-primary">Subscribe Now</button> <br><span id="agile-error-msg"></span> </div> </div> </fieldset> </form> <style> .agile-field-xlarge { width: 100%; text-align: left; } .agile-field-xlarge input { background-color: rgba(0, 0, 0, 0.1); } </style> <script id="gRecaptchaSrc" src='https://www.google.com/recaptcha/api.js'></script> <script type="text/javascript"> (function (a) { var b = a.onload, p = false; isCaptcha = true; if (p) { a.onload = "function" != typeof b ? function () {try {_agile_load_form_fields()} catch (a) {}} : function () { b(); try {_agile_load_form_fields()} catch (a) {} } } ;var formLen = document.forms.length; for (i = 0; i < formLen; i++) { if (document.forms.item(i).getAttribute("id") == "agile-form") { a.document.forms.item(i).onsubmit = function (a) { a.preventDefault(); try {_agile_synch_form_v5(this)} catch (b) {this.submit()} } } } })(window); </script> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> var modal = document.getElementById('signupModal'); var btn = document.getElementById('signupButton'); var span = document.getElementsByClassName("modal-close")[0]; btn.onclick = function () { modal.style.display = "block"; } span.onclick = function () { modal.style.display = "none"; } window.onclick = function (event) { if (event.target == modal) { modal.style.display = "none"; } } </script> </nav> </div> <!-- //Social Button --> </div> </div> <div class="row"> <div class="copyright copyright-text col-xs-12"> <span class="pull-right"> All Content © Edinburgh Bicycle Cooperative 2022 </span> </div> </div> </div> </section> </footer> </div> <script defer src="https://maps.googleapis.com/maps/api/js?callback=concreteGoogleMapInit&key="></script> <script type="text/javascript" src="/concrete/js/bootstrap/tooltip.js?ccm_nocache=21b7eca81b3fb75a983b26a389216313d3ecfeff"></script> <script type="text/javascript" src="/packages/edinburgh_bicycle/js/ebc-header.js?ccm_nocache=933c3d96b7fbc319e2e08dda5c340797d7c8d99f"></script> <script type="text/javascript" src="/packages/edinburgh_bicycle/js/ebc-main-menu.js?ccm_nocache=933c3d96b7fbc319e2e08dda5c340797d7c8d99f"></script> <script type="text/javascript" src="/packages/edinburgh_bicycle/js/ebc-menu-toggle.js?ccm_nocache=933c3d96b7fbc319e2e08dda5c340797d7c8d99f"></script> <script type="text/javascript" src="/application/js/ebc/cookieconsent.min.js?ccm_nocache=21b7eca81b3fb75a983b26a389216313d3ecfeff"></script> <script type="text/javascript" src="/packages/edinburgh_bicycle/js/ebc-cookie-consent.js?ccm_nocache=933c3d96b7fbc319e2e08dda5c340797d7c8d99f"></script> <script type="text/javascript" src="/packages/edinburgh_bicycle/js/ebc-product-analytics.js?ccm_nocache=933c3d96b7fbc319e2e08dda5c340797d7c8d99f"></script> <script type="text/javascript" src="/concrete/blocks/image/view.js?ccm_nocache=21b7eca81b3fb75a983b26a389216313d3ecfeff"></script> <script type="text/javascript" src="/concrete/blocks/google_map/view.js?ccm_nocache=21b7eca81b3fb75a983b26a389216313d3ecfeff"></script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1067060327/?value=0&guid=ON&script=0&data=ecomm_pagetype%3Asiteview"/> </div> </noscript> <script type="text/javascript"> var google_tag_params={"ecomm_pagetype":"siteview"}; var google_conversion_id=1067060327; var google_custom_params=google_tag_params; var google_remarketing_only=true; </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script> </body> </html>