index.html

<!DOCTYPE html>
<html>
<head>
  <link href="./resources/css/index.css" rel="stylesheet" type="text/css">
  <title>Home | EJ Rainville</title>
</head>
 
<body>
  <!-- Main Title - Name -->
  <h1>EJ Rainville</h1>
  <br>
  <br>

  <!-- Header -->
  <nav class="menu">
    <ul>
      <li><a href="#Bio">Bio</a></li>
      <li><a href="#Research">Research</a></li>
      <li><a href="#Publications">Publications</a></li>
      <li><a href="#Fun">Fun</a></li>
    </ul>
  </nav>
  
  <!-- Bio -->
  <article id="Bio">
  <h2>Bio</h2>
    <p>Hello, I am a PhD student in the Applied Physics Lab at the University of Washington. I have a passion 
      for the ocean and understanding the mechanisms that drive the motion of the ocean with a specific 
      emphasis on the nearshore environment. When not trying to learn about the Earth, you can find me outside
      trying to experience the Earth while skiing, biking, swimming and wandering around. I love burritos and 
      Indian food and I am always up for a cup of coffee with a friend or friend to be. 
      </p>
    <img src='./resources/images/goggles-grad.JPG' width="250" height="250">
  </article>

  <!-- Research -->  
  <article id="Research">
  <h2>Research</h2>
    <p> I am currently a PhD student working with the Air-Sea Interaction and Remote Sensing (AIRS) group and 
      he Environmental Fluid Mechanics(EFM) group studying nearshore hydrodynamics and water wave mechanics. 
      I am co-adivsed by Dr. Jim Thomson, Dr. Melissa Moulton and Dr. Morteza Derakhti. I studied mechanical
      engineering at California Polytechnic State University - SLO and was advised by Dr. Ryan Walter.
    </p>
    <br>
    <strong>Current Projects:</strong>
    <ul>
      <li> During Nearshore Events Experiment (DUNEX)</li>
    </ul>
    <br>
    <strong>Previous Projects:</strong>
    <ul>
      <li>Internal Bores in Monterey Bay</li>
      <li>Sediment Suspension and Hydrodyanmics of Morro Bay, CA</li>
    </ul>
  </article>

  <!-- Publications -->
  <article id="Publications">
  <h2>Publications</h2>
  
  </article>
    

  <!-- Fun -->  
  <article id="Fun">
  <h2>Fun</h2>
  
  </article>
  

</body>
 
</html>