177 lines
6.6 KiB
Handlebars
177 lines
6.6 KiB
Handlebars
---
|
|
title: "Work"
|
|
---
|
|
|
|
|
|
{{#extend "default"}}
|
|
{{#content "precontent"}}
|
|
<section class="hero is-dark">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="titlebar">
|
|
<div class="titlebar_title">
|
|
<h1 class="title is-2">Work</h1>
|
|
</div>
|
|
<div class="titlebar_links">
|
|
<div class="field is-horizontal">
|
|
<div class="field-label is-normal">
|
|
<label class="label">Filter by:</label>
|
|
</div>
|
|
<div class="field-body">
|
|
<div class="field">
|
|
<p class="control">
|
|
<div class="select">
|
|
<select>
|
|
<option>Technology</option>
|
|
<option>Drupal</option>
|
|
<option>Python</option>
|
|
<option>Mobile</option>
|
|
</select>
|
|
</div>
|
|
</p>
|
|
</div>
|
|
<div class="field">
|
|
<p class="control">
|
|
<div class="select">
|
|
<select>
|
|
<option>Industry</option>
|
|
<option>Education</option>
|
|
<option>Health</option>
|
|
<option>...</option>
|
|
</select>
|
|
</div>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{/content}}
|
|
{{#content "content"}}
|
|
<div class="columns is-multiline">
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-cinnamon">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">DRTB Network</p>
|
|
<p class="subtitle">Community directory</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-berry">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">Backupify</p>
|
|
<p class="subtitle">Secure cloud management portal</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-blue">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">MASS Design Group</p>
|
|
<p class="subtitle">Global humainitarian architecture firm</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-marine">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">MIT</p>
|
|
<p class="subtitle">Multi-faceted data migration</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-dandelion">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">Partners in Health</p>
|
|
<p class="subtitle">Mluti-lingual global website</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-cinnamon">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">Find It Cambridge</p>
|
|
<p class="subtitle">Community directory</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-cinnamon">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-drtb-connamon.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">DRTB Network</p>
|
|
<p class="subtitle">Community directory</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-berry">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-backupify-berry.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">Backupify</p>
|
|
<p class="subtitle">Secure cloud management portal</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-blue">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-mass-blue.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">MASS Design Group</p>
|
|
<p class="subtitle">Global humainitarian architecture firm</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-marine">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-mit-marine.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">MIT</p>
|
|
<p class="subtitle">Multi-faceted data migration</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-dandelion">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-pih-dandelion.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">Partners in Health</p>
|
|
<p class="subtitle">Mluti-lingual global website</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="column is-one-third">
|
|
<a href="#" class="is-child card card-project is-cinnamon">
|
|
<div class="card-image" style="background-image:url(../assets/img/fpo-findit-cinnamon.jpg)">
|
|
</div>
|
|
<div class="card-content">
|
|
<p class="title">Find It Cambridge</p>
|
|
<p class="subtitle">Community directory</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{{/content}}
|
|
{{/extend}}
|