00-index.html

---
layout: default
permalink: /
---

      <section id="work">
        <ul>
          <li class="bb slate" data-js="slate" data-state="closed">
            <div class="visual"></div>
            <div class="work-header">
              <h2>Beyond Believing</h2>
              <h5>Front-End - 2015</h5>
            </div>
            <div class="info">
              <div class="row">
                <div class="col-md-4">
                   <p class="desc">Custom Wordpress theme for Beyond Believing Portfolio. Created a Bootstrap-based scaffolding for any further
                    Wordpress projects and made use of isotope.js for gallery filtering.</p>
                </div>
                <div class="col-md-5">
                  <div class="before">
                    <img src="img/work/bb/bb_screen.png">
                  </div>
                </div>
                <div class="col-md-3">
                  <ul>
                    <li><h3>Role</h3><span>Front-End developer</span></li>
                    <li><h3>Type</h3><span>Freelance</span></li>
                    <li><h3>Date</h3><span>January 2015</span></li>
                    <li><h3>Devices</h3><span>Responsive</span></li>
                    <a href="http://beyondbelieving.net/" class="out" target="_blank">Go to site</a>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="dias slate" data-js="slate">
          <div class="visual"></div>
            <div class="work-header">
              <h2>DIAS_</h2>
              <h5>Front-End - 2014</h5>
            </div>
            <div class="info">
              <div class="row">
                <div class="col-md-4">
                  <p class="desc">I interned at DIAS_, a London-based digital agency and was tasked with developing their portfolio site.
                    This was a project of many firsts for me. My first experience with Wordpress theming and PHP,
                    my first time using Sass, and ultimately my first professional web build.</p>
                </div>
                <div class="col-md-5">
                  <div class="before">
                    <img src="img/work/dias/imac_dias.png">
                  </div>
                </div>
                <div class="col-md-3">
                  <ul>
                    <li><h3>Role</h3><span>Front-End developer</span></li>
                    <li><h3>Type</h3><span>Internship</span></li>
                    <li><h3>Date</h3><span>May 2014</span></li>
                    <li><h3>Devices</h3><span>Responsive</span></li>
                    <a href="http://diascreative.com" class="out" target="_blank">Go to site</a>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="sheff slate" data-js="slate">
            <div class="visual"></div>
            <div class="work-header">
              <h2>Sheffield DocFest</h2>
              <h5>Front-End - 2014</h5>
            </div>
            <div class="info">
              <div class="row">
                <div class="col-md-4">
                  <p class="desc">My history with Sheffield Doc Fest's Videotheque project goes back a few years. From encoding the many documentaries that delegates watch over the week during my time as a video editor, to this year updating the Videotheque site
                  with Sheffield Doc's new branding.
                  </p>
                </div>
                <div class="col-md-5">
                  <div class="before">
                    <img src="img/work/sheff/imac_sheffield.png">
                  </div>
                </div>
                <div class="col-md-3">
                  <ul>
                    <li><h3>Role</h3><span>Front-End developer</span></li>
                    <li><h3>Type</h3><span>Internship</span></li>
                    <li><h3>Date</h3><span>May 2014</span></li>
                    <li><h3>Devices</h3><span>Fully Responsive</span></li>
                    <a href="#" class="out pointer">Member access only</a>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="ntrust slate" data-js="slate">
            <div class="visual"></div>
            <div class="work-header">
              <h2>National Trust</h2>
              <h5>Video</h5>
            </div>
            <div class="info">
              <div class="row">
                <div class="col-md-4">
                   <p class="desc">While I have made the decision to leave the world of video behind, I am still proud of <i>most</i>
                    of the work that I did. This, the last video I edited as a professional, is a prime example of the work I did during my time
                    at Large Blue and <a href="http://green.tv" target="_blank">Green TV</a>. A clean, simple video piece with a positive message for a great client.</p>
                </div>
                <div class="col-md-5">
                  <div class="before">
                    <iframe  class="dias-video-filler" width="600" height="338" src="//www.youtube.com/embed/N3M9z8y2Eec" frameborder="0" allowfullscreen></iframe>
                  </div>
                </div>
                <div class="col-md-3">
                  <ul>
                    <li><h3>Role</h3><span>Video Editor</span></li>
                    <li><h3>Type</h3><span>Freelance</span></li>
                    <li><h3>Date</h3><span>December 2013</span></li>
                    <li><h3>Devices</h3><span>Web</span></li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </section>