test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Site Validator report for http://www.jucy.co.nz/</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<style type="text/css">
/*
* Style tweaks from http://getbootstrap.com/examples/offcanvas/offcanvas.css
* --------------------------------------------------
*/
body {
padding-top: 70px;
}
footer {
padding-left: 15px;
padding-right: 15px;
}
/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 768px) {
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.row-offcanvas-right
.sidebar-offcanvas {
right: -50%; /* 6 columns */
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -50%; /* 6 columns */
}
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
.row-offcanvas-left.active {
left: 50%; /* 6 columns */
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%; /* 6 columns */
}
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>
<![endif]-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://sitevalidator.com/cdn/highlightjs/7.3/styles/default.min.css">
<style type="text/css">
h1 { margin-top: 0px; margin-bottom: 15px; }
a.navbar-brand { color: #FFF !important; }
footer { margin-top: 10px; font-weight: bold; font-size: 0.95em; }
/* Tabs */
.tab-content {
border: 1px solid #ddd;
border-top: 0px;
padding: 10px;
}
.nav-tabs {
margin-bottom: 0;
}
/* Explanations */
.w3c_explanation { border: 1px solid #ddd; background-color: #ffe; padding: 10px; margin: 5px 5px 25px 5px; font-size: 0.8em; }
.coordinates { float: right; margin: 10px; background-color: #fff; color: #333; border: 1px solid #aaa;}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://sitevalidator.com">Site Validator</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="https://app.sitevalidator.com/pricing">Plans and pricing</a></li>
<li><a href="http://docs.sitevalidator.com/">Documentation</a></li>
<li><a href="mailto:support@sitevalidator.com">Contact</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar -->
<div class="container">
<h1>Site validation for <a href='http://www.jucy.co.nz/'>http://www.jucy.co.nz/</a></h1>
<ul class="nav nav-tabs">
<li class="active"><a href="#urls">List of URLs</a></li>
<li><a href="#errors">0 HTML errors</a></li>
<li><a href="#warnings">0 HTML warnings</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="urls">
</div>
<div class="tab-pane" id="errors">
</div>
<div class="tab-pane" id="warnings">
</div>
</div>
<footer class="well well-lg">
<p>This site validation report has been generated using the free, open source <a href="http://gem.sitevalidator.com">Site Validator ruby gem</a>.</p>
<p>For deep link crawling, HTML+CSS validation, and storage of results, you can use the <a href="http://sitevalidator.com">Site Validator app</a>.</p>
<p class="small">We're independent, not associated with the W3C.</p>
</footer>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$('.accordion').accordion({active: 'false', heightStyle: 'content' });
</script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script type="text/javascript">
$('.nav-tabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
</script>
<script src="https://sitevalidator.com/cdn/highlightjs/7.3/highlight.min.js"></script>
<script type="text/javascript">
hljs.initHighlightingOnLoad();
</script>
</body>
</html>