<!DOCTYPE html>
<head>
<link href="/normalize.css" rel="stylesheet">
<style>
header {
text-align: center;
background: url('https://i.ytimg.com/vi/M9RkUnmeW6I/maxresdefault.jpg');
background-size: cover;
color: white;
font-family: ubuntu;
}
a {
color: white;
}
h1 {
font-size: 70px;
}
img {
margin: 40px 0px 0px 0px;
border: 7px solid white;
border-radius: 20px;
}
ul {
padding: 10px;
background: rgba(0,0,0,0.5);
}
li {
display: inline;
padding: 0px 10px 0px 10px;
}
article {
max-width: 500px;
padding: 20px;
margin: 0 auto;
}
@media (max-width: 500px) {
h1 {
font-size: 36px;
padding: 5px;
}
li {
padding: 5px;
display: block;
}
}
</style>
</head>
<body>
<header>
<img src="https://goo.gl/JEnUHP" width=20%>
<h1>Alexander's Blog</h1>
<h2>The long and short about me.<h2>
<ul>
<li><a href="https://missiondevops.blogspot.com.au/">Mission DevOps</a></li>
<li><a href="http://alexandergarber.blogspot.com.au/search/label/missionmobility">Training</a></li>
<li><a href="http://alexandergarber.blogspot.com.au/search/label/theodessia">The Odessia</a></li>
</ul>
</header>
<div style="width: 100%; overflow: hidden;">
<div style="width: 50%; float: left;">
<article>
<h2>Mission DevOps</h2>
<p>My mission is to become a software developer, and ultimately a DevOps engineer. On this blog I will share with you my journey into this exciting and complex profession.</p>
<button>Like</button>
</article>
</div>
<div style="margin-left: 50%;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9lmDzihezMpVjVM7dGc_GkuhRrEF6ix_BpDF15bTTXR1OTzHyC9mcx3VDlgtxI_wtbi6RcnZkxKu0am-gVr6JfMTcehWyRB_ZSNT3uWeN5Jg-YVFKLUR6GkP_0G0MG-A74RXa3sShktP/s1600/Screenshot+from+2016-10-26+13-53-52.png" width=50%></div>
</div>
<div style="width: 100%; overflow: hidden;">
<div style="width: 50%; float: left;">
<article>
<h2>Strength and Flexibility Training</h2>
<p>Since the early 2000s I have been on a personal quest for an antidote to the sedentary nature of modern living. I have learned much that I wish to share with the world.</p>
<button>Like</button>
</article>
</div>
<div style="margin-left: 50%;">
<img src="https://lh3.googleusercontent.com/pBIqNtwwHBtkI2LLgXDWz6aLOdHy7Vb7VzgrJFPJBWCHg249Gc02FArZNUKDHWLw468KS7f_0Pcv3ENeojgP9N4D3Ho6JB-YIoUBQQcAfy8GG80WFXt_SGK8WJG_O57NvB5O2ZA4GiUrw4gttYfbVqfF_QVnzp-REYoZ-23iH1KnLP2iVe5vUUJM-22APxl-Uf-kZVghdonwlb5_i8-3fzmDbMLSF96fd21OtshYWR-8nvon6H6tuwP2NV_zqbhx1nUiYw3Wm5ZYlu2cgpDcIAFJ4YoMdCfWeJZ6e11B-yn3uhUZYyY--xUE6sz2i3bBXZI0G-GlhhR-VLgIM_4ZYMUpJQ0lpAQx_qYMpLeBOAYAh09Psm-CDTJFlRaHblo81-HN9mBdw73dxR0V3TN32HtuH3vLdkx13awaNQEdV-KIjcdg6cO1SIIL54ouSnfrDMJUvRZJtQF8D_u9QpHB7FGaGWm-UKBiodgCDWSK2Knhtl72x5HVhn6ABD0DAjWFFUYttfvN4_RPR2Ton_qz4KPU2jc_U4OSwDj-MsGOy8MC9Tt5YcNo_hevx45nDDMtSzDRr4dOcQektxIeeN-1JFqgU0G07dBne9izWwRZa0QH9s--=w506-h491-no" width=50%></div>
</div>
<div style="width: 100%; overflow: hidden;">
<div style="width: 50%; float: left;">
<article>
<h2>The Odessia</h2>
<p>The Odessia is a fantasy novel that explores philosophy, free market economics, love, life, and the universe through the adventures of its heroine, Odessa, and her travelling companion, Trousers the cat.
</p>
<button>Like</button>
</article>
</div>
<div style="margin-left: 50%;">
<img src="http://theodessia.weebly.com/uploads/4/1/5/9/4159515/916806.png?432" width=50%></div>
</div>
</script>
</body>
