aktuelle.kurse/m133/5_Vorlagen-fuer-Projekt/html5up.net
Harald G. Mueller a2dc35ce82 muh
2022-02-24 09:37:43 +01:00

1 line
29 KiB
Plaintext

<!DOCTYPE HTML><html><head><title>HTML5 UP! Responsive HTML5 and CSS3 Site Templates</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><meta name="description" content="Responsive HTML5 and CSS3 site templates designed by @ajlkn." /><meta name="keywords" content="html5, css3, responsive, site template, website template" /><meta name="apple-mobile-web-app-title" content="HTML5 UP" /><meta property="og:site_name" content="HTML5 UP" /><meta property="og:title" content="HTML5 UP" /><meta property="og:type" content="article" /><meta property="og:image" content="https://html5up.net/assets/icons/card.jpg" /><meta property="og:description" content="Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license." /><meta property="og:locale" content="en_US" /><meta property="og:url" content="http://html5up.net/" /><meta property="twitter:card" content="summary_large_image" /><meta property="twitter:site" content="@ajlkn" /><meta property="twitter:creator" content="@ajlkn" /><link rel="canonical" href="https://html5up.net/" /><link rel="icon" href="/assets/icons/favicon.ico" type="image/x-icon" /><link rel="apple-touch-icon-precomposed" href="/assets/icons/apple-touch-icon-precomposed.png" /><link rel="stylesheet" href="/assets/css/main.css" /></head><body id="landing"><div id="wrapper" class="container"><header id="header"><h1 class="logo"><a href="/">HTML5 <span>UP</span></a></h1><p class="about"><span>... </span>makes <strong>spiffy HTML5<br /> site templates</strong> that are: </p><ul class="features"><li class="icon icon-responsive"> Fully<br /> <strong>Responsive</strong></li><li class="icon icon-code"> Built on intelligent<br /> <strong>HTML5 + CSS3</strong></li><li class="icon icon-cog"> Super<br /> <strong>Customizable</strong></li><li class="icon icon-gift"><strong><span>100% </span>Free</strong> under the<br /> <a href="/license">Creative Commons</a></li></ul><div id="bar"><ul class="share"><li class="facebook"><div class="fb-like" data-href="http://html5up.net" data-send="false" data-layout="button" data-width="100" data-show-faces="true"></div></li><li class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://html5up.net" data-text="HTML5 UP! Fully responsive HTML5 and CSS3 site templates" data-count="horizontal">Tweet</a></li></ul><div class="notify"><span>Get notified when I release new stuff!</span><a href="http://twitter.com/ajlkn" class="offsite button twitter icon icon-twitter">Follow <span>@ajlkn</span></a></div></div></header><div id="items"><article class="item paradigm-shift" data-name="paradigm-shift"><a href="/paradigm-shift" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/paradigm-shift.jpg" class="placeholder" alt="Paradigm Shift" /><noscript><img src="uploads/images/paradigm-shift.jpg" alt="Paradigm Shift" /></noscript></a><header><h2>Paradigm Shift</h2><div class="actions"><a href="/paradigm-shift" class="button demo"><span>Live </span>Demo</a><a href="/paradigm-shift/download" class="button alt download" data-name="paradigm-shift" data-title="Paradigm Shift"><span>Free </span>Download <em>(162,628)</em></a></div></header></article><article class="item massively" data-name="massively"><a href="/massively" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/massively.jpg" class="placeholder" alt="Massively" /><noscript><img src="uploads/images/massively.jpg" alt="Massively" /></noscript></a><header><h2>Massively</h2><div class="actions"><a href="/massively" class="button demo"><span>Live </span>Demo</a><a href="/massively/download" class="button alt download" data-name="massively" data-title="Massively"><span>Free </span>Download <em>(283,404)</em></a></div></header></article><article class="item ethereal" data-name="ethereal"><a href="/ethereal" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/ethereal.jpg" class="placeholder" alt="Ethereal" /><noscript><img src="uploads/images/ethereal.jpg" alt="Ethereal" /></noscript></a><header><h2>Ethereal</h2><div class="actions"><a href="/ethereal" class="button demo"><span>Live </span>Demo</a><a href="/ethereal/download" class="button alt download" data-name="ethereal" data-title="Ethereal"><span>Free </span>Download <em>(186,898)</em></a></div></header></article><article class="item story" data-name="story"><a href="/story" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/story.jpg" class="placeholder" alt="Story" /><noscript><img src="uploads/images/story.jpg" alt="Story" /></noscript></a><header><h2>Story</h2><div class="actions"><a href="/story" class="button demo"><span>Live </span>Demo</a><a href="/story/download" class="button alt download" data-name="story" data-title="Story"><span>Free </span>Download <em>(171,513)</em></a></div></header></article><article class="item dimension" data-name="dimension"><a href="/dimension" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/dimension.jpg" class="placeholder" alt="Dimension" /><noscript><img src="uploads/images/dimension.jpg" alt="Dimension" /></noscript></a><header><h2>Dimension</h2><div class="actions"><a href="/dimension" class="button demo"><span>Live </span>Demo</a><a href="/dimension/download" class="button alt download" data-name="dimension" data-title="Dimension"><span>Free </span>Download <em>(329,891)</em></a></div></header></article><article class="item editorial" data-name="editorial"><a href="/editorial" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/editorial.jpg" class="placeholder" alt="Editorial" /><noscript><img src="uploads/images/editorial.jpg" alt="Editorial" /></noscript></a><header><h2>Editorial</h2><div class="actions"><a href="/editorial" class="button demo"><span>Live </span>Demo</a><a href="/editorial/download" class="button alt download" data-name="editorial" data-title="Editorial"><span>Free </span>Download <em>(260,272)</em></a></div></header></article><article class="item forty" data-name="forty"><a href="/forty" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/forty.jpg" class="placeholder" alt="Forty" /><noscript><img src="uploads/images/forty.jpg" alt="Forty" /></noscript></a><header><h2>Forty</h2><div class="actions"><a href="/forty" class="button demo"><span>Live </span>Demo</a><a href="/forty/download" class="button alt download" data-name="forty" data-title="Forty"><span>Free </span>Download <em>(208,242)</em></a></div></header></article><article class="item stellar" data-name="stellar"><a href="/stellar" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/stellar.jpg" class="placeholder" alt="Stellar" /><noscript><img src="uploads/images/stellar.jpg" alt="Stellar" /></noscript></a><header><h2>Stellar</h2><div class="actions"><a href="/stellar" class="button demo"><span>Live </span>Demo</a><a href="/stellar/download" class="button alt download" data-name="stellar" data-title="Stellar"><span>Free </span>Download <em>(187,727)</em></a></div></header></article><article class="item multiverse" data-name="multiverse"><a href="/multiverse" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/multiverse.jpg" class="placeholder" alt="Multiverse" /><noscript><img src="uploads/images/multiverse.jpg" alt="Multiverse" /></noscript></a><header><h2>Multiverse</h2><div class="actions"><a href="/multiverse" class="button demo"><span>Live </span>Demo</a><a href="/multiverse/download" class="button alt download" data-name="multiverse" data-title="Multiverse"><span>Free </span>Download <em>(184,208)</em></a></div></header></article><article class="item phantom" data-name="phantom"><a href="/phantom" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/phantom.jpg" class="placeholder" alt="Phantom" /><noscript><img src="uploads/images/phantom.jpg" alt="Phantom" /></noscript></a><header><h2>Phantom</h2><div class="actions"><a href="/phantom" class="button demo"><span>Live </span>Demo</a><a href="/phantom/download" class="button alt download" data-name="phantom" data-title="Phantom"><span>Free </span>Download <em>(236,181)</em></a></div></header></article><article class="item hyperspace" data-name="hyperspace"><a href="/hyperspace" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/hyperspace.jpg" class="placeholder" alt="Hyperspace" /><noscript><img src="uploads/images/hyperspace.jpg" alt="Hyperspace" /></noscript></a><header><h2>Hyperspace</h2><div class="actions"><a href="/hyperspace" class="button demo"><span>Live </span>Demo</a><a href="/hyperspace/download" class="button alt download" data-name="hyperspace" data-title="Hyperspace"><span>Free </span>Download <em>(296,456)</em></a></div></header></article><article class="item future-imperfect" data-name="future-imperfect"><a href="/future-imperfect" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/future-imperfect.jpg" class="placeholder" alt="Future Imperfect" /><noscript><img src="uploads/images/future-imperfect.jpg" alt="Future Imperfect" /></noscript></a><header><h2>Future Imperfect</h2><div class="actions"><a href="/future-imperfect" class="button demo"><span>Live </span>Demo</a><a href="/future-imperfect/download" class="button alt download" data-name="future-imperfect" data-title="Future Imperfect"><span>Free </span>Download <em>(234,447)</em></a></div></header></article><article class="item solid-state" data-name="solid-state"><a href="/solid-state" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/solid-state.jpg" class="placeholder" alt="Solid State" /><noscript><img src="uploads/images/solid-state.jpg" alt="Solid State" /></noscript></a><header><h2>Solid State</h2><div class="actions"><a href="/solid-state" class="button demo"><span>Live </span>Demo</a><a href="/solid-state/download" class="button alt download" data-name="solid-state" data-title="Solid State"><span>Free </span>Download <em>(277,748)</em></a></div></header></article><article class="item lens" data-name="lens"><a href="/lens" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/lens.jpg" class="placeholder" alt="Lens" /><noscript><img src="uploads/images/lens.jpg" alt="Lens" /></noscript></a><header><h2>Lens</h2><div class="actions"><a href="/lens" class="button demo"><span>Live </span>Demo</a><a href="/lens/download" class="button alt download" data-name="lens" data-title="Lens"><span>Free </span>Download <em>(235,081)</em></a></div></header></article><article class="item fractal" data-name="fractal"><a href="/fractal" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/fractal.jpg" class="placeholder" alt="Fractal" /><noscript><img src="uploads/images/fractal.jpg" alt="Fractal" /></noscript></a><header><h2>Fractal</h2><div class="actions"><a href="/fractal" class="button demo"><span>Live </span>Demo</a><a href="/fractal/download" class="button alt download" data-name="fractal" data-title="Fractal"><span>Free </span>Download <em>(160,285)</em></a></div></header></article><article class="item eventually" data-name="eventually"><a href="/eventually" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/eventually.jpg" class="placeholder" alt="Eventually" /><noscript><img src="uploads/images/eventually.jpg" alt="Eventually" /></noscript></a><header><h2>Eventually</h2><div class="actions"><a href="/eventually" class="button demo"><span>Live </span>Demo</a><a href="/eventually/download" class="button alt download" data-name="eventually" data-title="Eventually"><span>Free </span>Download <em>(225,632)</em></a></div></header></article><article class="item spectral" data-name="spectral"><a href="/spectral" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/spectral.jpg" class="placeholder" alt="Spectral" /><noscript><img src="uploads/images/spectral.jpg" alt="Spectral" /></noscript></a><header><h2>Spectral</h2><div class="actions"><a href="/spectral" class="button demo"><span>Live </span>Demo</a><a href="/spectral/download" class="button alt download" data-name="spectral" data-title="Spectral"><span>Free </span>Download <em>(383,685)</em></a></div></header></article><article class="item photon" data-name="photon"><a href="/photon" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/photon.jpg" class="placeholder" alt="Photon" /><noscript><img src="uploads/images/photon.jpg" alt="Photon" /></noscript></a><header><h2>Photon</h2><div class="actions"><a href="/photon" class="button demo"><span>Live </span>Demo</a><a href="/photon/download" class="button alt download" data-name="photon" data-title="Photon"><span>Free </span>Download <em>(212,140)</em></a></div></header></article><article class="item highlights" data-name="highlights"><a href="/highlights" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/highlights.jpg" class="placeholder" alt="Highlights" /><noscript><img src="uploads/images/highlights.jpg" alt="Highlights" /></noscript></a><header><h2>Highlights</h2><div class="actions"><a href="/highlights" class="button demo"><span>Live </span>Demo</a><a href="/highlights/download" class="button alt download" data-name="highlights" data-title="Highlights"><span>Free </span>Download <em>(176,004)</em></a></div></header></article><article class="item landed" data-name="landed"><a href="/landed" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/landed.jpg" class="placeholder" alt="Landed" /><noscript><img src="uploads/images/landed.jpg" alt="Landed" /></noscript></a><header><h2>Landed</h2><div class="actions"><a href="/landed" class="button demo"><span>Live </span>Demo</a><a href="/landed/download" class="button alt download" data-name="landed" data-title="Landed"><span>Free </span>Download <em>(361,275)</em></a></div></header></article><article class="item strata" data-name="strata"><a href="/strata" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/strata.jpg" class="placeholder" alt="Strata" /><noscript><img src="uploads/images/strata.jpg" alt="Strata" /></noscript></a><header><h2>Strata</h2><div class="actions"><a href="/strata" class="button demo"><span>Live </span>Demo</a><a href="/strata/download" class="button alt download" data-name="strata" data-title="Strata"><span>Free </span>Download <em>(293,371)</em></a></div></header></article><article class="item read-only" data-name="read-only"><a href="/read-only" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/read-only.jpg" class="placeholder" alt="Read Only" /><noscript><img src="uploads/images/read-only.jpg" alt="Read Only" /></noscript></a><header><h2>Read Only</h2><div class="actions"><a href="/read-only" class="button demo"><span>Live </span>Demo</a><a href="/read-only/download" class="button alt download" data-name="read-only" data-title="Read Only"><span>Free </span>Download <em>(199,067)</em></a></div></header></article><article class="item alpha" data-name="alpha"><a href="/alpha" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/alpha.jpg" class="placeholder" alt="Alpha" /><noscript><img src="uploads/images/alpha.jpg" alt="Alpha" /></noscript></a><header><h2>Alpha</h2><div class="actions"><a href="/alpha" class="button demo"><span>Live </span>Demo</a><a href="/alpha/download" class="button alt download" data-name="alpha" data-title="Alpha"><span>Free </span>Download <em>(310,949)</em></a></div></header></article><article class="item directive" data-name="directive"><a href="/directive" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/directive.jpg" class="placeholder" alt="Directive" /><noscript><img src="uploads/images/directive.jpg" alt="Directive" /></noscript></a><header><h2>Directive</h2><div class="actions"><a href="/directive" class="button demo"><span>Live </span>Demo</a><a href="/directive/download" class="button alt download" data-name="directive" data-title="Directive"><span>Free </span>Download <em>(221,986)</em></a></div></header></article><article class="item aerial" data-name="aerial"><a href="/aerial" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/aerial.jpg" class="placeholder" alt="Aerial" /><noscript><img src="uploads/images/aerial.jpg" alt="Aerial" /></noscript></a><header><h2>Aerial</h2><div class="actions"><a href="/aerial" class="button demo"><span>Live </span>Demo</a><a href="/aerial/download" class="button alt download" data-name="aerial" data-title="Aerial"><span>Free </span>Download <em>(434,727)</em></a></div></header></article><article class="item twenty" data-name="twenty"><a href="/twenty" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/twenty.jpg" class="placeholder" alt="Twenty" /><noscript><img src="uploads/images/twenty.jpg" alt="Twenty" /></noscript></a><header><h2>Twenty</h2><div class="actions"><a href="/twenty" class="button demo"><span>Live </span>Demo</a><a href="/twenty/download" class="button alt download" data-name="twenty" data-title="Twenty"><span>Free </span>Download <em>(378,193)</em></a></div></header></article><article class="item big-picture" data-name="big-picture"><a href="/big-picture" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/big-picture.jpg" class="placeholder" alt="Big Picture" /><noscript><img src="uploads/images/big-picture.jpg" alt="Big Picture" /></noscript></a><header><h2>Big Picture</h2><div class="actions"><a href="/big-picture" class="button demo"><span>Live </span>Demo</a><a href="/big-picture/download" class="button alt download" data-name="big-picture" data-title="Big Picture"><span>Free </span>Download <em>(544,372)</em></a></div></header></article><article class="item tessellate" data-name="tessellate"><a href="/tessellate" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/tessellate.jpg" class="placeholder" alt="Tessellate" /><noscript><img src="uploads/images/tessellate.jpg" alt="Tessellate" /></noscript></a><header><h2>Tessellate</h2><div class="actions"><a href="/tessellate" class="button demo"><span>Live </span>Demo</a><a href="/tessellate/download" class="button alt download" data-name="tessellate" data-title="Tessellate"><span>Free </span>Download <em>(337,749)</em></a></div></header></article><article class="item prologue" data-name="prologue"><a href="/prologue" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/prologue.jpg" class="placeholder" alt="Prologue" /><noscript><img src="uploads/images/prologue.jpg" alt="Prologue" /></noscript></a><header><h2>Prologue</h2><div class="actions"><a href="/prologue" class="button demo"><span>Live </span>Demo</a><a href="/prologue/download" class="button alt download" data-name="prologue" data-title="Prologue"><span>Free </span>Download <em>(604,036)</em></a></div></header></article><article class="item helios" data-name="helios"><a href="/helios" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/helios.jpg" class="placeholder" alt="Helios" /><noscript><img src="uploads/images/helios.jpg" alt="Helios" /></noscript></a><header><h2>Helios</h2><div class="actions"><a href="/helios" class="button demo"><span>Live </span>Demo</a><a href="/helios/download" class="button alt download" data-name="helios" data-title="Helios"><span>Free </span>Download <em>(495,420)</em></a></div></header></article><article class="item telephasic" data-name="telephasic"><a href="/telephasic" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/telephasic.jpg" class="placeholder" alt="Telephasic" /><noscript><img src="uploads/images/telephasic.jpg" alt="Telephasic" /></noscript></a><header><h2>Telephasic</h2><div class="actions"><a href="/telephasic" class="button demo"><span>Live </span>Demo</a><a href="/telephasic/download" class="button alt download" data-name="telephasic" data-title="Telephasic"><span>Free </span>Download <em>(307,240)</em></a></div></header></article><article class="item strongly-typed" data-name="strongly-typed"><a href="/strongly-typed" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/strongly-typed.jpg" class="placeholder" alt="Strongly Typed" /><noscript><img src="uploads/images/strongly-typed.jpg" alt="Strongly Typed" /></noscript></a><header><h2>Strongly Typed</h2><div class="actions"><a href="/strongly-typed" class="button demo"><span>Live </span>Demo</a><a href="/strongly-typed/download" class="button alt download" data-name="strongly-typed" data-title="Strongly Typed"><span>Free </span>Download <em>(440,331)</em></a></div></header></article><article class="item parallelism" data-name="parallelism"><a href="/parallelism" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/parallelism.jpg" class="placeholder" alt="Parallelism" /><noscript><img src="uploads/images/parallelism.jpg" alt="Parallelism" /></noscript></a><header><h2>Parallelism</h2><div class="actions"><a href="/parallelism" class="button demo"><span>Live </span>Demo</a><a href="/parallelism/download" class="button alt download" data-name="parallelism" data-title="Parallelism"><span>Free </span>Download <em>(553,319)</em></a></div></header></article><article class="item escape-velocity" data-name="escape-velocity"><a href="/escape-velocity" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/escape-velocity.jpg" class="placeholder" alt="Escape Velocity" /><noscript><img src="uploads/images/escape-velocity.jpg" alt="Escape Velocity" /></noscript></a><header><h2>Escape Velocity</h2><div class="actions"><a href="/escape-velocity" class="button demo"><span>Live </span>Demo</a><a href="/escape-velocity/download" class="button alt download" data-name="escape-velocity" data-title="Escape Velocity"><span>Free </span>Download <em>(423,225)</em></a></div></header></article><article class="item astral" data-name="astral"><a href="/astral" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/astral.jpg" class="placeholder" alt="Astral" /><noscript><img src="uploads/images/astral.jpg" alt="Astral" /></noscript></a><header><h2>Astral</h2><div class="actions"><a href="/astral" class="button demo"><span>Live </span>Demo</a><a href="/astral/download" class="button alt download" data-name="astral" data-title="Astral"><span>Free </span>Download <em>(369,769)</em></a></div></header></article><article class="item striped" data-name="striped"><a href="/striped" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/striped.jpg" class="placeholder" alt="Striped" /><noscript><img src="uploads/images/striped.jpg" alt="Striped" /></noscript></a><header><h2>Striped</h2><div class="actions"><a href="/striped" class="button demo"><span>Live </span>Demo</a><a href="/striped/download" class="button alt download" data-name="striped" data-title="Striped"><span>Free </span>Download <em>(346,401)</em></a></div></header></article><article class="item dopetrope" data-name="dopetrope"><a href="/dopetrope" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/dopetrope.jpg" class="placeholder" alt="Dopetrope" /><noscript><img src="uploads/images/dopetrope.jpg" alt="Dopetrope" /></noscript></a><header><h2>Dopetrope</h2><div class="actions"><a href="/dopetrope" class="button demo"><span>Live </span>Demo</a><a href="/dopetrope/download" class="button alt download" data-name="dopetrope" data-title="Dopetrope"><span>Free </span>Download <em>(368,394)</em></a></div></header></article><article class="item miniport" data-name="miniport"><a href="/miniport" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/miniport.jpg" class="placeholder" alt="Miniport" /><noscript><img src="uploads/images/miniport.jpg" alt="Miniport" /></noscript></a><header><h2>Miniport</h2><div class="actions"><a href="/miniport" class="button demo"><span>Live </span>Demo</a><a href="/miniport/download" class="button alt download" data-name="miniport" data-title="Miniport"><span>Free </span>Download <em>(367,776)</em></a></div></header></article><article class="item txt" data-name="txt"><a href="/txt" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/txt.jpg" class="placeholder" alt="TXT" /><noscript><img src="uploads/images/txt.jpg" alt="TXT" /></noscript></a><header><h2>TXT</h2><div class="actions"><a href="/txt" class="button demo"><span>Live </span>Demo</a><a href="/txt/download" class="button alt download" data-name="txt" data-title="TXT"><span>Free </span>Download <em>(314,431)</em></a></div></header></article><article class="item verti" data-name="verti"><a href="/verti" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/verti.jpg" class="placeholder" alt="Verti" /><noscript><img src="uploads/images/verti.jpg" alt="Verti" /></noscript></a><header><h2>Verti</h2><div class="actions"><a href="/verti" class="button demo"><span>Live </span>Demo</a><a href="/verti/download" class="button alt download" data-name="verti" data-title="Verti"><span>Free </span>Download <em>(354,732)</em></a></div></header></article><article class="item zerofour" data-name="zerofour"><a href="/zerofour" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/zerofour.jpg" class="placeholder" alt="Zerofour" /><noscript><img src="uploads/images/zerofour.jpg" alt="Zerofour" /></noscript></a><header><h2>Zerofour</h2><div class="actions"><a href="/zerofour" class="button demo"><span>Live </span>Demo</a><a href="/zerofour/download" class="button alt download" data-name="zerofour" data-title="Zerofour"><span>Free </span>Download <em>(465,108)</em></a></div></header></article><article class="item arcana" data-name="arcana"><a href="/arcana" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/arcana.jpg" class="placeholder" alt="Arcana" /><noscript><img src="uploads/images/arcana.jpg" alt="Arcana" /></noscript></a><header><h2>Arcana</h2><div class="actions"><a href="/arcana" class="button demo"><span>Live </span>Demo</a><a href="/arcana/download" class="button alt download" data-name="arcana" data-title="Arcana"><span>Free </span>Download <em>(432,681)</em></a></div></header></article><article class="item halcyonic" data-name="halcyonic"><a href="/halcyonic" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/halcyonic.jpg" class="placeholder" alt="Halcyonic" /><noscript><img src="uploads/images/halcyonic.jpg" alt="Halcyonic" /></noscript></a><header><h2>Halcyonic</h2><div class="actions"><a href="/halcyonic" class="button demo"><span>Live </span>Demo</a><a href="/halcyonic/download" class="button alt download" data-name="halcyonic" data-title="Halcyonic"><span>Free </span>Download <em>(341,061)</em></a></div></header></article><article class="item minimaxing" data-name="minimaxing"><a href="/minimaxing" class="image"><img src="/assets/css/images/placeholder.png" data-src="uploads/images/minimaxing.jpg" class="placeholder" alt="Minimaxing" /><noscript><img src="uploads/images/minimaxing.jpg" alt="Minimaxing" /></noscript></a><header><h2>Minimaxing</h2><div class="actions"><a href="/minimaxing" class="button demo"><span>Live </span>Demo</a><a href="/minimaxing/download" class="button alt download" data-name="minimaxing" data-title="Minimaxing"><span>Free </span>Download <em>(316,140)</em></a></div></header></article></div><div id="px-banner"><h2>Pixelarity</h2><p>Unlimited access to <strong>80+</strong> responsive site templates (including everything at HTML5 UP), plus extras and support for just <strong>$19</strong>.</p><a href="https://pixelarity.com" class="offsite px-button">Start Browsing</a></div></div><footer id="footer" class="container"><ul class="menu"><li>Built by <a href="http://twitter.com/ajlkn" class="offsite">AJ</a> with <a href="https://github.com/ajlkn/responsive-tools">Responsive Tools</a></li><li>Licensed under the <a href="/license">Creative Commons Attribution</a> license</li></ul><form method="post" action="#" class="signup" id="subscribe"><input type="text" name="email" id="email" placeholder="Subscribe for email updates!" value="" /><a href="#" class="button">Subscribe</a></form><ul class="share"><li class="facebook"><div class="fb-like" data-href="http://html5up.net" data-send="false" data-layout="button" data-width="100" data-show-faces="true"></div></li><li class="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="https://html5up.net" data-text="HTML5 UP! Fully responsive HTML5 and CSS3 site templates" data-count="horizontal">Tweet</a></li></ul><span class="copyright">&copy; HTML5 UP.<br /> Over <strong>14,691,673</strong> served.</span></footer><script src="/assets/js/bundle.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-838659-4"></script><script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-838659-4');</script></body></html>