?>

<div class="container">
    <article role="article">
		<div class="row">
			<div class="col-xs-12 col-sm-4 header-content">
				<?php 
echo $page->header()->kirbytext();
?>
			</div>
			<figure class="col-sm-8">
	          <img src="<?php 
echo $page->images()->first()->resize(750, 536)->url();
?>
" srcset="<?php 
echo kirby_get_srcset($page->images()->first());
?>
" sizes="<?php 
echo kirby_get_sizes($page->images()->first());
?>
" alt="<?php 
echo $page->images()->first()->caption();
?>
">
			</figure>
		</div>
		<main class="main" role="main">
			<div class="row">
				<h2 class="col-sm-2 left-heading">engineering with unlikely people</h2>
				<section class="content col-sm-10">
					<div class="row">
             if (isset($sources[$link])) {
                 $href = thumb($file, $sources[$link])->url();
             } else {
                 if ($tag->file($link)) {
                     $href = $tag->file($link)->url();
                 } else {
                     $href = $link;
                 }
             }
         }
     }
     return html::a(url($href), $image, array('rel' => $tag->attr('rel'), 'class' => $tag->attr('linkclass'), 'title' => $tag->attr('title'), 'target' => $tag->target()));
 };
 // srcset builder
 if ($file && empty($srcset)) {
     $srcset = kirby_get_srcset($file);
 }
 // sizes builder
 if ($file && empty($sizes)) {
     $classes = !empty($tag->attr('imgclass')) ? explode(' ', $tag->attr('imgclass')) : '';
     $sizes = kirby_get_sizes($file, $tag->attr('width'), $classes);
 }
 // allows src attribute to be overwritten
 $defaultsource = kirby()->option('responsiveimages.defaultsource');
 if (isset($sources[$defaultsource])) {
     $url = thumb($file, $sources[$defaultsource])->url();
 }
 // image builder
 $_image = function ($class) use($tag, $url, $alt, $title, $srcset, $sizes) {
     return html::img($url, array('width' => $tag->attr('width'), 'height' => $tag->attr('height'), 'class' => $class, 'title' => $title, 'alt' => $alt, 'srcset' => $srcset, 'sizes' => $sizes));
 };