CINXE.COM
Halcyonic | HTML5 UP
<!DOCTYPE HTML><html><head><title>Halcyonic | HTML5 UP</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="description" content="A somewhat unusual but interesting responsive site template. I did this one to test out a new pattern set I put together and I think it really came together well. As for use cases it's kind of unspecific so hey, use it for whatever." /><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:type" content="article" /><meta property="og:locale" content="en_US" /><meta property="og:title" content="Halcyonic by HTML5 UP" /><meta property="og:image" content="https://html5up.net/uploads/cards/halcyonic.jpg" /><meta property="og:description" content="A somewhat unusual but interesting responsive site template. I did this one to test out a new pattern set I put together and I think it really came together well. As for use cases it's kind of unspecific so hey, use it for whatever." /><meta property="og:url" content="http://html5up.net/halcyonic" /><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/halcyonic" /><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="demo" class=""><header id="demo-header"><div class="left"><h1><span>Halcyonic</span></h1><ul class="selector"><li class="active">Desktop</li><li data-width="1040" data-height="768">Tablet</li><li data-width="788" data-height="1000">Tablet (Portrait)</li><li data-width="350" data-height="568">Mobile</li></ul><ul class="actions"><li><a href="/uploads/demos/halcyonic/" class="button popout alt2 offsite icon icon-popout solo"><span class="label">Pop Out</span></a></li></ul></div><div class="right"><ul class="share"><li class="facebook"><div class="fb-like" data-href="http://html5up.net/halcyonic" 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/halcyonic" data-text="Halcyonic: A free fully responsive HTML5/CSS3 site template" data-count="horizontal">Tweet</a></li></ul><div class="actions"><a href="/" class="button back alt2">Back</a><a href="halcyonic/download" class="button alt download on" data-name="halcyonic" data-title="Halcyonic">Download <em>(378,166)</em></a></div></div></header><div id="demo-iframe-wrapper"><iframe id="demo-iframe" src="/uploads/demos/halcyonic/" width="100%">-</iframe></div><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>