about.html

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="basiccss.css">
  <title>Prosthetics and The Brain</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Main page of pros">
</head>
<body>
  <h1>Prosthetics And Their Interaction With The Human Brain</h1>

  <div class="navbar">
    <a href="index.html">Home</a>
    <div class="dropdown">
      <button class="dropbtn" onclick="showGeneralDropDown()">General Info
        <i class="fa fa-caret-down"></i>
      </button>
      <div class="dropdown-content" id="myDropdown">
        <a href="general.html">General</a>
        <a href="History.html">History</a>
        <a href="ProstheticsToday.html">Today</a>
        <a href="Application.html">Application</a>
        <a href="Conclusion.html">Conclusion</a>
      </div>
    </div>
    <a href="bioethics.html">BioEthics</a>
    <a href="bioethics.html">Interactive</a>
    <a href="annotatedBib.html" >Bibliography</a>
    <a href="about.html">About</a>
  </div>

  <h2>About This Website</h2>
  <p>I created this project for a few reasons. Initially, I created it so I could learn about current prosthetic technology. I then created this website to share this knowlage, and as a discussion of bioethics. You can read about me <a href="aboutMe.html"> here</a>.</p>
  <p></p>
  <p>During this project I also had a lot of help from my mentor, Randal Burns. You can view his info <a href="https://randalburns.github.io/">here</a>.</p>
  <script>
    function showGeneralDropDown() {
        document.getElementById("myDropdown").classList.toggle("show");
    }

    // Close the dropdown if the user clicks outside of it
    window.onclick = function(e) {
      if (!e.target.matches('.dropbtn')) {
        var myDropdown = document.getElementById("myDropdown");
          if (myDropdown.classList.contains('show')) {
            myDropdown.classList.remove('show');
          }
      }
    }
  </script>

</body>
</html>