<!DOCTYPE html>


<html>
<head>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
</head>
<body>

<div id="container">
    <div id="sidebar">
        {% include "chlamdb/menu.html" %}
    </div>

    <div id="header">
        {% include "chlamdb/user.html" %}
    </div>

    <div id="content">

        <nav>
            <ul id="tabs" class="nav nav-tabs">
                <li class="active"><a>Overview</a></li>
                <li><a href="{% url 'blastnr_top_non_phylum' %}">Locus lists</a></li>
                <!--<li><a>Barcharts BBH non top phylum</a></li>-->

            </ul>
        </nav>


        <div class="panel panel-success" style="width:80%; top: 200px; margin: 10px 10px 10px 10px">
            <div class="panel-heading" style="width:100%">
                <h3 class="panel-title">Help</h3>
            </div>
            <p style="margin: 10px 10px 10px 10px">Number and percentage of the first best RefSeq hit not part of the most frequent BBH phylum. <br>
                Column 1: Most frequent BBH phylum <br>
                Column 2/3: Number of best 'non top phylum' hit which is an hit against eukaryotic sequences. <br>
                Column 4/5: Percentage of the proteome of best 'non top phylum' hit which is an hit against eukaryotic sequences. <br>
                Column 4/5: Number of such hits that are species specific. <br>
            </p>
        </div>



            <div>
                <img src="{% static asset_path1 %}" alt="phylo" style="width:800px;">
            </div>

    </div>
</div>
</body>
</html>
