<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="Digital agency and software company that develops websites, web applications and social networks." />
    <link rel="stylesheet" href="/main.css"/>
    <link rel="shortcut icon" type="image/png" href="favicon.ico"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="lib/mediaelementplayer.min.css">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css">



    <title>Innovation Digital Agency in London - Solid State Group</title>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>

    

    <script src="lib/typed.js"></script>
    <script src="lib/wow.min.js"></script>
    <script src="cache/mediaelement-and-player.min.js"></script>


    <!--Futura typekit-->
    <script src="https://use.typekit.net/obi6ajy.js"></script>
    <script>try {
        Typekit.load({async: false});
    } catch (e) {
    }</script>
</head>

<body data-spy="scroll" data-target="#navbar">

        <video class="mejs-player hidden-xs" id="bgvid" autoplay muted loop poster="images/Re.Hack 2015 Update 3 - Focus Group Results and meet Solid State Group.00_00_44_28.Still002.jpg">
            <source src="images/Solid%20State%20Group_5.webm" type="video/webm">
            <source src="images/Solid%20State%20Group_5.ogg" type="video/ogg">
            <source src="images/Solid%20State%20Group_5.m4v" type="video/mp4">
        </video>


        <svg class="slider-svg hidden-xs" width="100%" height="100%" preserveAspectRatio="xMaxYMax slice">
            <rect class="svg-rectangle" fill="rgba(0,0,0,0.5)" width="100%"></rect>
        </svg>




    <div class="site-wrapper">
        <div class="site-wrapper-inner">
            <div class="cover-container">

                <div class="navmenu offcanvas-mobile navmenu-fixed-right offcanvas">
                    <a href="#home"><div class="masthead-brand"></div></a>
                    <ul class="nav navmenu-nav">
                        <li><a href="#startups">Startups</a></li>
                        <li><a href="#innovation-work">Innovation</a></li>
                        <li><a href="#our-approach">Our Approach</a></li>
                        <li><a href="#clients">Clients</a></li>
                        <li><a href="#contact-us">Contact</a></li>
                        <li><a href="/our-thoughts">Our Thoughts</a></li>
                    </ul>

                    <div class="col-md-12 mobile-address">
                        <hr>
                        <address>
                            <p class="lead">
                                <strong>Solid State Group</strong><br>
                                4th Floor<br>
                                86-90 Paul St<br>
                                London <br>
                                EC2A 4NE</p>
                        </address>

                        <p class="lead">
                            <a title="Phone" href="tel:+4402076137220"><i class="fa fa-phone"></i> +44 (0) 207 613 7220</a>
                            <br>
                            <a href="mailto:projects@solidstategroup.com"><i class="fa fa-envelope-o"></i>
                                projects@solidstategroup.com</a>
                        </p>
                    </div>
                </div>


                <div class="masthead clearfix">
                    <div class="container">
                        <nav class="navbar">
                            <div class="container-fluid">
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                    <a href="#home"><div class="masthead-brand"></div></a>
                                </div>
                                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                    <ul class="navbar-nav navbar-right">
                                        <li><a href="#startups">Startups</a></li>
                                        <li><a href="#innovation-work">Innovation</a></li>
                                        <li><a href="#our-approach">Our Approach</a></li>
                                        <li><a href="#clients">Clients</a></li>
                                        <li><a href="#contact-us">Contact</a></li>
                                        <li><a href="/our-thoughts">Our Thoughts</a></li>
                                    </ul>
                                </div>
                            </div>
                        </nav>

                        <div class="masthead clearfix">
                            <div class="container">
                        <nav class="navbar-fixed-top second-nav">
                            <div class="container">
                                <div class="navbar-header">
                                    <button class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                    <a href="#home"><div class="masthead-brand"></div></a>
                                </div>
                                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                                        <ul class="navbar-nav navbar-right">
                                            <li><a href="#startups">Startups</a></li>
                                            <li><a href="#innovation-work">Innovation</a></li>
                                            <li><a href="#our-approach">Our Approach</a></li>
                                            <li><a href="#clients">Clients</a></li>
                                            <li><a href="#contact-us">Contact</a></li>
                                            <li><a href="/our-thoughts">Our Thoughts</a></li>
                                        </ul>
                                     </div>
                                        </div>
                                       </nav>
                                 </div>
                              </div>
                        </div>
                    </div>

                <div class="container-fluid">
                    <div class="carousel-caption hidden-lg hidden-md hidden-sm">
                        <h1>We build successful <br/>digital businesses
                        </h1>
                    </div>
                </div>

                <div class="carousel-overlay">
                    <div id="carousel-example-generic" class="carousel slide carousel-fade hidden-md hidden-lg" data-ride="carousel" data-interval="5000">

                        <ol class="carousel-indicators hidden-xs hidden-sm">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        </ol>

                        <div class="carousel-inner" role="listbox">

                            <div class="item active one wow fadeIn">
                            </div>
                            <div class="item three">
                            </div>
                            <div class="item four">
                            </div>
                        </div>
                    </div>
                </div>



                <div class="inner cover" id="home">



                    <div class="container hidden-xs wow fadeIn">
                        <div class="hidden-xs">
                            <h1><span class="element"></span></h1>
                        </div>
                        <div class="lead hidden-xs">

                            <p class="lead">We're an award-winning <span class="lean">technical agency</span>, <br>working
                                to <a href="#our-approach"><span class="lean">lean principles</span></a>.</p>

                            <p class="lead">We <span class="lean">create concepts</span> and bring them to life<br> on the
                                <span class="lean">web, mobile and connected devices</span>.</p>

                            <p class="lead">We build <span class="lean">critical systems</span> for large corporates, <br>and
                                <span class="lean">agile platforms</span> for startups. <br>We even <span class="lean">invest</span>
                                in the promising ones.</p>

                            <!--<a href="#startups"><div class="scroll-down svg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_2" x="0px" y="0px" viewBox="0 0 25.166666 37.8704414" enable-background="new 0 0 25.166666 37.8704414" xml:space="preserve">-->
                            <!--<path class="stroke" fill="none" stroke="#fff" stroke-width="2.5" stroke-miterlimit="10" d="M12.5833445 36.6204414h-0.0000229C6.3499947 36.6204414 1.25 31.5204487 1.25 25.2871208V12.5833216C1.25 6.3499947 6.3499951 1.25 12.5833216 1.25h0.0000229c6.2333269 0 11.3333216 5.0999947 11.3333216 11.3333216v12.7037992C23.916666 31.5204487 18.8166714 36.6204414 12.5833445 36.6204414z"></path>-->
                            <!--<path class="scroller" fill="#fff" d="M13.0833359 19.2157116h-0.9192753c-1.0999985 0-1.9999971-0.8999996-1.9999971-1.9999981v-5.428606c0-1.0999994 0.8999987-1.9999981 1.9999971-1.9999981h0.9192753c1.0999985 0 1.9999981 0.8999987 1.9999981 1.9999981v5.428606C15.083334 18.315712 14.1833344 19.2157116 13.0833359 19.2157116z"></path>-->
                            <!--</svg><i class="icon icon-arrow-down"></i></div></a>-->

                        </div>
                    </div>
                </div>



            </div>

        </div>
    </div> <!-- // Hero -->


    <section class="business-areas">
        <div class="container text-center">
            <div class="row drive wow fadeInUp">
                <div class="col-md-6">
                    <span class="fa fa-terminal fa-5x"></span>
                    <h2>We drive innovation</h2>
                    <p>We work with large businesses, using technology to power innovation.</p>
                </div>
                <div class="col-md-6">
                    <i class="home-icons fa fa-mobile fa-5x"></i>
                    <h2>We build startups</h2>
                    <p>We act as a full-service incubator to accelerate startups.</p>
                </div>
            </div>


        </div>
    </section>

    <section class="approach" id="#services">


    <div class="services">
        <div class="container">
            <h1 class="text-center" style="margin-bottom: 40px;">Services We Offer</h1>


            <div class="row services text-center">

                <div class="col-md-4 col-sm-6 col-xs-6">
                    <i style="margin-left: 20px;" class="fa fa-pencil-square-o"></i> <p class="lead">UX / Design</p>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <i class="fa fa-desktop"></i><i class="fa fa-mobile"></i><p class="lead">Web and Mobile</p>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <i class="fa fa-keyboard-o"></i> <p class="lead">Digital Strategy</p>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <i class="fa fa-object-group"></i> <p class="lead">Project Management</p>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <i class="fa fa-lightbulb-o"></i><p class="lead">Innovation Consultancy</p>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-6">
                    <i class="fa fa-commenting-o"></i> <p class="lead">Digital Marketing</p>
                </div>
            </div>
        </div>
    </div>


        </section>



    <section class="startups-investments" id="startups">
        <div class="startups-hero"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>Startups &<br>Investments</h1>
                </div>
                <div class="col-md-6">
                    <p>Launching startups is something we are passionate about. We love the energy, the process, waiting for
                        the results. We love the people, the ecosystem, the sense of community. We’ve helped many startups
                        launch their businesses and we even invest in the special ones.
                    </p>
                </div>
            </div>


            <div class="row">
                <div class="col-sm-6 dugout-thumbnail">


                        <img src="images/MacBook-Dugout.png" class="img-responsive">


                    <div class="text-center">
                        <h4>Dugout FC</h4>

                        <p>Development and launch of the ultimate fantasy football experience on web and mobile for the UK
                            premier league.</p>

                        <div class="round">
                            <a class="cd-btn btn">View project</a>
                        </div>
                    </div>


                </div>


                <div class="col-sm-6 buzzmove-thumbnail">


                        <img src="images/MacBook-Buzzmove.png" class="img-responsive">


                    <div class="project-title text-center">
                        <h4>Buzzmove</h4>

                        <p>Concept development, system and algorithm design and full web build for buzzmove.com, a price
                            comparison service for house moving companies.
                        </p>
                        <a class="cd-btn-buzzmove btn">View
                            project</a>
                    </div>


                </div>

            </div>

        </div>
    </section>




    <div class="cd-panel from-right">
        <div class="cd-panel-header">
            <a href="#0" class="cd-panel-close"><i class="cd-panel-close fa fa-times"></i></a>
        </div>

        <div class="cd-panel-container" id="dugout-slideover">
            <div class="cd-panel-content">
                <div class="row row-eq-height">


                        <div class="col-md-1 hidden-sm hidden-xs back-button">
                            <i class="fa  fa-3x fa-arrow-left"></i>
                        </div>



                    <div class="col-md-11 work">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-8">
                                    <img src="images/dugout-imac-mockup.png" class="buzzmove-monitor img-responsive">
                                </div>
                                <div class="col-sm-4 dugout-concept">
                                    <img src="images/dugout-logo-white.svg" class="dugout-brand">

                                    <p class="lead">Development and launch of the ultimate fantasy football experience on web and mobile
                                        for the UK premier league.
                                    </p>
                                    <a href="https://www.dugoutfc.com/" target="_blank">www.dugoutfc.com</a>

                                    <div class="scroller text-center">

                                        <i class="fa fa-5x fa-angle-down"></i>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="container-fluid text-center">



                            <div id="carousel-dugout-review" class="carousel slide" data-ride="carousel" data-interval="7000">

                                <!-- Indicators -->
                                <ol class="carousel-indicators hidden-sm hidden-xs">
                                    <li data-target="#carousel-dugout-review" data-slide-to="0" class="active"></li>
                                    <li data-target="#carousel-dugout-review" data-slide-to="1"></li>
                                    <li data-target="#carousel-dugout-review" data-slide-to="2"></li>
                                </ol>



                                <!-- Wrapper for slides -->
                                <div class="carousel-inner" role="listbox">
                                    <div class="item active">
                                        <div class="carousel-content">
                                        <div class="col-xs-12 dugout-reviews">

                                            <p class="lead text-center">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </p>

                                            <h1>Great app for a great game</h1>
                                            <blockquote class="reviews">
                                                <p>"Dugout has become the best and essential FF game for me this season, loving the draft and roster and the unique teams."</p>
                                                <footer>by Ph0n1k <cite title="Source Title">19 Nov, 2015</cite></footer>
                                            </blockquote>




                                        </div>
                                        </div>

                                    </div>
                                    <div class="item">
                                        <div class="carousel-content">
                                            <div class="col-xs-12 dugout-reviews">

                                                <p class="lead text-center">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </p>

                                                <h1>Great interface to a fun fantasy football game</h1>
                                                <blockquote class="reviews">
                                                    <p>"Clean and easy interface to a great fantasy football game! Now I can chat to my adversaries, change my team and watch match day all on the move..."</p>
                                                    <footer>by NCFCAd <cite title="Source Title">18 Nov, 2015</cite></footer>
                                                </blockquote>


                                            </div>
                                        </div>

                                    </div>
                                    <div class="item">
                                        <div class="carousel-content">
                                            <div class="col-xs-12 dugout-reviews">

                                                <p class="lead text-center">
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                    <i class="fa fa-star"></i>
                                                </p>

                                                <h1>Fantasy football at its finest</h1>
                                                <blockquote class="reviews">
                                                    <p>"The best fantasy football app around. The scoring model is brilliant and the addition of the drafting method makes fantasy football even more fun than ever before."</p>
                                                    <footer>by Kugeybear <cite title="Source Title">18 Nov, 2015</cite></footer>
                                                </blockquote>


                                            </div>
                                        </div>

                                    </div>
                                </div>



                            </div>


                            <div class="app-store-icons">
                                <a href="https://itunes.apple.com/gb/app/dugout-fc/id1001525530?mt=8">
                                    <img src="images/Download_on_the_App_Store_Badge_US-UK_135x40.svg">
                                </a>


                                <a href="https://play.google.com/store/apps/details?id=com.dugoutfc.fantasyfootball&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1">
                                    <img alt="Get it on Google Play" src="images/google-play-badge.png">
                                </a>
                            </div>




                        </div>

                        <div class="container-fluid text-center dugout-main-text">
                            <div class="col-xs-12 dugout-reviews">

                                <div class="container hidden-md hidden-sm hidden-xs">
                                <hr>
                                </div>


                                <p class="lead">
                                    Dugout FC is a draft based fantasy football game for the English Premier League. Users sign up
                                    to a league and play head to head against opponent teams every weekend. It uses stats from Opta
                                    to calculate the winner of each match up.
                                </p>
                                <i class="fa fa-5x fa-futbol-o"></i>

                                <p class="lead">
                                    We built Dugout on Google’s app engine so it’s incredibly scalable, and we used react to develop
                                    the mobile apps for iOS and Android. The whole system has chat embedded throughout with real
                                    time notifications on desktop and mobile. We’re super proud of this project, and because we
                                    loved the idea, we even took a chunk of equity for this work.
                                </p>
                                <i class="fa fa-5x fa-cogs"></i>
                            </div>
                        </div>
                        <section class="dugout-phone-blurb">
                            <div class="row">
                                <div class="col-md-6">
                                    <!--<h2>Draft your unique team</h2>-->
                                    <p class="lead">
                                        <strong>Draft your <br>unique team</strong>
                                        <br>
                                        The draft order is randomly generated and reversed each round, so whether you get first or
                                        last pick, everyone has the same chance to pick a quality squad. In Dugout FC there really
                                        is 'only one Wayne Rooney' so be sure to shortlist the players you want, prior to draft
                                        night.
                                        Kick off your season properly with a draft night party, at home or in the local pub. With
                                        our desktop & mobile apps you can draft wherever you like.

                                    </p>
                                </div>
                                <div class="col-md-6 hidden-xs">
                                    <img src="images/dugout-fc-iOS-1.png" class="img-responsive dugout-iphone">
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div> <!-- cd-panel-content -->
        </div> <!-- cd-panel-container -->
    </div> <!-- cd-panel -->

    <div class="cd-panel-buzzmove from-right">
        <div class="cd-panel-header">
            <a href="#0" class="cd-panel-close"><i class="cd-panel-close fa fa-times"></i></a>
        </div>

        <div class="cd-panel-container" id="buzzmove-slideover">
            <div class="cd-panel-content">
                <div class="row row-eq-height">
                    <div data-slideover="close">
                        <div class="col-md-1 hidden-sm hidden-xs back-button">
                            <i class="fa  fa-3x fa-arrow-left"></i>
                        </div>
                    </div>

                    <div class="col-md-11 work">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-sm-8">
                                    <img src="images/buzzmove-monitor-.png" class="buzzmove-monitor img-responsive">
                                </div>
                                <div class="col-sm-4 buzzmove-concept">
                                    <img src="images/buzzmove-logo.png" class="buzzmove-brand">

                                    <p class="lead">Concept development, system and algorithm design and full web build for
                                        buzzmove.com, a price comparison service for house moving companies.</p>
                                    <a href="https://www.buzzmove.com/" target="_blank">www.buzzmove.com</a>
                                    <div class="scroller text-center">
                                        <i class="fa fa-5x fa-angle-down"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="container text-center buzzmove-story">
                            <div class="col-xs-12">
                                <p class="lead">
                                    Buzzmove is a price comparison site for home movers. We loved this idea from the start so agreed
                                    to get involved for equity. We created a pricing algorithm that allows users to generate their
                                    own quotes from hundreds of companies simply by adding items to move in each room of the house.
                                </p>
                                <i class="fa fa-5x fa-building-o"></i>

                                <p class="lead">
                                    The platform is built on Java and angular.js and running on Amazon’s hugely scalable AWS
                                    service. During the build of Buzzmove, they were accepted into the WAYRA accelerator, and have
                                    since received multiple rounds of funding.
                                </p>
                                <i class="fa fa-5x fa-gbp"></i>
                            </div>
                        </div>


                        <section class="buzzmove-phone-blurb">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-6">
                                        <p class="lead">Buzzmove is a price comparison site for home movers. We loved this idea from the
                                            start so agreed to get involved for equity. We created a pricing algorithm that allows users
                                            to generate their own quotes from hundreds of companies simply by adding items to move in
                                            each room of the house.
                                            The platform is built on Java and angular.js and running on Amazon’s hugely scalable AWS
                                            service.
                                            During the build of Buzzmove, they were accepted into the WAYRA accelerator, and have since
                                            received multiple rounds of funding.
                                        </p>
                                    </div>
                                    <div class="col-md-6 hidden-xs">
                                        <img src="images/buzzmove-iOS-Template-1.0.png" class="img-responsive buzzmove-iphone">
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div> <!-- cd-panel-content -->
        </div> <!-- cd-panel-container -->
    </div> <!-- cd-panel -->









    <section class="innovation" id="innovation-work">

    <div class="innovation-hero"></div>

    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h1>Innovative <br>Client Work</h1>

            </div>
            <div class="col-md-6">
                <p>Whether it’s building and deploying a patient data system for the NHS, or designing new e-commerce hardware devices for a global manufacturer, we’re always using the latest tech to drive innovation for our clients.
                </p>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6 innovation-thumbnail">


                    <img src="images/Rehack-event.jpg" class="img-responsive">


                <div class="text-center">
                    <h4>Re.Hack scale project</h4>

                    <p>Hardware and software development of an IoT connected scale and associated mobile app, all within a 48 hour hackathon.</p>
                    <a class="cd-btn-rehack btn">View
                        project</a>
                </div>


            </div>


            <div class="col-sm-6 hoh-thumbnail">


                    <img src="images/house-of-holland-rings.jpg" class="img-responsive">


                <div class="project-title text-center">
                    <h4>House of Holland</h4>

                    <p>Collaborative design and development of innovative NFC payment ring solution for use on the catwalk at high profile fashion show during London Fashion Week.
                    </p>
                    <a class="cd-btn-hoh btn">View project</a>
                </div>


            </div>

        </div>

    </div>

</section>

    <div class="cd-panel-rehack from-right">
        <div class="cd-panel-header">
            <a href="#0" class="cd-panel-close"><i class="cd-panel-close fa fa-times"></i></a>
        </div>

        <div class="cd-panel-container" id="rehack-slideover">
            <div class="cd-panel-content">
                <div class="row row-eq-height">
                    <div data-slideover="close">
                        <div class="col-md-1 hidden-sm hidden-xs back-button">
                            <i class="fa  fa-3x fa-arrow-left"></i>
                        </div>
                    </div>

                    <div class="col-md-11 work">
                        <div class="container">
                            <div class="row row-eq-height">
                                <div class="col-lg-12 text-center">
                                </div>

                            </div>
                        </div>
                        <section class="rehack-bg">
                            <div class="container text-center">

                                <div class="text-center">
                                    <img src="images/rehack-logo.png" class="rehack-brand">
                                </div>
                                <div class="col-xs-12 rehack-story">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/H9Ml9spJ5zo"></iframe>
                                    </div>

                                    <p class="lead">

                                        We entered a team into the sustainability Re.Hack hackathon from Unilever. We hacked for 48
                                        hours and made a connected scale which can be used to enable e-commerce.
                                    </p>
                                    <i class="fa fa-file-code-o"></i>

                                    <p class="lead">
                                        We can’t say too much about the tech right now, but it’s pretty cool IoT stuff and has a
                                        react phone app to help users configure and use it. The project has been commissioned by
                                        Unilever, so watch this space.
                                    </p>
                                    <i class="fa fa-5x fa-mobile"></i>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div> <!-- cd-panel-content -->
        </div> <!-- cd-panel-container -->
    </div> <!-- cd-panel -->

    <div class="cd-panel-hoh from-right">
        <div class="cd-panel-header">
            <a href="#0" class="cd-panel-close"><i class="cd-panel-close fa fa-times"></i></a>
        </div>

        <div class="cd-panel-container" id="hoh-slideover">
            <div class="cd-panel-content">

                <div class="row row-eq-height">
                    <div data-slideover="close">
                        <div class="col-md-1 hidden-sm hidden-xs back-button">
                            <i style="left: 25%;" class="fa  fa-3x fa-arrow-left"></i>
                        </div>
                    </div>

                    <div class="col-md-11 work">



                        <div class="container text-center">

                            <div class="text-center">
                                <img src="images/hoh-logo.png" class="hoh-brand">
                            </div>
                            <div class="col-xs-12 hoh-story">
                                <div class="embed-responsive embed-responsive-16by9">
                                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/pagljreqIfo"></iframe>
                                </div>

                                <p class="lead">We collaborated with architects and developers from Visa Europe Collab, to help create a mobile app supporting
                                    a cloud-based payments system for House of Holland’s London Fashion Week SS2016 show. This enabled Henry Holland's VIP guests
                                    to purchase items of clothing at his fashion show by simply touching a specially-designed NFC ring to an enabled tag on the outfit.</p>

                                <i class="fa fa-5x fa-cc-visa"></i>

                                <p class="lead">
                                    The tag was linked via Bluetooth Smart technology to a virtualised terminal and Visa’s payment network.
                                </p>
                                <i class="fa fa-5x fa-database"></i>
                            </div>
                        </div>

                    </div>
                </div>

            </div> <!-- cd-panel-content -->
        </div> <!-- cd-panel-container -->
    </div> <!-- cd-panel -->




<section class="approach" id="our-approach">
    <div class="container">
        <h1>Our Approach</h1>

        <div class="row wow fadeIn">
            <div class="col-sm-4">
                <div class="text-center">
                    <span class="fa fa-code-fork"></span>
                </div>
                <p>We are engineers at heart, and are continuously improving our process to make use of the latest tools
                    and techniques for efficient, reliable and performant application development.
                </p>
            </div>
            <div class="col-sm-4">
                <div class="text-center">
                    <i class="home-icons fa fa-users"></i>
                </div>
                <p>We subscribe to the principles of the lean startup and run our projects with an agile methodology. We
                    fully document each sprint with user stories and for complex stories we create annotated
                    wireframes.</p>
            </div>
            <div class="col-sm-4">
                <div class="text-center">
                    <i class="home-icons fa fa-line-chart"></i>
                </div>
                <p>We work with clients for the duration of the project allowing full visibility of specification,
                    current build status through burndown charts and deliverables on staging servers. Transparency is
                    key in building trust and longstanding relationships.</p>
            </div>
        </div>

        </div>

</section>


    <section class="client" id="clients">
        <div class="container">
            <h1>Who we’ve worked with</h1>

            <div class="row first-row text-center wow fadeIn">
                <div class="client-logos col-sm-3 col-xs-6">
                   <img src="images/my-icons/unilver-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/visa-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/barclays-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/disney-logo.png" class="img-responsive">
                </div>
            </div>
            <div class="row text-center wow fadeIn">
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/santander-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/guardian-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/sony-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/ba-logo.png" class="img-responsive">
                </div>
            </div>
            <div class="row text-center wow fadeIn">
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/amnesty-international-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/nhs-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/twentieth-century-fox-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/yahoo-logo.png" class="img-responsive">
                </div>
            </div>
            <div class="row text-center wow fadeIn">
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/getvape-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/dugout-logo.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/buzzmove-logo-black.png" class="img-responsive">
                </div>
                <div class="client-logos col-sm-3 col-xs-6">
                    <img src="images/my-icons/vvoosh-logo.png" class="img-responsive">
                </div>
            </div>

        </div>
    </section>



    <section class="contacts" id="contact-us">
    <iframe width='100%' height='400px' frameBorder='0'
            src='https://a.tiles.mapbox.com/v4/niall-ssg.ciewvewcv000btim4d31icr5p/attribution,geocoder,share.html?access_token=pk.eyJ1IjoibmlhbGwtc3NnIiwiYSI6ImNpZXd2ZXkwdDAwMGJ1Z20wbnMxZnN1NmcifQ.yrI7TYFTV2mlzvWV0kI71A'></iframe>

    <div class="container">
        <div class="row" style="padding-bottom: 20px">
            <h1>Contact</h1>
        </div>
        <div class="row">

            <div class="col-md-6">
                <address>
                <p class="lead">
                    <strong>Solid State Group</strong><br>
                    4th Floor<br>
                    86-90 Paul St<br>
                    London <br>
                    EC2A 4NE</p>
               </address>

                <p class="lead">
                    <i class="fa fa-phone"></i>
                    <a title="Phone" href="tel:+4402076137220">+44 (0) 207 613 7220</a>
                    <br>
                    <a href="mailto:projects@solidstategroup.com"><i class="fa fa-envelope-o"></i>
                        projects@solidstategroup.com</a></p>
            </div>
            <div class="col-md-6">
                <p class="lead">Our offices are close to the Old Street roundabout in London. The nearest tube is Old
                    Street, and the nearest train stations are Liverpool Street and Moorgate.</p>
            </div>
        </div>
    </div>
</section>

<script type="text/javascript">

    $('a[href*=#]:not([href=#])').click(function () {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html,body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });

    // hide .navbar first
    $(".navbar-fixed-top").hide();

    // fade in .navbar
    $(function () {
        $(window).scroll(function () {

            // set distance user needs to scroll before we start fadeIn
            if ($(this).scrollTop() > 750) {
                $('.navbar-fixed-top').fadeIn();
            } else {
                $('.navbar-fixed-top').fadeOut();
            }
        });
    });

    // Dugout panel

    $('.cd-btn').on('click', function(event){
        event.preventDefault();
        $('.cd-panel').addClass('is-visible');
        $(document.body).addClass('modal-open');
    });

    $('.cd-panel').on('click', function(event){
        if( $(event.target).is('.cd-panel') || $(event.target).is('.cd-panel-close, .col-md-1, .fa') ) {
            $('.cd-panel').removeClass('is-visible');
            $(document.body).removeClass('modal-open');
            event.preventDefault();
        }
    });

    $('.nav a').on('click', function(){
        $('.navbar-toggle').click()
    });

    $(document).on('keyup',function(evt) {
        if (evt.keyCode == 27) {
            $('.cd-panel, .cd-panel-buzzmove, .cd-panel-rehack, .cd-panel-hoh').removeClass('is-visible');
            $(document.body).removeClass('modal-open');
        }
    });

    // Buzzmove panel

    $('.cd-btn-buzzmove').on('click', function(event){
        event.preventDefault();
        $('.cd-panel-buzzmove').addClass('is-visible');
        $(document.body).addClass('modal-open');
    });

    $('.cd-panel-buzzmove').on('click', function(event){
        if( $(event.target).is('.cd-panel-buzzmove') || $(event.target).is('.cd-panel-close, .col-md-1, .fa') ) {
            $('.cd-panel-buzzmove').removeClass('is-visible');
            $(document.body).removeClass('modal-open');
            event.preventDefault();
        }
    });

    // rehack panel

    $('.cd-btn-rehack').on('click', function(event){
        event.preventDefault();
        $('.cd-panel-rehack').addClass('is-visible');
        $(document.body).addClass('modal-open');
    });

    $('.cd-panel-rehack').on('click', function(event){
        if( $(event.target).is('.cd-panel-rehack') || $(event.target).is('.cd-panel-close, .col-md-1, .fa') ) {
            $('.cd-panel-rehack').removeClass('is-visible');
            $(document.body).removeClass('modal-open');
            event.preventDefault();
        }
    });

    // hoh panel

    $('.cd-btn-hoh').on('click', function(event){
        event.preventDefault();
        $('.cd-panel-hoh').addClass('is-visible');
        $(document.body).addClass('modal-open');
    });

    $('.cd-panel-hoh').on('click', function(event){
        if( $(event.target).is('.cd-panel-hoh') || $(event.target).is('.cd-panel-close, .col-md-1, .fa') ) {
            $('.cd-panel-hoh').removeClass('is-visible');
            $(document.body).removeClass('modal-open');
            event.preventDefault();
        }
    });

    $(".element").typed({
        strings: ["We build successful <br/>digital businesses"],
        typeSpeed: -5,
        contentType: 'html' // or 'text'
    });

    new WOW().init();

      (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-152927-1', 'auto');
      ga('send', 'pageview');
    </script>
</body>
</html>
