Skip to content

Instantly share code, notes, and snippets.

@DESIGNfromWITHIN
Last active December 19, 2015 21:19
Show Gist options
  • Save DESIGNfromWITHIN/6019380 to your computer and use it in GitHub Desktop.
Save DESIGNfromWITHIN/6019380 to your computer and use it in GitHub Desktop.
A CodePen by Menno Pietersen.
<span data-picture data-alt="GlarusSafe image" class="v4_landing_cta_bg_image">
<span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_s.jpg"></span>
<span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_m.jpg" data-media="(min-width: 500px)"></span>
<span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_l.jpg" data-media="(min-width: 768px)"></span>
<span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_xl.jpg" data-media="(min-width: 980px)"></span>
<span data-src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_xxl.jpg" data-media="(min-width: 1200px)"></span>
<!--[if (lt IE 9) & (!IEMobile)]>
<img src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_l.jpg" alt="GlarusSafe image">
<![endif]-->
<!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
<noscript>
<img src="[[!getSiteURL]]assets/images/GlarusSafe/GlarusSafe_l.jpg" alt="GlarusSafe image">
</noscript>
</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment