{% extends "layout.html" %}
{% block head %}
{% endblock head %}


{% block content %}
    <div class="container-fluid" style="padding: 2%;">
        <div class="row">
        </div>

        <div class="row">
            <div class="col-sm-6">
            <p> </p>


            <div style="text-align: center; padding: 10px 0; background-color: white;">
                <div style="max-width: 750px; max-height: 400px; margin: 0 auto;">
                    <img src="static/SiteContext_main_page.png" style="width: 100%; height: auto;" alt="SiteContext main page">
                </div>
            </div>


            </div>
            <div class="col-sm-6">
                <p> </p>
                <h5>For a quick introduction to SiteContext</h5>
                <p align="justify">

                    <ul>

                        <li>Get started with a <a href="run-demo-SiteContext">Demo</a>.</li>

                        <li>Click <a href="results/run_pair_of_molecules">here</a> to view results for comparing a sample pair of molecules <a href="static/run_pair_of_molecules.zip">(dataset).</a></li>
                        <li>Read the <a href="tutorial">tutorial</a>. To avoid any issues, be sure to follow the steps outlined in the tutorial when using SiteContext.</li>
                    </ul>

                <h5>For extensive use of SiteContext</h5>
                <p align="justify">

                    <ul>

                        <li>Click <a href="static/SiteContext_code.zip">here</a> to download SiteContext web-server source code (please cite our paper if you use the code).</li>
                    </ul>
                </p>
            </div>

        </div>

    </div>
{% endblock content %}
