poseidon.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Poseidon</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

 
<!--font-->  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- bootstrap css files-->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/line-awesome/css/line-awesome.min.css" rel="stylesheet">
  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/css/style.css" rel="stylesheet">

</head>

<body>
  <header id="header" class="fixed-top d-flex justify-content-center align-items-center  header-transparent ">
    <div class="container d-flex justify-content-center align-items-center">

      <div class="logo mr-auto">
        <h1 class="text-light"><a href="index.html">Aggie Marine Robotics</a></h1>
		<!-- picture logo for amr 
		<a href="index.html"><img src="assets/img/logo.png" alt="amr logo" class="img-fluid"></a>-->
	  </div>
	  <!--
	  <div>
			
			<nav class="navbar">
			<h4><a href="#news">Join our Team</a></h4>
			</nav>
			</div>
			<div>
			<nav class="navbar">
			<h4><a href="#news">Sponsor Us</a></h4>
			</nav>
			</div>
			<div>
			<nav class="navbar">
			<h4><a href="#contact">Technical Report</a></h4>
			</nav>
			</div>
			<div>
			<nav class="navbar">
			<h4><a href="#news">Poseidon</a></h4>
			</nav>
			</div>
			<div>
			<nav class="navbar">
			<h4><a href="#news">Seahorse</a></h4>
			</nav>
			</div>
		</nav>
		-->
		
		<div class="dropdown">
		  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			Pages
		  </button>
		  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
			<a class="dropdown-item" href="index.html">Home</a>
			<a class="dropdown-item" href="join.html">Join Our Team</a>
			<a class="dropdown-item" href="sponsor.html">Sponsor Us</a>
			<a class="dropdown-item" href="tdr.html">2019 Technical Report</a>
			<a class="dropdown-item" href="poseidon.html">POSEIDON</a>
			<a class="dropdown-item" href="seahorse.html">SEAHORSE</a>
		  </div>
		</div>
		
		
    </div>
	
  </header>

  <section id="wave" class="d-flex justify-content-center align-items-center">
	<div class="text-center">
	<img src="assets/img/pogen.png" alt="amr logo" height="300 px" align="center">
	</div>
  </section>

<!-- cool wave animations  -->
  <div class="wave-waves">
    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="wave">
      <defs></defs>
      <path id="wave1" d="" />
    </svg>
    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="wave">
      <defs></defs>
      <path id="wave2" d="" />
    </svg>
  </div>

  <main id="main">
  <section id="about" class="about">
      <div class="container">

        <div class="section-title" >
          <p>Poseidon Class Submarines</p>
        </div>
            <p>The AMR team's submarines for the 2018 and 2019 year were Poseidon and its twin PoGen2.

				These submarines are the second and third generation of our submarine, built by the mechanical, electrical, and software engineers at Utah State University.

				The quality of Poseidon sets it apart from previous generations of submarines. Poseidon contains cutting edge hardware, has an easy to maintain design, and cleaner code.
            </p>
      </div>

      </div>
    </section>
    <section id="about" class="about">
      <div class="container">

        <div class="section-title" >
          <p>Poseidon Gen 1</p>
        </div>
		        <div class="row content">
			<div class="col-lg-6 pt-4 pt-lg-0">
			<img src="assets/img/sub0.JPG" alt="robosub competition" class="img-fluid">
            </div>

          <div class="col-lg-6">
            <p>
              The submarine Poseidon is an autonomous underwater vehicle designed for the
			  AUVSI RoboSub competition by the Utah State RoboSub Team. The design and build
			  of Poseidon has been developed by 20 members over three years from 2013-2016.
			  Over the course of the engineering process the vehicle has been fully modeled by 
			  SolidWorks CAD software. With three years of combined research and development, 
			  this first Poseidon vehicle is an improvement on all previous designs. Poseidon 
			  was the team's lightest, most durable, and most experienced submarine.

            </p>
           </div>
        </div>

      </div>
    </section>
	<section id="about" class="about">
      <div class="container">

        <div class="section-title" >
          <p>Poseidon Gen 2</p>
        </div>
		        <div class="row content">
			
          <div class="col-lg-6">
            <p>
              The USU RoboSub Team’s autonomous underwater vehicle (AUV), PoGenII is designed
			  to be capable of underwater navigation as well as completing various mechanical tasks. 
			  PoGenII is the second generation of the Poseidon model used in previous years.
			  Improvements include refined vision recognition, electrical performance,
			  and the addition of a mechanical dropper and torpedo launchers. 
			  PoGenII is designed to be completely modular to allow for a more adaptive 
			  and efficient underwater vehicle.

            </p>
           </div>
		   <div class="col-lg-6 pt-4 pt-lg-0">
			<img src="assets/img/sub3.JPG" alt="robosub competition" class="img-fluid">
            </div>

        </div>

      </div>
    </section>
  </main>
  
  
  <footer id="footer">
    <div class="container">
      <h3>Aggie Marine Robotics</h3>
      <p>Utah State University Robosub Competition Team</p>
      <div class="social-links">
        <a href="https://aggiemarinerobotics.slack.com/" class="slack"><i class="bx bxl-slack"></i></a>
        <a href="https://github.com/USU-Robosub" class="github"><i class="bx bxl-github"></i></a>
        <a href="https://gitlab.com/usu-amr/open-source/" class="gitlab"><i class="bx bxl-gitlab"></i></a>
      </div>
    </div>
  </footer>


  <a href="#" class="back-to-top"><i class="ri-arrow-up-line"></i></a>

  <!-- Java script files for bootstrap stuff -->
  <script src="assets/vendor/jquery/jquery.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/venobox/venobox.min.js"></script>
  <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  <script src="assets/vendor/TweenMax/TweenMax.min.js"></script>
  <script src="assets/vendor/wavify/wavify.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>