index.html

<!DOCTYPE html> 
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <title>Some live sims</title>

  <!-- Bootstrap -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <div class="container">


    <h1>Live sims from the summer of 2015</h1>

<p>
  These sims show the inner workings of microscopes used in nano-science and engineering.
</p>
<h3>A Scanning Tunneling Microscope</h3>
<a href="stm/stmicroscope.html"/> STM </a>
<p>By Najnin Sultana</p>
<h3>An Atomic Force Microscope</h3>
<a href="afm/afm.html"/> AFM </a>
<p>By Farjana Khaled</p>
<h3>A Transmission Electron Microscope</h3>
<a href="tem/tem.html"/> TEM </a>
<p>Brought to you by Abusaleh Masud</p>
<h3>A Scanning Electron Microscope  </h3>
<a href="sem/microscope.html"/> SEM </a>
<p>  By Shawn Santana, follow him on instagram @flaco.bebo </p>

  </div>


  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>

</html>