patternlibrary/design-source/pages/work.hbs

178 lines
6.6 KiB
Handlebars
Raw Normal View History

2018-06-21 01:38:13 +00:00
---
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&nbsp;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}}