2015-07-10 21:55:28 +02:00
<!doctype html>
< html class = "no-js" >
< head >
< meta charset = "utf-8" >
< style type = "text/css" >
.header,.jumbotron{border-bottom:1px solid #e5e5e5}.btn,.jumbotron{text-align:center}body{padding-top:20px;padding-bottom:20px}.header{padding-left:15px;padding-right:15px}.header h3{margin-top:0;margin-bottom:0;line-height:40px;padding-bottom:19px}.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;margin-bottom:30px}.jumbotron{border-bottom:0}}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}h1{margin:.67em 0;font-size:36px}@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}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{background:0 0;color:#428bca;text-decoration:none}h1,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin-top:20px;margin-bottom:10px}h3{font-size:24px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}.text-muted{color:#999}ul{margin-top:0;margin-bottom:10px}.btn,.nav{margin-bottom:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.lead{font-size:21px}.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.btn{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;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}.nav>li,.nav>li>a{position:relative;display:block}.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;list-style:none}.nav>li>a{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,.jumbotron h1{color:inherit}.jumbotron{padding:30px;margin-bottom:30px;background-color:#eee}.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}
< / style >
2016-04-17 00:50:40 +02:00
< title > critical css test< / title >
2015-07-10 21:55:28 +02:00
< 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 -->
<!-- build:css styles/main.css -->
2016-04-17 00:50:40 +02:00
< 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 >
< script > ! function ( e ) { "use strict" ; var t = function ( t , n , r ) { function o ( e ) { return i . body ? e ( ) : void setTimeout ( function ( ) { o ( e ) } ) } function a ( ) { d . addEventListener && d . removeEventListener ( "load" , a ) , d . media = r || "all" } var l , i = e . document , d = i . createElement ( "link" ) ; if ( n ) l = n ; else { var s = ( i . body || i . getElementsByTagName ( "head" ) [ 0 ] ) . childNodes ; l = s [ s . length - 1 ] } var u = i . styleSheets ; d . rel = "stylesheet" , d . href = t , d . media = "only x" , o ( function ( ) { l . parentNode . insertBefore ( d , n ? l : l . nextSibling ) } ) ; var f = function ( e ) { for ( var t = d . href , n = u . length ; n -- ; ) if ( u [ n ] . href === t ) return e ( ) ; setTimeout ( function ( ) { f ( e ) } ) } ; return d . addEventListener && d . addEventListener ( "load" , a ) , d . onloadcssdefined = f , f ( a ) , d } ; "undefined" != typeof exports ? exports . loadCSS = t : e . loadCSS = t } ( "undefined" != typeof global ? global : this ) , function ( e ) { if ( e . loadCSS ) { var t = loadCSS . relpreload = { } ; if ( t . support = function ( ) { try { return e . document . createElement ( "link" ) . relList . supports ( "preload" ) } catch ( t ) { return ! 1 } } , t . poly = function ( ) { for ( var t = e . document . getElementsByTagName ( "link" ) , n = 0 ; n < t . length ; n ++ ) { var r = t [ n ] ; "preload" === r . rel && "style" === r . getAttribute ( "as" ) && ( e . loadCSS ( r . href , r ) , r . rel = null ) } } , ! t . support ( ) ) { t . poly ( ) ; var n = e . setInterval ( t . poly , 300 ) ; e . addEventListener && e . addEventListener ( "load" , function ( ) { e . clearInterval ( n ) } ) , e . attachEvent && e . attachEvent ( "onload" , function ( ) { e . clearInterval ( n ) } ) } } } ( this ) ; < / script >
2015-07-10 21:55:28 +02:00
<!-- endbuild -->
< / 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]-->
< 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 >
< 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 >
< 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 >
< h4 > Bootstrap< / h4 >
< p > Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.< / p >
< / div >
< / div >
< div class = "footer" >
< p > ♥ from the Yeoman team< / p >
< / div >
< / div >
< / body >
< / html >
