tdr.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Join AMR</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="wavesm" class="d-flex justify-content-center align-items-center">

  </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">
  <div class="container">
        <div class="section-title" >
          <p>Technical Design Report</p>
        </div>
		<p>
		Our 2019 team prepared a technical design report for the AUVSI Robosub competition.
		We encourage anyone who wants to learn more about the technical side of our submarines
		to read our report embedded below. This report outlines our competition strategy, vehicle design, and experimental results. 
		</p>
  </div>
      <div class="container">
        <iframe frameborder="0" scrolling="no"
     width="100%" height="1000"
     src="assets/pdf/TDR.pdf" width="100%" height="1000px">
		This browser does not support PDFs. Please download the PDF to view it: Download PDF
		</iframe>

      </div>

  </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>