<!DOCTYPE html>
<html>
<head>
	<title>Vincent Wautier</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css">
 <link rel="stylesheet" type="text/css" href="https://unpkg.com/bulma-prefers-dark" />

    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

	<link rel="stylesheet" type="text/css" href="css/style.css">


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74073-5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-74073-5');
</script>


</head>
<body>
	 <section class="section">
    <div class="container has-text-centered">

      <h1 class="title">
        VINCENT WAUTIER
      </h1>
      <p class="subtitle">
        graphic designer & art director
      </p>
    </div>
  </section>
 <section class="section">
    <div class="container has-text-centered">


<picture>
    <source srcset="img/hand-dark.svg" media="(prefers-color-scheme: dark)">
    <img src="img/hand.svg">
</picture>




    </div>
</section>

 <section class="section is-size-5" >
    <div class="container has-text-centered">
    	<p>From conception to production.<br>
More than 15 years in communication agencies.<br>
Based in Brussels.</p>

<p>Drop me a line:

<script type="text/javascript" language="javascript">
<!--
// Email obfuscator script 2.1 by Tim Williams, University of Arizona
// Random encryption key feature coded by Andrew Moulden
// This code is freeware provided these four comment lines remain intact
// A wizard to generate this code is at http://www.jottings.com/obfuscator/
{ coded = "ETkki@9iiIS.7TI"
  key = "f87LTiztC1q0pkYv3Ja5bNIwZAgh2GBO6KVXWu9P4DERyQxUMndeojHmcFrSls"
  shift=coded.length
  link=""
  for (i=0; i<coded.length; i++) {
    if (key.indexOf(coded.charAt(i))==-1) {
      ltr = coded.charAt(i)
      link += (ltr)
    }
    else {     
      ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
      link += (key.charAt(ltr))
    }
  }
document.write("<a href='mailto:"+link+"'>hello@wooty.net</a>")
}
//-->
</script><noscript>Sorry, you need Javascript on to email me.</noscript>
</p>
    </div>
</section>
<section>
	<div class="container has-text-centered">
  <p class="subtitle">Some brands & clients I&#x27;ve working on:</p>
                <div class="logo-wrapper">
                   <div class="logo-wrapper">
                    <div class="logo-item">
                        <img src="img/belfius.png" width="100px" alt="Belfius"/>
                    </div>
                    <div class="logo-item">
                        <img src="img/poc.png" width="100px" alt="Piece Of Chic"/>
                    </div>
                    <div class="logo-item">
                        <img src="img/yr.png" width="100px" alt="Yoga Room"/>
                    </div>
                    <div class="logo-item">
                        <img src="img/ka.png" width="100px" alt="Kitchen Aid"/>
                    </div>
                    <div class="logo-item">
                        <img src="img/maserati.png" width="100px" alt="Maserati"/>
                    </div>             
                    
                 <div class="logo-item">
                        <img src="img/lindemans.png" width="100px" alt="Lindemans"/>
                    </div>
                    <div class="logo-item">
                        <img src="img/moet.png" width="100px" alt="Moët & Chandon"/>
                    </div>
                </div>
            </div>

</section>

 <section class="section">


<div class="columns">
  <div class="column is-4 is-offset-4">
    <nav class="level is-mobile is-size-3">
  <p class="level-item has-text-centered">
    <a class="link is-info" href="https://www.instagram.com/woosht3d/"><i class="fab fa-instagram"></i></a>
  </p>
  <p class="level-item has-text-centered">
    <a class="link is-info" href="https://www.linkedin.com/in/vincent-wautier/"><i class="fab fa-linkedin"></i></a>
  </p>

  <p class="level-item has-text-centered">
    <a class="link is-info" href="https://dribbble.com/wooty">  <i class="fab fa-dribbble"></i></a>
  </p>
 
</nav>


  </div>
</div>






</section>

<div id="footer"></div>


</body>
</html>