Added enigmail portfolio page

projects/enigmail.html

@@ -0,0 +1,92 @@
+---
+layout: default
+section_id: portfolio
+title: Enigmail
+---
+
+<div style="background-color: #0077bb;" class="full">
+  <div class="four spacing"></div>
+  <div class="section-title">
+    <div class="row">
+      <div class="medium-10 medium-centered columns">
+        <h1 class="wow slideInUp" style="color: white;">Enigmail</h1>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="full">
+  <div class="row">
+    <div class="large-8 columns">
+      <img src="../images/@stock/enigmail.jpg" alt="">
+      <div class="spacing"></div>
+      <img src="../images/@stock/enigmail-logos.jpg" alt="">
+      <div class="spacing"></div>
+    </div>
+    <div class="large-4 columns">
+      <div class="project-intro">
+        <p>OpenChain reached out to Ura to create a series of illustrations to accompany infographics and flyers, which focus on building trust by making open source license compliance simpler and more consistent by using the Open Chain specification.</p>
+<p>We created a set of penguin illustrations to bring this message home. OpenChain was so kind to put the illustrations into public domain, so they can be freely reused by anyone for anything.</p>
+<p>Further, <a href="https://www.openchainproject.org/news/2017/07/12/openchain-welcomes-ura-design" target="_blank">Ura is also happy to be part of the OpenChain Comformant organizations</a>, fostering further collaboration.</p>
+        <hr>
+        <div class="spacing"></div>
+        <h4>Date</h4>
+        <p><span>April, 2018</span></p>
+        <h4>Clients</h4>
+        <p><span><a href="https://enigmail.net" target="_blank">Enigmail</a></span></p>
+        <h4>Category</h4>
+        <p><span>Visual Identity</span></p>
+         <hr>
+        <a class="button boxed black" href="https://github.com/uracreative/works/tree/master/Enigmail" target="_blank"><i class="fab fa-github"></i> Sources</a><br />
+        <a class="button boxed enigmail" href="https://enigmail.net" target="_blank"><i class="fas fa-globe"></i> Website</a>
+      </div>
+    </div>
+  </div>
+</div>
+<hr>
+<div class="full">
+  <div class="section-title">
+    <div class="row">
+      <div class="medium-10 medium-centered columns">
+        <h2>Related projects</h2>
+      </div>
+    </div>
+  </div>
+  <div class="related-works">
+    <div class="row">
+      <div class="large-4 columns">
+        <div class="work-wrapper">
+          <a href="openlabs" class="work">
+            <img src="../images/@stock/openlabs.jpg" alt="">
+            <div class="info">
+              <h3>Open Labs</h3>
+              <p>Rebranding</p>
+            </div>
+          </a>
+        </div>
+      </div>
+      <div class="large-4 columns">
+        <div class="work-wrapper">
+          <a href="tor-style-guide" class="work">
+          <img src="../images/@stock/tor_thumb.png" alt="">
+          <div class="info">
+            <h3>Tor Style Guide</h3>
+            <p>Style Guide</p>
+          </div>
+        </a>
+        </div>
+      </div>
+      <div class="large-4 columns">
+        <div class="work-wrapper">
+          <a href="mozilla-l10n" class="work">
+            <img src="../images/@stock/mozilla-l10n.jpg" alt="">
+            <div class="info">
+              <h3>Mozilla L10N T-shirts</h3>
+              <p>Print</p>
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>