work.html

---
layout: default
title: My Work
header: My work
permalink: /work/
description: Learn more about Owen Williams' UX writing and marketing strategy work.
image: "/images/card.png"
seo:
  type: Person
---
<div class="jumbotron mb-0">
		<div class="intro py-5">
			<div class="container py-5">
				<div class="row">
					<div class="col-lg-6">
							<h1>{{ page.header }}</h1>
							<p>Over the last few years, I've worked with some of the best global brands and startups to help them craft beautiful content, strategy or just something new. Here's a few examples.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-6">
						<hr class="my-4">
					</div>
				</div>
			</div>
		</div>
</div>

<div class="bg-light mb-5">
{% include brands.html %}
</div>
	
<div class="container mb-5 mb-3">
	<div class="row">
		<div class="col-lg-6">
			<h3>Showcase</h3>
			<p>A non-exhaustive set of projects I've worked on. I update this as often as I can, but it's likely a little dusty.</p>
		</div> 
	</div> 
	{% assign items = site.work | sort: 'date' %}
	{% for item in items reversed %}
	<div class="row my-5 d-flex align-items-center">
				<div class="col-lg-6">
					<div class="pb-3">
						<h5 class="font-weight-bold mb-0">{{ item.headline }}</h5> 
						<span class="post-meta">{{ item.site }} – {{ item.when }}</span>
					</div>
					<p>{{ item.content }}</p>
					{% if item.link %}<a href="{{item.link}}" target="_blank">Read more ></a>{% endif %}
				</div>

				<div class="col-lg-6 pl-4">
						<img class="featured" src="{{ item.image }}" alt="Card image cap">
				</div>

				{% if forloop.last != true %}
					<div class="col-lg-12">
						<hr class="mt-5 mb-0">
					</div>
				{% endif %}

	</div>	
	{% endfor %}
</div>
{% include convert.html %}