index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>About Me</title>
  <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./styles/main.css">
</head>
<body>

  <div class="top-nav">
    <a href="./index.html">Home</a>
    <a href="./teachNow.html">Teach Now</a>
    <a href="#">Notes</a>
    <a href="#">Programming</a>
    <a href="#">Demos</a>
  </div>
<div class="grid-container">


  
  <div class="left" style="background-color:#aaa;"><strong>Welcome</strong> to my website. Above are links to different parts - feel free to explore!
  </div>
  
  <div class="middle" style="background-color:#bbb;">
    <p>I have taught, or currently am teaching several different classes. I will (eventually) put up links for everything, but here's a short list:</p>
    <ul>
      <li>AP Computer Science A</li>
      <li>AP Calculus AB</li>
      <li>Algebra II</li>
      <li>Honors Phyics</li>
      <li>AP Physics 1</li>
      <li>AP Physics C: Mechanics</li>
    </ul>
    I have notes I've for several of these classes in <span class="emphasis">Notes</span> up above. The LaTeX source is also available on a repo on my Github.
  </div>  
  <div class="right" style="background-color:#ccc;">
    <p>I love mathematics - here is an image I've made using Julia:</p><br>
    <img src="./images/tanh(x)-secants.png" alt="a picture showing secant lines at tanh(x)"></div>
</div>  
  <div class="footer">
  <p>Made by thomastjdavis</p>
  </div>
</div>

</body>
</html>

