﻿<!doctype html>
<html class="no-js" 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.0">
  <title>Web Bureau</title>
  <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
  <script src="https://use.typekit.net/gkb2ssg.js"></script>
  <script>try{Typekit.load({ async: true });}catch(e){}</script>
  <link rel="stylesheet" href="css/app.css">
  <link rel="stylesheet" href="css/anicollection.css" />

  <script src="bower_components/jquery/dist/jquery.js"></script>
  <script src="bower_components/what-input/what-input.js"></script>
  <script src="bower_components/foundation-sites/dist/foundation.js"></script>
  <script src="js/jquery.cycle2.js"></script>
  <script src="js/jquery.cycle2.swipe.min.js"></script>
  <script src="js/jquery.countdown.js"></script>
  
<!-- 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-55V64F');</script>
<!-- End Google Tag Manager -->

<!-- WOW Async Tracking Code Start -->
<script data-cfasync='false' type='text/javascript'>
    var _wow = _wow || [];
    (function () {
        try {
            _wow.push(['setClientId', 'd937aacf-de73-4872-90b5-0ea12ab890b9']);
            _wow.push(['enableDownloadTracking']);
            _wow.push(['trackPageView']);
            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
            g.type = 'text/javascript'; g.defer = true; g.async = true;
            g.src = '//t.wowanalytics.co.uk/Scripts/tracker.js';
            s.parentNode.insertBefore(g, s);
        } catch (err) { }
    })();
</script>
<!-- WOW Async Tracking Code End -->

</head>

<body class="anim--effect-1 holding-page">

  <!-- Header -->
  <header class="header">
    <div class="row">
      <div class="column">
        <div class="header-left">
          <?xml version="1.0" encoding="utf-8" ?>
          <a href="/">
            <svg version="1.1" class="wb-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                 viewBox="0 0 886.5 137.2" style="enable-background:new 0 0 886.5 137.2;" xml:space="preserve">
            <style type="text/css">
              .st0 {
                fill: #FFFFFF;
              }
</style>
            <g class="logo-type">
            <path class="st0" d="M260.5,48.9L273,88.7l12.8-42h15.5l-21.5,68.5h-12l-12.9-41.5l-12.9,41.5h-12l-21.5-68.5h15.5l12.8,42
		                    l12.6-39.7H260.5z" />
            <path class="st0" d="M361.5,115.2H316V46.7h45.5v12h-30.3v16.8h26.3v12h-26.3v15.6h30.3V115.2z" />
            <path class="st0" d="M418.4,79.6c4,0.7,7.4,2.7,10.2,6c2.7,3.2,4.1,6.7,4.1,10.3c0,5.8-2.3,10.5-6.7,14c-4.4,3.5-10.3,5.3-17.6,5.3
		                    h-28.7V46.6l25.7,0.1c7.1,0,12.9,1.7,17.3,5.1c4.5,3.3,6.8,7.8,6.8,13.6C429.5,71.3,425.4,77.2,418.4,79.6z M394.9,75.4h6.3
		                    c8.7,0,13-3.1,13-9.4c0-4.7-3.7-7.3-8.7-7.3h-10.6V75.4z M394.9,86v17.1h13.5c5.2,0,8.9-2.9,8.9-7.5c0-2.8-1-5.2-3-6.9
		                    c-2-1.8-5.8-2.6-11.5-2.6H394.9z" />
            <path class="st0" d="M516.8,79.6c4,0.7,7.4,2.7,10.2,6c2.7,3.2,4.1,6.7,4.1,10.3c0,5.8-2.3,10.5-6.7,14c-4.4,3.5-10.3,5.3-17.6,5.3
		                    h-28.7V46.6l25.7,0.1c7.1,0,12.9,1.7,17.3,5.1c4.5,3.3,6.8,7.8,6.8,13.6C528,71.3,523.9,77.2,516.8,79.6z M493.3,75.4h6.3
		                    c8.7,0,13-3.1,13-9.4c0-4.7-3.7-7.3-8.7-7.3h-10.6V75.4z M493.3,86v17.1h13.5c5.2,0,8.9-2.9,8.9-7.5c0-2.8-1-5.2-3-6.9
		                    c-2-1.8-5.8-2.6-11.5-2.6H493.3z" />
            <path class="st0" d="M588,46.7h15.2v42.6c0,8.5-2.7,15.1-8.1,19.9c-5.4,4.8-12.1,7.1-20.3,7.1c-8.1,0-14.9-2.3-20.3-7.1
		                    c-5.4-4.8-8-11.4-8-19.9V46.7h15.2v42.6c0,9.1,5.7,14.3,13.1,14.3c7.4,0,13.2-5.3,13.2-14.3V46.7z" />
            <path class="st0" d="M658.7,89.7c2.1,8.3,5.1,13.1,11.4,13.1c2.5,0,4.9-1,6.9-2.9l5.4,10.5c-2.6,2.1-5,3.5-7.1,4.5
		                    c-2.2,0.9-4.9,1.4-8.1,1.4c-6.2,0-11.5-3-14.6-6.9c-1.6-1.9-2.9-4.1-4-6.6c-2.3-5-3-8.6-3.4-12H636v24.4h-15.1V46.7h30.4
		                    c6.8,0,12.1,2.2,16,6.6c3.9,4.3,5.9,9.6,5.9,16C673.2,79,667.7,86.9,658.7,89.7z M636,78.7h13.4c5.4,0,8.6-3.8,8.6-9.6
		                    c0-5.9-3.2-9.7-8.6-9.7H636V78.7z" />
            <path class="st0" d="M741.7,115.2h-45.5V46.7h45.5v12h-30.3v16.8h26.3v12h-26.3v15.6h30.3V115.2z" />
            <path class="st0" d="M769.9,115.2h-15.7l26.4-68.5h14.8l26.8,68.5h-15.9l-4.9-12.8v0.2h-26.9v-0.2L769.9,115.2z M788.1,62.7
		                    l-9.4,27.4h18.5L788.1,62.7z" />
            <path class="st0" d="M871.3,46.7h15.2v42.6c0,8.5-2.7,15.1-8.1,19.9c-5.4,4.8-12.1,7.1-20.3,7.1s-14.9-2.3-20.3-7.1
		                    c-5.4-4.8-8-11.4-8-19.9V46.7H845v42.6c0,9.1,5.7,14.3,13.1,14.3c7.4,0,13.2-5.3,13.2-14.3V46.7z" />
              </g>
            <g class="logo-mark">
            <path class="st0" d="M161.6,78.4l-9.8-9.8l-6.4-6.4l-6.4-6.4L126.2,43l-6.4-6.4l-6.4-6.4l-6.4-6.4l-6.4-6.4L94.2,11l-9.8-9.8
		                  c-1.7-1.7-4.4-1.7-6,0L68.6,11L55.8,23.8l-6.4,6.4L43,36.6L36.6,43L23.8,55.8L11,68.6L4.6,75l-3.4,3.4c-1.7,1.7-1.7,4.4,0,6
		                  l3.4,3.4l12.8,12.8l12.8,12.8L43,126.2l6.4,6.4l3.4,3.4c1.7,1.7,4.4,1.7,6,0l9.8-9.8l10.8-10.8c1.1-1.1,2.9-1.1,4,0l10.8,10.8
		                  l6.4,6.4l3.4,3.4c1.7,1.7,4.4,1.7,6,0l9.8-9.8l12.8-12.8l6.4-6.4l6.4-6.4l12.8-12.8l3.4-3.4C163.2,82.8,163.2,80.1,161.6,78.4z
		                   M131.6,63.2l-5.4,5.4L108,86.8c-0.6,0.6-1.5,0.6-2,0l-5.4-5.4L94.2,75l-6.4-6.4l-4.4-4.4c-1.1-1.1-2.9-1.1-4,0L75,68.6L56.8,86.8
		                  c-0.6,0.6-1.5,0.6-2,0l-5.4-5.4L43,75l-6.4-6.4l-5.4-5.4c-0.6-0.6-0.6-1.5,0-2l5.4-5.4l6.4-6.4l6.4-6.4l6.4-6.4l6.4-6.4l6.4-6.4
		                  L80.4,12c0.6-0.6,1.5-0.6,2,0l11.8,11.8l6.4,6.4l6.4,6.4l6.4,6.4l12.8,12.8l5.4,5.4C132.1,61.8,132.1,62.7,131.6,63.2z" />
              </g>
            </svg>
          </a>
        </div>
        <div class="header-right">
          <ul class="menu vertical main-navigation">
            <li><a href="tel:028 9073 1190">028 9073 1190</a></li>
            <li><a href="mailto:info@thewebbureau.com">Email us</a></li>
          </ul>
        </div>
      </div>
    </div>
  </header>

  <!-- Hero home -->
  <section class="hero-home fading">
    <div class="overlay">
      <video class="show-for-xlarge" muted loop autoplay>
        <source src="video/birds-hd.mp4">
      </video>
    </div>
    <div class="row">
      <div class="large-12 columns">
        <div class="hero-text">
          <h1><span class="hero-text-inner"><!--We've come a long way.
Now we're going even <em>further</em>. Stay tuned.--></span></h1>
          <div class="countdown">
            <div class="countdown-clock">
              ???
            </div>
            <script>
                    $('.countdown-clock').countdown('2016/11/16 10:00:00', function (event) {
                      $(this).html(event.strftime(''
                      + '<div><strong>%D</strong><span>day%!D</span></div>'
                      + '<div><strong>%H</strong><span>hr%!H</span></div>'
                      + '<div><strong>%M</strong><span>min%!m</span></div>'
                      + '<div><strong>%S</strong><span>secs</span></div>'));
                    });
            </script>
          </div>
        </div>
      </div>
    </div>
  </section>

  <div class="spacer footer-spacer"></div>

  <script src="js/app.js"></script>
  <script src="js/masonry.pkgd.min.js"></script>
  <script src="js/anijs.js"></script>
  <script src="js/anijs-helper-scrollreveal.js"></script>
  <script src="js/utils.js"></script>
  <script src="js/imagesLoaded.js"></script>
  <script src="js/typed.js"></script>
  <script src="js/stellar.js"></script>
  <script>
      $(function(){
      $.stellar({
      horizontalScrolling: false
      });
      });
  </script>
  <script src="js/custom.js"></script>
  <div class="page-reveal-in"></div>
  <div class="page-reveal-out"></div>

</body>
</html>


