<!DOCTYPE html> <html>  <head> {% load custom_tags %}
  {% load static %}
  {% load static %}
  {% load crispy_forms_tags %}
  {% include "chlamdb/header.html" %}


   
</head>


<div class="container-fluid" id="main_container">
  <div class="row">
    <div id="wrapper">
      <div id="page-content-wrapper">
        <div class="row">
          <div class="col-lg-12">
           {% include "chlamdb/menu.html" %}


          <div class="row" style="padding-top:40px">
                <div class="col-lg-4 col-md-4 col-sm-12" >
                  <div class="serviceBox linkdiv" onclick='location.href="/entry_list_cog";' style="cursor: pointer;">
                      <div class="service-icon">
                          <span><img src="{% static '/img/icons8-index-50.png' %}"/></span>
                      </div>
                      <h3 class="title">Index</h3>
                      <p class="description">
                        Index of all COGs identified in all genomes
                      </p>
                  </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-12" >
                  <div class="serviceBox linkdiv" onclick='location.href="/extract_cog/";' style="cursor: pointer;">
                      <div class="service-icon">
                          <span><img src="{% static '/img/icons8-compare-64.png' %}"/></span>
                      </div>
                      <h3 class="title">Extraction form</h3>
                      <p class="description">
                        Extract lists of COGs present/absents in a set of genomes
                      </p>
                  </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-12" >
                  <div class="serviceBox linkdiv" onclick='location.href="/venn_cog/";' style="cursor: pointer;">
                      <div class="service-icon">
                          <span><img src="https://img.icons8.com/plasticine/100/000000/venn-diagram.png"/></span>
                      </div>
                      <h3 class="title">Venn diagrams</h3>
                      <p class="description">
                        Compare COGs between genomes with venn diagrams
                      </p>
                  </div>
                </div>

        </div>

        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-12" >
            <div class="serviceBox linkdiv" onclick='location.href="/cog_comparison/";' style="cursor: pointer;">
                <div class="service-icon">
                    <span><img src="{% static '/img/icons8-spreadsheet-80.png' %}"/></span>
                </div>
                <h3 class="title">Comparison of COGs presence/absence</h3>
                <p class="description">
                  Extract matrix of COGs presence/absence in a set of genomes
                </p>
            </div>
          </div>


          <div class="col-lg-4 col-md-4 col-sm-12" >
            <div class="serviceBox linkdiv" onclick='location.href="/plot_heatmap/COG";' style="cursor: pointer;">
                <div class="service-icon">
                    <span><img src="https://img.icons8.com/plasticine/100/000000/heat-map.png"/></span>
                </div>
                <h3 class="title">Heatmaps</h3>
                <p class="description">
                  Heatmap of COGs presence/absence in a set of genomes
                </p>
            </div>
          </div>


          <div class="col-lg-4 col-md-4 col-sm-12" >
            <div class="serviceBox linkdiv" onclick='location.href="/pan_genome/COG";' style="cursor: pointer;">
                <div class="service-icon">
                    <span><img src="https://img.icons8.com/plasticine/100/000000/line-chart.png"/></span>
                </div>
                <h3 class="title">Accumulation & rarefaction plot</h3>
                <p class="description">
                  Index of all COGs identified in all genomes
                </p>
            </div>
          </div>
    </div>



        <div class="row">
              <div class="col-lg-4 col-md-4 col-sm-12" >
                <div class="serviceBox linkdiv" onclick='location.href="/cog_barchart/";' style="cursor: pointer;">
                    <div class="service-icon">
                        <span><img src="{% static '/img/barchart-1.1s-200px.svg' %}"/></span>
                    </div>
                    <h3 class="title">COGs categories barcharts</h3>
                    <p class="description">
                      Barcharts of COG categories
                    </p>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-12" >
                <div class="serviceBox linkdiv" onclick='location.href="/COG_phylo_heatmap/True";' style="cursor: pointer;">
                    <div class="service-icon">
                        <span><img src="{% static '/img/icons8-heat-map-100.phylo.svg' %}"/></span>
                    </div>
                    <h3 class="title">COGs categories heatmap (%)</h3>
                    <p class="description">
                      Barcharts of COG categories
                    </p>
                </div>
              </div>
              <div class="col-lg-4 col-md-4 col-sm-12" >
                <div class="serviceBox linkdiv" onclick='location.href="/COG_phylo_heatmap/False";' style="cursor: pointer;">
                    <div class="service-icon">
                        <span><img src="{% static '/img/icons8-heat-map-100.phylo.svg' %}"/></span>
                    </div>
                    <h3 class="title">COGs categories heatmap (counts)</h3>
                    <p class="description">
                      Barcharts of COG categories
                    </p>
                </div>
              </div>

        </div>



          </div>
        </div>
      </div>
    </div>
  </div>
</div>

    
</body>
</html>
