CINXE.COM
Paradigm Shift | HTML5 UP
<!DOCTYPE HTML><html><head><title>Paradigm Shift | HTML5 UP</title><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="description" content="Say hello to Paradigm Shift, my first addition to HTML5 UP in more than a year (!!!). Took things in a slightly different direction with this one, partly to mess with CSS grid (which this one relies on pretty heavily) but mostly to get back to making weirder and more experimental designs/layouts. Anyway, hope you dig it, and thanks for the continued support despite the lack of updates :)" /><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="Paradigm Shift by HTML5 UP" /><meta property="og:image" content="https://html5up.net/uploads/cards/paradigm-shift.jpg" /><meta property="og:description" content="Say hello to Paradigm Shift, my first addition to HTML5 UP in more than a year (!!!). Took things in a slightly different direction with this one, partly to mess with CSS grid (which this one relies on pretty heavily) but mostly to get back to making weirder and more experimental designs/layouts. Anyway, hope you dig it, and thanks for the continued support despite the lack of updates :)" /><meta property="og:url" content="http://html5up.net/paradigm-shift" /><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/paradigm-shift" /><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="dark big-mobile"><header id="demo-header"><div class="left"><h1><span>Paradigm Shift</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="375" data-height="568">Mobile</li></ul><ul class="actions"><li><a href="/uploads/demos/paradigm-shift/" 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/paradigm-shift" 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/paradigm-shift" data-text="Paradigm Shift: 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="paradigm-shift/download" class="button alt download on" data-name="paradigm-shift" data-title="Paradigm Shift">Download <em>(422,030)</em></a></div></div></header><div id="demo-iframe-wrapper"><iframe id="demo-iframe" src="/uploads/demos/paradigm-shift/" 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>