<!DOCTYPE html>
{% load static %}

<html lang="en">
    <head>


    <meta charset="utf-8" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

<title>

 BBQUDA

</title>

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />

<!--     Fonts and icons     -->

  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<!-- CSS Files -->

<link href="{% static "css/bootstrap.min.css" %}" rel="stylesheet" />
<link href="{% static "css/now-ui-dashboard.min.css" %}" rel="stylesheet" />
<link href="{% static "css/demo.css" %}" rel="stylesheet" />

    
  
        <div class="wrapper ">
          
            <div class="sidebar" data-color="orange">
    
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        
        <ul class="nav">
          
              <li class="active">
                  <a href="{% url 'dashboard'%}">
                      
                        <i class="now-ui-icons design_app"></i>
                      
                      <p>Dashboard</p>
                  </a>
              </li>
              
             
              
              <li >
                  <a href={% url 'upload_log'%}>
                      
                        <i class="now-ui-icons ui-1_bell-53"></i>
                      
                      <p>Upload Log</p>
                  </a>
              </li>
              
              <li  >
                  <a href="{% url 'upload_csv'%}">
                      
                        <i class="now-ui-icons users_single-02"></i>
                      
                      <p>Upload CSV</p>
                  </a>
              </li>
              
              <li  >
                  <a href="{% url 'my_missions'%}">
                      
                        <i class="now-ui-icons design_bullet-list-67"></i>
                      
                      <p>Uploaded Missions</p>
                  </a>
              </li>
              <li >
                <a href="{% url 'trail_generator'%}">
                    
                      <i class="now-ui-icons design_bullet-list-67"></i>
                    
                    <p>Trail Generator</p>
                </a>
            </li>
            <li  >
                <a href="{% url 'custom_trails'%}">
                    
                      <i class="now-ui-icons design_bullet-list-67"></i>
                    
                    <p>Custom Trails</p>
                </a>
            </li>
              <li  >
                  <a href="{% url 'logout'%}">
                      
                        <i class="now-ui-icons design_bullet-list-67"></i>
                      
                      <p>Logout</p>
                  </a>
              </li>
             
        </ul>
    </div>
</div>


            <div class="main-panel" id="main-panel">
              <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-transparent  bg-primary  navbar-absolute">
	<div class="container-fluid">
    <div class="navbar-wrapper">
      
			
      
			<a class="navbar-brand" href="#pablo">BBQUDA</a>
		</div>

		

	    <div class="collapse navbar-collapse justify-content-end" id="navigation">
      
<ul class="navbar-nav">
 

  
</ul>

        
	    </div>
	</div>
</nav>
<!-- End Navbar -->

                  <div class="panel-header panel-header-sm">
  
  
</div>


                  <div class="content">
                      <div class="row">
  <div class="col-md-12">
    

<div class="card">
    <div class="card-header">
        <h4 class="card-title"> Dashboard</h4>
        
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table">
                
<tbody>
    <div>
        <h2>FIU - Marine Robotics Lab</h2>
        <h3>Rescuing Biscayne Bay Project</h3>
        <p>This project aims at developing algorithms to effectively 
            and efficiently collect water data using autonomous underwater 
            and surface robots. Professor Gregory Murad Reis (gregoryreis.com) 
            is leading a team of students and researchers to collect, analyze 
            and develop visualization tools for the data collected in 
            Biscayne Bay, FL. This effort is motivated by the environmental 
            issues that have been happening in the bay area in the last months. 
            Please select a mission in the top left menu to visualize the dataset.
        </p>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-12 mb-4">
            <img src="{%static "heron.jpg" %}" class="img-fluid mb-4" alt="">
            <img src="{%static "standingMapper.jpeg" %}" class="img-fluid mb-4" alt="">
            <img src="{%static "mapperTurtle.jpeg" %}" class="img-fluid mb-4" alt="">
        </div>
        <div class="col-lg-4 col-md-12 mb-4">
            <img src="{%static "ecomapperInsertion.jpeg" %}" class="img-fluid mb-4" alt="">
            <img src="{%static "ecomapperFloating.jpeg" %}" class="img-fluid mb-4" alt="">
            <img src="{%static "mapperTurtle.jpeg" %}" class="img-fluid mb-4" alt="">
        </div>
    </div>
    
                    
                </tbody>
            </table>
        </div>
    </div>
</div>

  </div>
  <div class="col-md-12">
      <h3>Support</h3>
        <strong>YSI</strong>
        <p>8am - 5pm EST</p>
        <p>+1 (937) 688-4255</p>
        <p>+1 (877) 726-0975 US</p>
        <a href="info@ysi.com">info@ysi.com</a>
  </div>
</div>

                  </div>

                 
             </div>
          
        </div>
        
            <div class="fixed-plugin">
    <div class="dropdown show-dropdown">
       
        <ul class="dropdown-menu">
			<li class="header-title"> Sidebar Background</li>
            <li class="adjustments-line">
                <a href="javascript:void(0)" class="switch-trigger background-color">
                    <div class="badge-colors text-center">
						<span class="badge filter badge-yellow" data-color="yellow"></span>
                        <span class="badge filter badge-blue" data-color="blue"></span>
                        <span class="badge filter badge-green" data-color="green"></span>
                        <span class="badge filter badge-orange active" data-color="orange"></span>
                        <span class="badge filter badge-red" data-color="red"></span>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </li>

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

    </body>

</html>



