CINXE.COM
Spectral | HTML5 UP
<!DOCTYPE HTML><html><head><title>Spectral | HTML5 UP</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="description" content="A big, modern, blocky affair with a mobile-style menu, fully responsive styling, and an assortment of pre-styled elements. So, pretty much what you were expecting -- except, of course, for how it's put together, specifically: Responsive Tools, flexbox, more intelligent Sass, and a ton of other new stuff. Give it a try and let me know what you think :)" /><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="Spectral by HTML5 UP" /><meta property="og:image" content="https://html5up.net/uploads/cards/spectral.jpg" /><meta property="og:description" content="A big, modern, blocky affair with a mobile-style menu, fully responsive styling, and an assortment of pre-styled elements. So, pretty much what you were expecting -- except, of course, for how it's put together, specifically: Responsive Tools, flexbox, more intelligent Sass, and a ton of other new stuff. Give it a try and let me know what you think :)" /><meta property="og:url" content="http://html5up.net/spectral" /><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/spectral" /><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="light"><header id="demo-header"><div class="left"><h1><span>Spectral</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/spectral/" 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/spectral" 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/spectral" data-text="Spectral: 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="spectral/download" class="button alt download on" data-name="spectral" data-title="Spectral">Download <em>(495,233)</em></a></div></div></header><div id="demo-iframe-wrapper"><iframe id="demo-iframe" src="/uploads/demos/spectral/" 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>