<!doctype html>
<html lang="en" >
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title> Expert Website Developer proving complete Website Solution </title>
    <style type="text/css">
        /* index */
.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}@media (min-width:992px){.d-lg-none{display:none!important}}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1590px){.container{max-width:1420px}}::-moz-selection{background-color:#000;color:#fd7e14}::selection{background-color:#000;color:#fd7e14}*,:after,:before{box-sizing:border-box}a:hover{text-decoration:none}img{border-style:none;vertical-align:middle}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body,html{height:100%}body{background:#212322;color:#888;font-family:Roboto,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.5;margin:0;text-align:left}#app{color:#fff;min-width:320px;position:relative;z-index:98}#app,#main{height:100%;min-height:100%}#main{opacity:1;perspective:1px;transition:all .5s ease-out}#main:after{animation:rotate 2s linear infinite;color:#fff;content:"\eb23";display:none;font-family:icomoon;font-size:5rem;left:0;line-height:1;opacity:0;right:0;text-align:center;top:40%;transition:opacity .1s;z-index:99}body.animate-pjax #main{opacity:0}#page{display:flex;flex-direction:column;min-height:100%;position:relative;z-index:2}#page>.wrap{display:flex;flex:1;flex-direction:column}#page-content{background-attachment:fixed;background-color:#424342;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1}#page-content #page-content-main{background-color:#000c;box-shadow:0 0 60px 10px #00000070;color:#fff;min-height:400px;padding:2rem 2rem 5rem;position:relative;z-index:1}.cryptedmail:after{content:attr(data-name) "@" attr(data-domain) "." attr(data-tld)}.icon{vertical-align:middle}.font-smaller{font-size:90%}@media (max-width:991.98px){#page-content>.container{padding-left:0;padding-right:0}}@media (min-width:768px){#page-content{background-image:url(/img/bg/meeting.jpg)}}#header{background:linear-gradient(180deg,#353535e6 0,#1a1a1b);border-bottom:1px solid #ffffff80;left:0;position:absolute;top:0;transition:background .4s ease-in-out;width:100%;z-index:100}#header .header-logo{display:inline-block;padding:.4rem 1rem .5rem}#header .header-logo>svg{display:inline-block;height:36px;overflow:hidden;vertical-align:middle;width:auto}#header .navbar-toggler{background-color:#ffffff1a;border:none;border-radius:6px;padding:6px 7px;position:absolute;right:8px;top:8px}#header .navbar-toggler>span{display:block;height:21px;position:relative;width:24px}#header .navbar-toggler>span>span{background-color:#fd7e14;border-radius:3px;display:block;height:4px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:all .2s;width:100%}#header .navbar-toggler>span>span:first-child{left:50%;top:9px;width:0}#header .navbar-toggler>span>span:nth-child(2),#header .navbar-toggler>span>span:nth-child(3){top:9px}#header .navbar-toggler>span>span:nth-child(2){transform:rotate(45deg)}#header .navbar-toggler>span>span:nth-child(3){transform:rotate(-45deg)}#header .navbar-toggler>span>span:nth-child(4){left:50%;top:10px;width:0}#header .navbar-toggler.collapsed>span>span{background-color:#eceeef}#header .navbar-toggler.collapsed>span>span:first-child{left:0;top:1px;width:100%}#header .navbar-toggler.collapsed>span>span:nth-child(2),#header .navbar-toggler.collapsed>span>span:nth-child(3){transform:rotate(0)}#header .navbar-toggler.collapsed>span>span:nth-child(4){left:0;top:17px;width:100%}#header .navbar-toggler:hover{background-color:#abacac;outline:none}#header .navbar-toggler:focus{background-color:#fd7e14}#header .navbar-toggler:focus>span>span,#header .navbar-toggler:hover>span>span{background-color:#fff}#header .collapse:not(.show){display:none}#header .collapsing{height:0;overflow:hidden;position:relative;transition:height .35s ease}@media (prefers-reduced-motion:reduce){#header .collapsing{transition:none}}#header .navbar-nav{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;text-align:left}#header .navbar-nav>li{position:relative}#header .navbar-nav>li>a{color:#fff;display:block;font-weight:500;text-decoration:none}#header .navbar-nav>li>a>.icon{color:inherit;display:inline-block;height:auto;line-height:1;text-align:center;vertical-align:middle}#header .navbar-nav>li>a>.nav-item-label{color:#fff;display:inline-block;vertical-align:middle}#header .navbar-nav>li>a:hover{background-color:#313132;color:#fff}#header .navbar-nav>li>a:focus{background-color:#444445;box-shadow:none;outline:none}#header .navbar-nav>li.active>a{box-shadow:none;color:#fd7e14}#app.navbar-open{overflow:hidden}@media (max-width:575.98px){#header .navbar-collapse{background-color:#333;border-top:1px solid #eceeef;bottom:0;box-shadow:0 5px 10px #ffffff1a;clear:both;left:0;overflow-y:auto;position:fixed;right:0;top:50px}#header .navbar-nav{flex-direction:column;padding:15px;text-align:left}#header .navbar-nav>li+li{margin-top:8px}#header .navbar-nav>li>a{background-color:#313132;border:1px solid #525252;border-radius:7px;box-shadow:inset 3px -1px 10px rgba(0,0,0,.459);color:#fff;font-size:1.15rem;letter-spacing:1px;padding:7px 10px;text-align:left;transition:all .5s ease-in}#header .navbar-nav>li>a>.icon{font-size:1.4em;width:10%}#header>.header-nav>.container{max-width:none;padding:0}}@media (max-width:767.98px){#header .header-nav>.container{padding-left:0;padding-right:0}}@media (min-width:576px){#header .header-logo{border-bottom:2px solid #353535;float:left;height:56px;line-height:44px;padding:5px 1.4rem 0 1rem}#header .header-logo>svg{height:40px}#header .navbar-toggler{display:none!important}#header .navbar-nav{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;padding:0}#header .navbar-nav>li{flex:1;text-align:center}#header .navbar-nav>li+li{margin-top:0}#header .navbar-nav>li>a{border-bottom:2px solid #353535;box-shadow:inset 0 -2px 14px #0006;font-size:.7rem;font-weight:800;height:56px;letter-spacing:.5px;padding:0 .7rem}#header .navbar-nav>li>a>.icon{display:block;font-size:1.3rem;height:36px;line-height:43px;transition:font-size .1s linear}#header .navbar-nav>li>a:focus{color:#fff}#header .navbar-nav>li.active>a{border-bottom-color:#fd7e14}#header .navbar-nav>li>a:hover>.icon{color:#fd7e14;font-size:1.4rem}#header .navbar-collapse.collapse{border:none;box-shadow:none;clear:none;display:block!important}#app.passed-opener #header{animation:fadeIn ease-in 1;animation-duration:.5s;border-bottom-color:#272727;box-shadow:0 4px 6px #00000080;position:fixed}#app.passed-opener #header .navbar-collapse.collapse{background:none}#app.passed-opener #header .header-logo{background-color:#3d3d3d33;border-bottom:none;height:37px;line-height:37px;padding:0}#app.passed-opener #header .header-logo>svg{height:28px}#app.passed-opener #header .navbar-nav{padding-bottom:0;padding-top:0}#app.passed-opener #header .navbar-nav>li>a{background-color:#3d3d3d33;border-bottom:none;height:37px;line-height:38px;padding-left:.7rem;padding-right:.7rem}#app.passed-opener #header .navbar-nav>li>a>.icon{display:inline-block;font-size:16px;height:auto;line-height:1}}@media (min-width:768px){#header .header-logo{height:67px;line-height:64px;padding:0 5%}#header .header-logo>svg{height:47px}#header .navbar-collapse{border-right:2px solid #131413}#header .navbar-nav>li>a{font-size:.9rem;height:67px}#header .navbar-nav>li>a>.icon{font-size:1.5rem;height:37px;line-height:49px}#header .navbar-nav>li>a:hover>.icon{font-size:1.7rem}}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}#page-hero{height:100%;overflow:hidden;position:relative;top:0;z-index:1}#page-hero .video-container{height:100%;min-height:100%;position:relative}#page-hero #hero-carousel{background:radial-gradient(circle,#fff 0,#fefefe1a 80%,#b2c4d31a 100%);bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;z-index:1}#page-hero .carousel{min-height:100%}#page-hero .carousel-item{color:#2b2b2b;cursor:pointer;line-height:100px;max-width:100%;overflow:hidden;text-align:center}#page-hero .carousel-container{margin:0 auto;max-width:640px;padding:90px 10px 0;position:relative}#page-hero .slick-list,#page-hero .slick-track{height:100%}#page-hero .slick-slide{opacity:0;transition:opacity 1s}#page-hero .slick-slide.slick-current{opacity:1}#page-hero .slick-slide>div{height:100%}#page-hero p{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NTYuNSIgaGVpZ2h0PSIzMy42Ij48cGF0aCBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuNSkiIGQ9Ik01MS41IDI4LjJDMTEzLjcgMzkuOCAxODcgMzAgMjYyLjIgMjEuOWMxMTctMTIuNSAyMTEuNy0xMS44IDI5NC4yIDQuOEM1MTAuNy45IDQwMy42LTcuNCAyNzQgNyAxNDQuNSAyMS4zIDU2IDI3IDE1LjkgOS42Yy00MC4yLTE3LjMgNC44IDEzLjUgMzUuNiAxOC42Ii8+PC9zdmc+");background-position:top;background-repeat:no-repeat;background-size:100% 100%;font-size:1.3rem;font-weight:600;letter-spacing:.05rem;line-height:1.6;margin:0;padding:3rem 2rem;text-align:center;text-shadow:0 0 2px #fff;vertical-align:middle}#page-hero .slick-slide:nth-child(2n) p{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NTYuNSIgaGVpZ2h0PSIzMy42Ij48cGF0aCBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuNSkiIGQ9Ik01MS41IDUuMjk2YzYyLjItMTEuNiAxMzUuNS0xLjggMjEwLjcgNi4zIDExNyAxMi41IDIxMS43IDExLjggMjk0LjItNC44LTQ1LjcgMjUuOC0xNTIuOCAzNC4xLTI4Mi40IDE5LjctMTI5LjUtMTQuMy0yMTgtMjAtMjU4LjEtMi42LTQwLjIgMTcuMyA0LjgtMTMuNSAzNS42LTE4LjYiLz48L3N2Zz4=")}#page-hero .title{display:block;font-size:1.4em;font-weight:800;letter-spacing:0;line-height:1.2}#page-hero .item-opener .title{font-size:2em}#page-hero .item-info{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiB3aWR0aD0iMzc0Ljg3NiIgaGVpZ2h0PSI5OC43ODEiPjxwYXRoIGQ9Ik0zNzQuODc1IDk4Ljc4MUgtLjAwOHYtNzkuNDFoMjk1LjY4TDI4OS4xODggMGwyNi4yMzMgMTkuMzcxaDU5LjQ1NHY3OS40MXoiIGZpbGw9IiNmZDdlMTQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");background-repeat:no-repeat;background-size:100% 100%;color:#fff;display:block;font-size:.8em;line-height:1.4;margin:0 auto;max-width:380px;padding:7% 3% 2.5%;text-shadow:none}#page-hero .icon{display:inline-block;font-size:1.4em;margin-left:-20px;margin-right:10px}#page-hero a{color:inherit}#page-hero p:first-line{font-size:1.15em}#page-hero br.hidden-xs1{display:none}#page-hero .inline-logo{font-size:1.8rem}#page-hero .video{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:-100}#page-hero .video-opener{bottom:-4px;left:0;position:absolute;width:100%;z-index:10}#page-hero .svg-wrap{overflow:hidden}#page-hero .svg-wrap>svg{bottom:-2px;display:block;height:auto;left:-2%;position:relative;width:104%}#page-hero .svg-opener{cursor:pointer;pointer-events:all;z-index:10}#page-hero .svg-opener-arrows{transition:opacity .5s ease}#page-hero .svg-opener-arrows path:hover{stroke:#343a40;animation:none;opacity:1}#page-hero .button-container{position:relative}#page-hero.loading #hero-carousel{opacity:0}#page-hero.ended #hero-carousel{background-image:radial-gradient(circle,#fff 0,#fefefe99 80%,#b2c4d333 100%)}#page-hero:after{background:radial-gradient(circle,#b2c4d31a 0,#9c9c9ccc 60%);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;transition:opacity 1s}#app.scrolled #page-hero:after{opacity:1}@media (min-width:768px){#page-hero .carousel-container{padding:4rem 0 5rem}#page-hero .slick-slide>div{align-items:center;display:flex;justify-content:center;padding-bottom:10%}#page-hero .title{font-size:1.6em}#page-hero p{font-size:1.3rem;max-width:none;padding:4rem}}
    </style>
    <meta name="csrf-token" content="tmMbc7U2bcNYQZoYPM6uQNzLI3JYe71LEebs8WEg">
    <meta name="description" content="I'm Ben, a full-stack freelance developer proving a complete website solutions for over 15 years. I enjoy designing &amp; building creative web applications that work exactly how you need them to.">
    <meta name="author" content="Ben Johnson">
    <link rel="preload" href="https://web2works.com/media/home.mp4" as="video" type="video/mp4" crossorigin>    <link rel="preload" href="https://web2works.com/fonts/icomoon.woff2?ddxc79" as="font" type="font/woff" crossorigin>
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <meta name="X-PJAX-VERSION" content="aHR0cHM6Ly93ZWIyd29ya3MuY29t">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon" href="https://web2works.com/apple-icon.png">
    <link rel="icon" type="image/png" href="https://web2works.com/favicon.png">
    <link rel="manifest" href="https://web2works.com/dist/mix-manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="https://web2works.com/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff" crossOrigin="use-credentials">
                <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WFNQ4BM');</script>
    <!-- End Google Tag Manager -->
        <script defer src="//code.jquery.com/jquery-3.4.1.min.js"></script>
        <script defer src="https://web2works.com/dist/js/app.js?id=08507c7f06f76b61f53f0f7975f26983"></script>
            </head>
<body>
<div id="app" class="frontend-index has-hero ">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WFNQ4BM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <header id="header">
    <div class="header-nav">
        <div class="container">
            <a href="/" class="header-logo" aria-label="Go to Homepage" data-pjax>
                
<svg width="260.22" height="99.602" viewBox="0 307.56 260.218 99.602" xmlns="http://www.w3.org/2000/svg"><linearGradient id="logoGradient" x1="297.78" x2="297.78" y1="531.32" y2="311.46" gradientTransform="translate(-4.795 166.46) scale(.45303)" gradientUnits="userSpaceOnUse"><stop stop-color="#1A1A1A" offset="0"/><stop offset=".15"/><stop stop-color="#262626" offset=".75"/><stop stop-color="#404040" offset="1"/></linearGradient><path d="M14.695 407.16C6.593 407.16 0 400.568 0 392.465v-70.211c0-8.103 6.593-14.695 14.695-14.695h230.83c8.103 0 14.695 6.592 14.695 14.695v70.212c0 8.103-6.592 14.695-14.695 14.695H14.695z" fill="url(#logoGradient)"/><linearGradient id="logoGradient2" x1="297.78" x2="297.78" y1="529.41" y2="313.37" gradientTransform="translate(-4.795 166.46) scale(.45303)" gradientUnits="userSpaceOnUse"><stop stop-color="#E5E5E5" offset="0"/><stop stop-color="#fff" offset=".55"/><stop stop-color="#fff" offset="1"/></linearGradient><path d="M259.35 392.47c0 7.639-6.193 13.831-13.831 13.831H14.689c-7.638 0-13.831-6.192-13.831-13.831v-70.212c0-7.639 6.192-13.831 13.831-13.831h230.83c7.638 0 13.831 6.192 13.831 13.831z" fill="url(#logoGradient2)"/><g transform="translate(-4.795 166.46) scale(.45303)"><linearGradient id="logoGradient3" x1="297.78" x2="297.78" y1="529.41" y2="313.37" gradientUnits="userSpaceOnUse"><stop stop-color="#1A1A1A" offset="0"/><stop offset=".15"/><stop stop-color="#262626" offset=".75"/><stop stop-color="#404040" offset="1"/></linearGradient><path d="M245.84 350.92c-5.901 0-10.616 2.556-14.143 7.665-2.251 3.186-3.681 7.93-4.289 14.235h36.589c-.73-7.83-2.662-13.438-5.793-16.823-3.134-3.383-7.254-5.077-12.364-5.077zM195.184 460.8c-3.242 0-5.919 1.422-8.031 4.27-2.113 2.848-3.168 7.181-3.168 13 0 5.905 1.046 10.271 3.141 13.094 2.094 2.829 4.725 4.241 7.894 4.241 3.205 0 5.836-1.394 7.894-4.178s3.087-7.252 3.087-13.404c0-5.737-1.038-10.01-3.114-12.815-2.077-2.806-4.644-4.208-7.703-4.208zm153.42-53.046c4.441 0 8.167-2.006 11.178-6.021 3.014-4.015 4.518-10.766 4.518-20.256 0-8.361-1.476-14.499-4.426-18.414s-6.523-5.874-10.72-5.874c-5.051 0-9.171 2.041-12.366 6.123-3.191 4.081-4.79 10.269-4.79 18.563 0 9.092 1.566 15.677 4.701 19.758 3.131 4.08 7.101 6.121 11.905 6.121zm41.013 38.769c-1.95 0-3.617.691-4.998 2.071-1.381 1.381-2.072 3.048-2.072 4.999s.691 3.615 2.072 4.998c1.381 1.381 3.048 2.069 4.998 2.069 1.951 0 3.616-.688 4.999-2.069 1.38-1.383 2.069-3.047 2.069-4.998s-.689-3.618-2.069-4.999c-1.383-1.379-3.048-2.071-4.999-2.071zm3.2 10.846c-.802.773-1.851 1.159-3.142 1.159-1.41 0-2.556-.454-3.445-1.361-.886-.904-1.33-2.106-1.33-3.598 0-1.414.455-2.584 1.364-3.505.913-.923 2.052-1.383 3.421-1.383 1.11 0 2.043.295 2.801.884a3.81 3.81 0 0 1 1.433 2.282l-2.259.345c-.139-.618-.389-1.081-.752-1.384-.362-.302-.805-.452-1.325-.452-.597 0-1.099.255-1.504.763-.404.51-.607 1.307-.607 2.393 0 1.094.137 1.875.413 2.343.405.673.979 1.01 1.72 1.01.468 0 .886-.174 1.257-.518.371-.345.639-.902.799-1.675l2.364.563c-.293.925-.696 1.637-1.208 2.134zm-160.66-50.611c3.588 4.579 8.272 6.869 14.052 6.869 3.65 0 7.118-.997 10.402-2.987 2.007-1.259 4.166-3.484 6.478-6.668l31.685 3.188v-14.935h-67.453c.668 6.505 2.28 11.348 4.836 14.533zm282.6 40.685c-10.396 7.184-17.349 12.214-20.856 15.087-3.507 2.874-7.628 6.634-12.36 11.283h101.52v-129.92c0-16.862-13.671-30.529-30.53-30.529h-220.26v26.303c3.71-4.245 7.925-7.432 12.639-9.557 4.712-2.122 9.932-3.184 15.647-3.184 11.801 0 21.563 4.628 29.291 13.886 7.726 9.257 11.588 22.544 11.588 39.864 0 11.547-1.765 21.717-5.293 30.508-3.528 8.794-8.408 15.363-14.643 19.709-6.237 4.347-13.155 6.519-20.759 6.519-6.511 0-12.472-1.525-17.885-4.578-4.076-2.39-8.517-6.867-13.323-13.438v15.628h-34.764v-19.293c-3.579 5.145-7.539 9.294-11.875 12.465v38.631l16.606-21.992h27.369l-20.812 23.196 12.574 24.571 21.534-2.314c.91 2.995 2.186 5.136 3.823 6.424 1.641 1.288 3.825 1.933 6.558 1.933 2.984 0 5.298-.726 6.937-2.18 1.275-1.078 1.911-2.427 1.911-4.047 0-1.824-.836-3.236-2.511-4.233-1.202-.704-4.392-1.574-9.561-2.613-7.723-1.535-13.084-2.958-16.089-4.268-3.006-1.307-5.535-3.518-7.594-6.634-2.059-3.113-3.087-6.665-3.087-10.651 0-4.362 1.112-8.119 3.334-11.274 2.22-3.155 5.28-5.514 9.177-7.07s9.124-2.335 15.679-2.335c6.918 0 12.026.602 15.324 1.807 3.294 1.206 6.045 3.078 8.248 5.613 2.203 2.534 4.033 5.963 5.49 10.286l-21.088 2.371c-.544-2.121-1.456-3.681-2.729-4.677-1.748-1.331-3.862-1.996-6.339-1.996-2.511 0-4.341.51-5.49 1.525-1.146 1.018-1.72 2.253-1.72 3.704 0 1.62.729 2.843 2.186 3.674 1.456.831 4.625 1.577 9.505 2.242 7.394.955 12.892 2.282 16.499 3.986 3.604 1.704 6.363 4.131 8.274 7.289 1.912 3.155 2.869 6.623 2.869 10.401 0 3.82-1.01 7.538-3.032 11.151-2.021 3.61-5.208 6.486-9.56 8.627-4.353 2.138-10.278 3.205-17.783 3.205-10.596 0-18.145-1.723-22.644-5.175-.348-.266-.668-.558-.994-.841l2.312 4.52h-25.05l-11.751-26.544-8.376 9.335v17.209h-18.687v-46.824l-.26.684c-2.622-1.248-4.698-1.872-6.228-1.872-2.914 0-5.172 1.373-6.774 4.115-2.295 3.868-3.442 11.102-3.442 21.7v22.197h-22.344V494c-1.424 3.224-3.306 6.166-5.695 8.79-5.918 6.508-14.103 9.758-24.555 9.758-9.324 0-16.862-2.7-22.617-8.104-7.066-6.694-10.598-15.466-10.598-26.315 0-1.872.137-3.665.343-5.416l-11.822 38.339H131.31l-11.227-39.843-10.851 39.843H90.247l-20.553-66.218h20.541l8.885 41.691 11.246-41.691h19.196l11.722 41.796 8.938-41.796h20.413l-4.566 14.809c1.264-2.319 2.769-4.494 4.585-6.484 5.973-6.547 14.04-9.82 24.201-9.82 11.617 0 20.395 3.844 26.331 11.535 1.601 2.079 2.91 4.333 3.974 6.736v-16.776h20.814v10.849c2.002-4.696 4.07-7.928 6.2-9.697 2.131-1.765 4.762-2.647 7.894-2.647 1.328 0 2.709.199 4.139.581v-8.094c-5.494 1.055-11.762 1.586-18.824 1.586-12.835 0-22.934-1.975-30.293-5.921-7.361-3.947-13.46-10.218-18.295-18.813-4.645-8.251-7.035-17.911-7.218-28.949l-17.322 51.295h-33.048l-19.628-63.604-18.969 63.604H67.412L31.48 329.314h35.91l15.535 66.556 19.659-66.556h33.56l20.494 66.723 15.625-66.723h35.687l-4.675 13.848c.273-.302.537-.61.819-.907 9.703-10.217 23.1-15.329 40.194-15.329 13.87 0 24.819 2.29 32.849 6.868 7.603 4.336 13.466 10.539 17.633 18.562v-38.992H43.02c-16.861 0-30.529 13.667-30.529 30.529v154.98c0 16.862 13.668 30.529 30.529 30.529h509.52c10.558 0 19.86-5.358 25.342-13.502h-170.63c1.774-15.3 7.162-29.688 16.165-43.171 9-13.48 25.884-29.392 50.649-47.733 15.129-11.243 24.808-19.777 29.033-25.611 4.226-5.832 6.34-11.368 6.34-16.608 0-5.664-2.093-10.501-6.276-14.517s-9.445-6.022-15.784-6.022c-6.592 0-11.982 2.07-16.165 6.212-4.184 4.142-6.994 11.453-8.43 21.934l-51.73-4.184c2.03-14.538 5.748-25.886 11.159-34.042 5.408-8.157 13.036-14.412 22.883-18.763 9.848-4.354 23.478-6.53 40.89-6.53 18.172 0 32.307 2.071 42.409 6.212 10.1 4.143 18.045 10.501 23.835 19.082 5.79 8.579 8.685 18.194 8.685 28.844 0 11.326-3.318 22.145-9.952 32.457-6.638 10.31-18.704 21.635-36.2 33.977zm-117.55 10.533a8.617 8.617 0 0 1-3.208 3.202 8.658 8.658 0 0 1-4.384 1.171 8.628 8.628 0 0 1-4.372-1.171c-1.354-.78-2.425-1.848-3.208-3.202s-1.176-2.816-1.176-4.383c0-1.563.393-3.021 1.176-4.378.783-1.359 1.854-2.427 3.208-3.208s2.811-1.17 4.372-1.17c1.567 0 3.029.389 4.384 1.17a8.604 8.604 0 0 1 3.208 3.208 8.609 8.609 0 0 1 1.175 4.378 8.6 8.6 0 0 1-1.175 4.383z" fill="url(#logoGradient3)"/></g></svg>
            </a>
            <button type="button" id="navbar-toggler" class="navbar-toggler collapsed" title="Show Menu">
                <span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
            </button>
            <nav class="collapse navbar-collapse" id="navbar-collapse">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="/service">
                            <i class="icon icon-magic-wand2"></i>
                            <span class="nav-item-label">Services</span>
                        </a>
                    </li>
                    <li>
                        <a href="/portfolio">
                            <i class="icon icon-earth3"></i>
                            <span class="nav-item-label">Portfolio</span>
                        </a>
                    </li>
                    <li>
                        <a href="/about">
                            <i class="icon icon-puzzle21"></i>
                            <span class="nav-item-label">About</span>
                        </a>
                    </li>
                    <li>
                        <a href="/contact">
                            <i class="icon icon-envelop2"></i>
                            <span class="nav-item-label">Contact</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

    <script>
            </script>

    <div id="main">
            <div class="loading" id="page-hero">
    <div class="video-container">
        <div id="hero-carousel" class="carousel" role="listbox">
            <div class="active carousel-item item-opener item-long">
                <div class="carousel-container">
                    <p>
                        <span class="title">Hi, I'm Ben</span>
                        <span class="item-info">A freelance website developer<br class="hidden-xs1" /> based in <span class="highlight">Sheffield, South Yorkshire</span>.</span>
                    </p>
                </div>
            </div>
            <div class="carousel-item" data-interval="8000">
                <div class="carousel-container">
                    <p>
                        <span class="title">
                            <i class="icon icon-code" aria-role="presentation"></i>
                            Over 15 years experience
                        </span>
                        <span class="item-info">In both frontend browsers &amp; backend servers</span>
                    </p>
                </div>
            </div>
            <div class="carousel-item" data-interval="8000">
                <div class="carousel-container">
                    <p>
                        <span class="title">
                            <i class="icon icon-magic-wand2" aria-role="presentation"></i>
                            Take a pride in all my work
                        </span>
                        <span class="item-info">paying high attention to detail</span>
                    </p>
                </div>
            </div>
            <div class="carousel-item item-long" data-interval="9000">
                <div class="carousel-container">
                    <p>
                        <span class="title">
                            <i class="icon icon-earth" aria-role="presentation"></i>
                            Modern developer
                        </span>
                        <span class="item-info">always keeping up with the latest web trends, industries guidelines &amp; requirements.</span>
                    </p>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-container">
                    <p>
                        <span class="title">
                            <i class="icon icon-unlock" aria-role="presentation"></i>
                            It's more than just a website
                        </span>
                        <b>unlock</b> it's potential with <span class="inline-logo"><span class="first-letter">W</span>eb<span class="middle-letter">2</span><span class="first-letter">W</span>orks</span>
                    </p>
                </div>
            </div>
        </div>

        <div class="video-opener pre-load">
            <div class="svg-wrap">
                <svg id="page-hero-svg" class="svg-opener" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMaxYMax slice" viewBox="0 0 168.69209 19.998409">
                    <path class="svg-path-morph"
                          fill="#f1f6fc" stroke="#fff" stroke-width="1px"
                          d="m-0.99231 20 172.66-3.94e-4v-19.848c-56 8.7-112.66 8.9-172.66 0z"
                          data-morph1="m-0.99231 20h172.66v-19.848c-84 0.16-86.661 0.16-172.66 0z"
                          data-morph2="m0.15 20h1.7e2v-20c-56 20-1.1e2 20-1.7e2 0z" />
                    
                </svg>


            </div>
            
            
        </div>
    </div>
</div>        
        <div id="page">
            <div class="wrap">
                    <div class="widget-blocks">
        <div class="container">
            <div class="row">
                <section class="col-xs-12 col-md-4 widget widget-block">
                    <div class="widget-info">
                        <div class="title">
                            <img class="img img-fluid" data-lazy="https://web2works.com/img/services/webapp.png" alt="Webapp Graphs" />
                            <h3 class="heading">Complete build of website applications</h3>
                        </div>
                        <p class="info">By extending Open Source software to build a truly tailored website solution.</p>
                    </div>
                </section>
                <section class="col-xs-12 col-md-4 widget widget-block">
                    <div class="widget-info">
                        <div class="title">
                            <img class="img img-fluid" data-lazy="https://web2works.com/img/services/services.png" alt="Postcard Paradise" />
                            <h3 class="heading">Focus on your business &amp; <br />complete website services </h3>
                        </div>
                        <p class="info">Future-proofed, reliable &amp; secure websites that you control</p>
                    </div>
                </section>
                <section class="col-xs-12 col-md-4 widget widget-block">
                    <div class="widget-info">
                        <div class="title">
                            <img class="img img-fluid" data-lazy="https://web2works.com/img/services/devices.png" alt="Responsive Devices" />
                            <h3 class="heading">Expert in building modern responsive websites</h3>
                        </div>
                        <p class="info">Adapting to the screen size, SEO friendly &amp; built to strict web standards</p>
                    </div>
                </section>
            </div>
        </div>
    </div>

    <div class="widget-section widget-section-carousel widget-section-img">
        <div class="row justify-content-center">
            <div class="col col-sm-6 align-self-center info">
                <h4 class="heading">
                    Why Choose <strong class="inline-logo"><span class="first-letter">W</span>eb<span class="middle-letter">2</span><span class="first-letter">W</span>orks</strong>?
                </h4>

                <p>Expert working with open source and enterprise applications as well as building custom built tailor made website applications that fully utilize their potential </p>

                <p class="text-center">
                    <a href="/about" class="btn btn-main">
                        <i class="icon icon-puzzle2"></i> <span class="nav-item-label"><span class="d-inline-block align-middle">Learn more about us</span></span>
                    </a>
                </p>
            </div>
        </div>
    </div>

    <div class="widget-section testimonal-items">
    <div class="wrap">
        <div class="container">
            <h4 class="heading">Client reviews</h4>
            <p class="subtitle">What our clients have to say <span style="letter-spacing: 2px">...</span></p>
            <div id="carousel-testimonals">
                <div class="carousel row is-inview">
                    <div class="carousel-item testimonal-item col-12 col-sm-6 col-md-4 active">
                        <blockquote class="inner">
                            <p>Since Ben took over managing our website our sales have almost tripled from his creative ideas and strict standard srom his creative ideas and strict standard.</p>
                            <div class="foot">
                                <div class="pic"><img data-lazy="https://web2works.com/img/ben-profile.jpg" alt="Ben Profile Picture" /></div>
                                <div class="name"><strong>Lance Jarvis</strong> CEO Google Ltd</div>
                            </div>
                        </blockquote>
                    </div>
                    <div class="carousel-item testimonal-item col-12 col-sm-6 col-md-4">
                        <blockquote class="inner">
                            <p>Ben provided me with lots of ideas. I am thrilled with everything.</p>
                            <div class="foot">
                                <div class="pic"><img data-lazy="https://web2works.com/img/ben-profile.jpg" alt="Ben Profile Picture" /></div>
                                <div class="name"><strong>Lance Jarvis</strong> CEO Google Ltd</div>
                            </div>
                        </blockquote>
                    </div>
                    <div class="carousel-item testimonal-item col-12 col-sm-6 col-md-4">
                        <blockquote class="inner">
                            <p>I knew from the start I was in safe hands with Ben's detailed approach to the project. He instantly understood my brief and delived in less time than expected.</p>
                            <div class="foot">
                                <div class="pic"><img data-lazy="https://web2works.com/img/ben-profile.jpg" alt="Ben Profile Picture" /></div>
                                <div class="name"><strong>Lance Jarvis</strong> CEO Google Ltd</div>
                            </div>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                </div>

            <footer id="footer" class="is-inview">
    <div class="footer-hero moving-bg">
        <div class="container">
            <p>Ready to start your web project?</p>
            <a href="/contact" class="btn btn-main btn-shake">
                <i class="icon icon-comments-o"></i>
                <span class="nav-item-label"><span class="d-inline-block align-middle">Get in touch</span></span>
            </a>
        </div>
    </div>

    <div class="footer-main" id="particle-effect">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-lg-3 footer-col footer-company">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 66 12" class="svg-logo footer-logo">
                        <defs>
                            <linearGradient id="a" x1="0" y1="0" x2="0" y2="100%">
                                <stop offset="0%" stop-color="#E0EAFC" />
                                <stop offset="100%" stop-color="#CFDEF3" />
                            </linearGradient>
                        </defs>
                        <a xlink:href="/">
                            <text x="33" y="12" xml:space="default" fill="url(#a)">
                                <tspan class="caps">W</tspan>eb<tspan class="highlight">2</tspan><tspan class="caps">W</tspan>orks
                            </text>
                        </a>
                    </svg>
                    <p>
                        A trusted freelance developer offering a full range of web services - specialist in building custom web applications to your exact requirements.
                    </p>
                </div>

                <div class="col-md-12 order-md-3 col-lg-6 order-lg-2 footer-col footer-services">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="heading">What we do</div>
                            <ul class="nav nav-links">
                                <li><a href="">Website Design</a></li>
                                <li><a href="">Website Development</a></li>
                                <li><a href="">Search Engine Optimization</a></li>
                                <li><a href="">Website Management</a></li>
                            </ul>
                        </div>
                        <div class="col-sm-6">
                            <div class="heading">Find Out More</div>
                            <ul class="nav nav-links">
                                <li><a href="/privacy-policy">Privacy Policy</a></li>
                                <li><a href="/cookie-policy">Cookie Policy</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 order-md-2 col-lg-3 order-lg-3 footer-col footer-contact">
                    <div class="heading sr-only">Contact Us</div>
                    <div class="footer-contact-item">
                        <a href="mailto:hello@web2works.co.uk">
                                            <span class="icon-wrap">
                                                <i class="icon icon-mail"></i>
                                            </span>
                            <span class="info"><span class="sr-only">Email </span>hello@web2works.com</span>
                        </a>
                    </div>
                    <div class="footer-contact-item">
                        <a href="tel:441142831688">
                                            <span class="icon-wrap">
                                                <i class="icon icon-mobile"></i>
                                            </span>
                            <span class="info"><span class="sr-only">Telephone </span>+44 (0)114 283 1688</span>
                        </a>
                    </div>
                    <div class="footer-contact-item footer-contact-address">
                                        <span class="icon-wrap">
                                            <i class="icon icon-location"></i>
                                        </span>
                        <span class="info"><span class="sr-only">Address </span>Stocksbridge<br /> Sheffield<br /> South Yorkshire</span>
                    </div>
                </div>
            </div>

            <div class="footer-meta">
                <div class="footer-copy clearfix">
                    <div class="font-italic font-sm float-lg-right">Page loaded in <em id="request-time"></em> Secs. Check our <a href="https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fweb2works.com" target="_blank" rel="noopener noreferrer">Google PageSpeed</a> score.</div>
                    <em>&copy;</em> <span class="text-year">2022</span> <strong>Web2works Ltd</strong> <small>(7507470)</small>
                </div>
            </div>
        </div>
    </div>
</footer>        </div>
    </div>
</div>

<noscript id="deferred-styles">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,500,700&subset=latin&display=swap" rel="stylesheet">
    <link href="https://web2works.com/dist/css/app.css?id=fe1c77c27442abb8b765ccf1560c2123" rel="stylesheet" />
    </noscript>
<script>
    var _loadedDeferredStyles,loadDeferredStyles=function(){if(!_loadedDeferredStyles){_loadedDeferredStyles=!0;var e=document.getElementById("deferred-styles"),t=document.createElement("div");t.innerHTML=e.textContent,document.body.appendChild(t),e.parentElement.removeChild(e)}},raf=requestAnimationFrame||mozRequestAnimationFrame||webkitRequestAnimationFrame||msRequestAnimationFrame;raf?raf(function(){window.setTimeout(loadDeferredStyles,0)}):window.addEventListener("load",loadDeferredStyles);
</script>
        <script defer src="https://web2works.com/dist/js/page/index.js?id=0e90e39420cc96bf92ffce17053e0de5"></script>
    </body>
</html>