{% extends "base.html" %}

{% block title %}About Us{% endblock %}

{% block menu_items %}
    <li><a href="{{url_for('homepage')}}">Homepage</a></li>
    <li><a href="{{url_for('view_gables_data')}}">View Gables Data</a></li>
    <li><a href="{{url_for('view_data')}}">View Other Data</a></li>
    <li class="current_page_item"><a href="{{url_for('about')}}">About Us</a></li>
    <li><a href="{{url_for('contact')}}">Contact Us</a></li>
    <li><a href="{{url_for('admin_home')}}">Admin</a></li>
{% endblock %}

{% block content %}
<style>
h5 {
    display: block;
    font-size: 30px;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 25%;
    margin-right: auto;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 3em;
    margin-top: 0em;
    margin-bottom: 0.67em;
    margin-left: 45%;
    margin-right: auto;
    font-weight: bold;
}

#image {
    margin-right: auto;
    margin-left: auto;
    float: right;
}

h3 {
    font-size: 23px;
    margin-left: 25%;
    margin-right: 20%;
    margin-bottom: 60px;
}

h4 {
    font-size: 18px;
    margin-left: 5%;
    margin-right: auto;
}
</style>

    <div id="wrapper2" >
        <h2>About Us... </h2>
        <div>
            <a ><img src="https://i.ibb.co/CHVLKc3/1.jpg" alt="1" border="0" id = "image" style="width:575px;height:493px;margin-right: 20%;margin-left: 15px; margin-bottom: 5px;"  ></a>
            <h5>Background</h5>
            <h3>Coastal wetlands provide essential direct livelihood services to millions of people, as well as critical
                regulating services such as maintenance of water quality, protection from storms and erosion, and carbon
                sequestration. Measuring the vertical movement of the coastal wetland surface and its constituent processes,
                and relative local sea-level rise (SLR) is necessary to determine whether a wetland can keep pace with SLR.
                Tidal data can assist in understanding localized flooding associated with king tide flooding and sea-level rise.
                These data are an important resource for hurricane preparations and for recreational use about boat clearance
                through rivers and canals.
            </h3>

            <h5>Study Area</h5>
	        <h3>Four monitoring stations are being established: 2 tidal stations at Blue Road and Isla
                Dorada Boulevard bridges and 2 tidal and soil elevation monitoring sites in Matheson
                Hammock and a mangrove site near Coral Gables Marina.
            </h3>

            <h5>Data Access</h5>
	        <h3>Data for this project is all publicly accessible either though our API, or by exporting the data on this website.</h3>

            <a href="http://wetland.fiu.edu/"><img src="https://i.ibb.co/rZ2NgXF/2.png" alt="2" border="0" style=" margin-left: 45%; margin-right: auto;"></a>
        </div>
    </div>
{% endblock %}