2015-06-09 17:19:31 +02:00
<!doctype html>
< html class = "no-js" >
2016-09-02 23:52:54 +02:00
< head >
< meta charset = "utf-8" >
< title > critical css test< / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
<!-- Place favicon.ico and apple - touch - icon.png in the root directory -->
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
<!-- build:css styles/main.css -->
2018-03-21 11:15:07 +01:00
< style >
2017-02-10 16:57:09 +01:00
body{padding-top:20px;padding-bottom:20px}.header{padding-left:15px;padding-right:15px}.header{border-bottom:1px solid #e5e5e5}.header h3{margin-top:0;margin-bottom:0;line-height:40px;padding-bottom:19px}.jumbotron{text-align:center;border-bottom:1px solid #e5e5e5}.jumbotron .btn{font-size:21px;padding:14px 24px}@media screen and (min-width:768px){.container{max-width:730px}.header{padding-left:0;padding-right:0}.header{margin-bottom:30px}.jumbotron{border-bottom:0}}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:0 0}h1{margin:.67em 0;font-size:2em}@media print{*{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after{content:""}h3,p{orphans:3;widows:3}h3{page-break-after:avoid}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}a{color:#428bca;text-decoration:none}h1,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1,h3{margin-top:20px;margin-bottom:10px}h1{font-size:36px}h3{font-size:24px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.text-muted{color:#999}ul{margin-top:0;margin-bottom:10px}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a{color:#fff;background-color:#428bca}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.container:after,.container:before,.nav:after,.nav:before{display:table;content:" "}.container:after,.nav:after{clear:both}.pull-right{float:right!important}
2016-09-02 23:52:54 +02:00
< / style >
2017-12-14 23:26:59 +01:00
< link rel = "preload" href = "css/main.css" as = "style" onload = "this.onload=null;this.rel='stylesheet'" >
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
<!-- endbuild -->
< noscript >
2018-12-30 23:41:29 +01:00
< link rel = "stylesheet" href = "bower_components/bootstrap/dist/css/bootstrap.css" / >
2016-09-02 23:52:54 +02:00
< / noscript >
2020-05-22 23:57:07 +02:00
< script > ! function ( n ) { "use strict" ; n . loadCSS || ( n . loadCSS = function ( ) { } ) ; var t , o = loadCSS . relpreload = { } ; o . support = function ( ) { var e ; try { e = n . document . createElement ( "link" ) . relList . supports ( "preload" ) } catch ( t ) { e = ! 1 } return function ( ) { return e } } ( ) , o . bindMediaToggle = function ( t ) { var e = t . media || "all" ; function a ( ) { t . addEventListener ? t . removeEventListener ( "load" , a ) : t . attachEvent && t . detachEvent ( "onload" , a ) , t . setAttribute ( "onload" , null ) , t . media = e } t . addEventListener ? t . addEventListener ( "load" , a ) : t . attachEvent && t . attachEvent ( "onload" , a ) , setTimeout ( function ( ) { t . rel = "stylesheet" , t . media = "only x" } ) , setTimeout ( a , 3e3 ) } , o . poly = function ( ) { if ( ! o . support ( ) ) for ( var t = n . document . getElementsByTagName ( "link" ) , e = 0 ; e < t . length ; e ++ ) { var a = t [ e ] ; "preload" !== a . rel || "style" !== a . getAttribute ( "as" ) || a . getAttribute ( "data-loadcss" ) || ( a . setAttribute ( "data-loadcss" , ! 0 ) , o . bindMediaToggle ( a ) ) } } , o . support ( ) || ( o . poly ( ) , t = n . setInterval ( o . poly , 500 ) , n . addEventListener ? n . addEventListener ( "load" , function ( ) { o . poly ( ) , n . clearInterval ( t ) } ) : n . attachEvent && n . attachEvent ( "onload" , function ( ) { o . poly ( ) , n . clearInterval ( t ) } ) ) , "undefined" != typeof exports ? exports . loadCSS = loadCSS : n . loadCSS = loadCSS } ( "undefined" != typeof global ? global : this ) ; < / script >
2016-09-02 23:52:54 +02:00
< / head >
< body >
<!-- [if lt IE 10]>
< p class = "browsehappy" > You are using an < strong > outdated< / strong > browser. Please < a href = "http://browsehappy.com/" > upgrade your browser< / a > to improve your experience.< / p >
<![endif]-->
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
< div class = "container" >
< div class = "header" >
< ul class = "nav nav-pills pull-right" >
< li class = "active" > < a href = "#" > Home< / a > < / li >
< li > < a href = "#" > About< / a > < / li >
< li > < a href = "#" > Contact< / a > < / li >
< / ul >
< h3 class = "text-muted" > critical css test< / h3 >
< / div >
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
< div class = "jumbotron" >
< h1 > 'Allo, 'Allo!< / h1 >
< p class = "lead" > Always a pleasure scaffolding your apps.< / p >
< p > < a class = "btn btn-lg btn-success" href = "#" > Splendid!< / a > < / p >
< / div >
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
< div class = "row marketing" >
< div class = "col-lg-6" >
< h4 > HTML5 Boilerplate< / h4 >
< p > HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.< / p >
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
< h4 > Bootstrap< / h4 >
< p > Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.< / p >
< / div >
< / div >
2015-06-09 17:19:31 +02:00
2016-09-02 23:52:54 +02:00
< div class = "footer" >
< p > ♥ from the Yeoman team< / p >
< / div >
< / div >
2019-01-02 07:14:03 +01:00
< noscript > < link rel = "stylesheet" href = "css/main.css" > < / noscript >
2015-06-09 17:19:31 +02:00
< / body >
< / html >