<meta name="description" content="Udacity Responsive Images course project" />

<meta charset="utf-8">

<meta name="author" content="//samdutton.com">

<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

<meta itemprop="name" content="Udacity Responsive Images course project">

<meta name="mobile-web-app-capable" content="yes">

<meta id="theme-color" name="theme-color" content="#307699">

<!-- loads the Udacity Feedback extension -->

<meta name="udacity-grader" content="http://udacity.github.io/responsive-images/project/project-grader.json" unit-tests="http://udacity.github.io/responsive-images/project/project-grader.js">

<base target="_blank">

<title>My responsive blog: picture story</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/css-social-buttons/1.3.0/css/zocial.css">

<link rel="stylesheet" href="css/main.css" />

<script>

// Picture element HTML5 shiv

document.createElement( "picture" );

</script>

<script src="https://cdn.rawgit.com/scottjehl/picturefill/3.0.2/dist/picturefill.min.js" async></script>

<h1>My responsive blog</h1>

<article>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/still_life_lg_1x.jpg 1x,

images_lg/still_life_lg_2x.jpg 2x">

<source srcset="images_sm/still_life_sm_1x.jpg 1x,

images_sm/still_life_sm_2x.jpg 2x">

<img src="images_sm/still_life_sm_1x.jpg" alt="Objects on a desk">

</picture>

<figcaption>Objects on a desk</figcaption>

</figure>

<h2>My story</h2>

<p>I love cheese, especially manchego swiss. ☺ Fromage queso jarlsberg cheesy feet emmental cottage cheese camembert de normandie bocconcini. Cottage cheese everyone loves cauliflower cheese rubber cheese squirty cheese halloumi cow fondue. Bocconcini cheese and biscuits everyone loves fondue red leicester st. agur blue cheese rubber cheese ricotta. Cheesy grin mozzarella.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/horses_lg_1x.jpg 1x,

images_lg/horses_lg_2x.jpg 2x">

<source srcset="images_sm/horses_sm_1x.jpg 1x,

images_sm/horses_sm_2x.jpg 2x">

<img src="images_sm/horses_sm_1x.jpg" alt="Horses">

</picture>

<figcaption>Horses in the fields</figcaption>

</figure>

<p>Bocconcini swiss cut the cheese. Manchego boursin smelly cheese cheesy grin squirty cheese mozzarella cheddar hard cheese. Manchego roquefort camembert de normandie cheese slices mascarpone cow cheesy feet airedale. Port-salut jarlsberg gouda port-salut port-salut cheese on toast.</p>

<p>Manchego cheese strings hard cheese. Say cheese swiss cheese strings squirty cheese mozzarella feta the big cheese halloumi. Cheddar cheese and biscuits cut the cheese queso hard cheese red leicester parmesan st. agur blue cheese. Smelly cheese caerphilly hard cheese cream cheese cream cheese the big cheese feta squirty cheese. Babybel fromage edam lancashire.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/volt_lg_1x.jpg 1x,

images_lg/volt_lg_2x.jpg 2x">

<source srcset="images_sm/volt_sm_1x.jpg 1x,

images_sm/volt_sm_2x.jpg 2x">

<img src="images_sm/volt_sm_1x.jpg" alt="Picture showing the word 'Volt'">

</picture>

<figcaption>'Volt' smeered with dirt</figcaption>

</figure>

<p>Edam parmesan smelly cheese. Dolcelatte say cheese cheesy feet lancashire cow boursin stinking bishop brie. Stilton cheese strings say cheese pecorino cheeseburger fromage frais cauliflower cheese manchego. St. agur blue cheese ricotta stinking bishop queso camembert de normandie manchego cheese triangles fondue. Gouda.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/cockatoos_lg_1x.jpg 1x,

images_lg/cockatoos_lg_2x.jpg 2x">

<source srcset="images_sm/cockatoos_sm_1x.jpg 1x,

images_sm/cockatoos_sm_2x.jpg 2x">

<img src="images_sm/cockatoos_sm_1x.jpg" alt="Two cockatoos">

</picture>

<figcaption>Two cockatoos</figcaption>

</figure>

<p>Babybel cream cheese cheese on toast. Brie fromage swiss cheese and biscuits hard cheese babybel bocconcini brie. Cheesy grin swiss cheese strings paneer lancashire cauliflower cheese cheese on toast caerphilly. Queso queso cheese and wine taleggio mascarpone cheeseburger.</p>

<p>Rubber cheese lancashire stinking bishop. Paneer bocconcini bocconcini melted cheese brie blue castello mascarpone when the cheese comes out everybody's happy. Mozzarella st. agur blue cheese hard cheese smelly cheese gouda ricotta hard cheese cheese and wine. Fromage frais pecorino airedale caerphilly danish fontina everyone loves.</p>

<p>Cheddar the big cheese fromage frais. Stinking bishop dolcelatte cow pecorino who moved my cheese bavarian bergkase cheese slices who moved my cheese. Cheeseburger roquefort cheese and biscuits queso queso smelly cheese roquefort red leicester. Fromage squirty cheese macaroni cheese melted cheese stilton roquefort cheese and biscuits.</p>

<p>St. agur blue cheese cheese and wine say cheese. Goat cottage cheese brie cheese triangles say cheese when the cheese comes out everybody's happy stinking bishop dolcelatte. Parmesan say cheese cream cheese goat cauliflower cheese st. agur blue cheese cheese slices hard cheese. Cheese triangles.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/postcard_lg_1x.jpg 1x,

images_lg/postcard_lg_2x.jpg 2x">

<source srcset="images_sm/postcard_sm_1x.jpg 1x,

images_sm/postcard_sm_2x.jpg 2x">

<img src="images_sm/postcard_sm_1x.jpg" alt="An old postcard from 1916">

</picture>

<figcaption>An old postcard from 1916</figcaption>

</figure>

<p>Pecorino pepper jack cheesy feet. Smelly cheese cauliflower cheese fromage halloumi cream cheese who moved my cheese fromage fondue. Feta danish fontina cheesy grin mozzarella fromage cheesy grin airedale paneer. Cheddar halloumi cheese and biscuits jarlsberg cheese and biscuits cheese and biscuits squirty cheese.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/grasshopper_lg_1x.jpg 1x,

images_lg/grasshopper_lg_2x.jpg 2x">

<source srcset="images_sm/grasshopper_sm_1x.jpg 1x,

images_sm/grasshopper_sm_2x.jpg 2x">

<img src="images_sm/grasshopper_sm_1x.jpg" alt="Grasshopper">

</picture>

<figcaption>Grasshopper</figcaption>

</figure>

<p>Babybel cream cheese cheese on toast. Brie fromage swiss cheese and biscuits hard cheese babybel bocconcini brie. Cheesy grin swiss cheese strings paneer lancashire cauliflower cheese cheese on toast caerphilly. Queso queso cheese and wine taleggio mascarpone cheeseburger.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/sfo_lg_1x.jpg 1x,

images_lg/sfo_lg_2x.jpg 2x">

<source srcset="images_sm/sfo_sm_1x.jpg 1x,

images_sm/sfo_sm_2x.jpg 2x">

<img src="images_sm/sfo_sm_1x.jpg" alt="View from the skies">

</picture>

<figcaption>View from the skies</figcaption>

</figure>

<p>Say cheese swiss cheesy grin. Cheese on toast queso bocconcini cheeseburger fondue manchego smelly cheese port-salut. Cream cheese cheese and wine airedale cheeseburger chalk and cheese cauliflower cheese fondue smelly cheese. Queso manchego.</p>

<figure>

<picture>

<source media="(min-width: 501px)" srcset="images_lg/rosella_lg_1x.jpg 1x,

images_lg/rosella_lg_2x.jpg 2x">

<source srcset="images_sm/rosella_sm_1x.jpg 1x,

images_sm/rosella_sm_2x.jpg 2x">

<img src="images_sm/rosella_sm_1x.jpg" alt="Bird in the wild">

</picture>

<figcaption>Bird in the wild</figcaption>

</figure>

<p>Paneer st. agur blue cheese bocconcini. The big cheese chalk and cheese cheese and biscuits cream cheese cheese triangles mascarpone everyone loves rubber cheese. Stinking bishop manchego the big cheese lancashire hard cheese the big cheese danish fontina squirty cheese. Cheesy feet croque monsieur boursin squirty cheese cheddar boursin boursin pepper jack. Squirty cheese halloumi camembert de normandie macaroni cheese.</p>

</article>

<div class="social">

<a href="#" class="zocial twitter">Twitter</a>

<a href="#" class="zocial digg">Digg</a>

<a href="#" class="zocial facebook">Facebook</a>

<a href="#" class="zocial googleplus">Google+</a>

</div>

<div class="background-markup"></div>

<br>

<a href="https://github.com/CodeWithOz/TheResponsiveBlog/" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>