2014-08-04 00:01:39 +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 -->
2014-08-04 00:01:39 +02:00
2016-09-02 23:52:54 +02:00
<!-- build:css styles/main.css -->
< style type = "text/css" >
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 >
< link rel = "preload" href = "css/main.css" as = "style" onload = "this.rel='stylesheet'" >
< noscript > < link rel = "stylesheet" href = "css/main.css" > < / noscript >
< link rel = "preload" href = "bower_components/bootstrap/dist/css/bootstrap.css" as = "style" onload = "this.rel='stylesheet'" >
< noscript > < link rel = "stylesheet" href = "bower_components/bootstrap/dist/css/bootstrap.css" > < / noscript >
2017-12-01 07:11:29 +01:00
< script > ! function ( t ) { "use strict" ; t . loadCSS || ( t . loadCSS = function ( ) { } ) ; var e = loadCSS . relpreload = { } ; if ( e . support = function ( ) { var e ; try { e = t . document . createElement ( "link" ) . relList . supports ( "preload" ) } catch ( t ) { e = ! 1 } return function ( ) { return e } } ( ) , e . bindMediaToggle = function ( t ) { function e ( ) { t . media = a } var a = t . media || "all" ; t . addEventListener ? t . addEventListener ( "load" , e ) : t . attachEvent && t . attachEvent ( "onload" , e ) , setTimeout ( function ( ) { t . rel = "stylesheet" , t . media = "only x" } ) , setTimeout ( e , 3e3 ) } , e . poly = function ( ) { if ( ! e . support ( ) ) for ( var a = t . document . getElementsByTagName ( "link" ) , n = 0 ; n < a . length ; n ++ ) { var o = a [ n ] ; "preload" !== o . rel || "style" !== o . getAttribute ( "as" ) || o . getAttribute ( "data-loadcss" ) || ( o . setAttribute ( "data-loadcss" , ! 0 ) , e . bindMediaToggle ( o ) ) } } , ! e . support ( ) ) { e . poly ( ) ; var a = t . setInterval ( e . poly , 500 ) ; t . addEventListener ? t . addEventListener ( "load" , function ( ) { e . poly ( ) , t . clearInterval ( a ) } ) : t . attachEvent && t . attachEvent ( "onload" , function ( ) { e . poly ( ) , t . clearInterval ( a ) } ) } "undefined" != typeof exports ? exports . loadCSS = loadCSS : t . loadCSS = loadCSS } ( "undefined" != typeof global ? global : this ) ; < / script >
2016-09-02 23:52:54 +02:00
<!-- endbuild -->
2014-08-04 00:01:39 +02:00
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]-->
2014-08-04 00:01:39 +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 >
2014-08-04 00:01:39 +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 >
2014-08-04 00:01:39 +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 >
2014-08-04 00:01:39 +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 >
2014-08-04 00:01:39 +02:00
2016-09-02 23:52:54 +02:00
< div class = "footer" >
< p > ♥ from the Yeoman team< / p >
< / div >
< / div >
2014-08-04 00:01:39 +02:00
< / body >
< / html >
