<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>clusters information</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<style type="text/css" title="currentStyle">
@import "../info.css";	
</style>
<script type="text/javascript"  src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script type="text/javascript"  src="../jquery.tablesorter.min.js"></script>

<script>
jQuery(document).ready(function() 
{
    $('#keywords').tablesorter(); 

});
</script>

</head>
<body id="cluster">
<div class="bs-callout bs-callout-info" id="callout-helper-context-color-specificity">
    <h4>coverage along precursor<h4><br>
            <p>$profile</p>
</div>
<div class="bs-callout bs-callout-info" id="callout-helper-context-color-specificity">
    <h4>Positions on genome</h4><br>
    <p>$loci</p>
</div>
<div class="bs-callout bs-callout-info" id="callout-helper-context-color-specificity">
    <h4>Annotation</h4><br>
    <p>$annotation</p>
</div>


<div class="bs-callout bs-callout-info" id="callout-helper-context-color-specificity">
    <h4>Details</h4><br>

    <p>Click on a column to sort table</p>
    <div id="table">
       $table
    </div>
</div>

</html>
