alexcasche/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Honey Badger</title>
    <!--<link rel="stylesheet" type="text/css" href="./css/styles.css">-->
    <style>
    body {
      padding: 0;
      margin: 0;
      background: #fafafa;
    }
    .wrapper {
      padding: 20px 32px;
    }
    .main {
      display: inline-block;
      width: 74%;
      padding: 0 10px;
    }
    .aside {
      display: inline-block;
      width: 22%;
      vertical-align: top;
      padding: 0 10px;
    }
    h1 {
      margin: 0 0 20px;
      color: #EA7D00;
    }
    h2 {
      color: #3399cc;
    }
    h3 {
      color: #066694;
    }
    img {
      max-width: 100%;
    }
    table {
      background: #888;
    }
    tr:first-of-type {
      background: transparent;
    }
    tr {
      background: #fff;
    }
    th, td {
      padding: 5px 8px;
    }
    th {
      text-align: left;
      color: #fff;
    }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div class="main">
        <h1>Honey Badger</h1>
        <h3>AKA, The Bear Skunk (not really though)</h3>
        <section id="overview">
          <h2>Overview</h2>
          <h3>AKA, The Ratel (seriously this time)</h3>
          <p>The honey badger (Mellivora capensis), also known as the ratel, is the only species in the <a href="https://en.wikipedia.org/wiki/Mustelid">mustelid</a> subfamily Mellivorinae and its only genus Mellivora. It is native to Africa, Southwest Asia, and the Indian subcontinent. Despite its name, the honey badger does not closely resemble other badger species; instead, it bears more anatomical similarities to weasels.</p>
          <img src="http://bit.ly/2pHs298" alt="Honey Badger">
        </section>
        <section id="Taxonomy">
          <h3>Taxonomy</h3>
          <table>
            <tr>
              <th>Name</th>
              <th>Location</th>
            </tr>
            <tr>
              <td>Cape ratel</td>
              <td>South and southwestern Africa</td>
            </tr>
            <tr>
              <td>Ethiopian rate</td>
              <td>Ethiopia</td>
            </tr>
            <tr>
              <td>Turkmenian ratel</td>
              <td>Turkmenistan</td>
            </tr>
          </table>
        </section>
        <section id="characteristics">
          <h3>Characteristics</h3>
          <article>
            <p>The honey badger has a fairly long body, but is distinctly thick-set and broad across the back. Its skin is remarkably loose, and allows it to turn and twist freely within it.</p>
          </article>
        </section>
      </div>
      <div class="aside">
        <aside>
          The honey badger has short and sturdy legs, with five toes on each foot.
        </aside>
      </div>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Honey Badger</title>
	<!--<link rel="stylesheet" type="text/css" href="./css/styles.css">-->
	<style>
	body {
	padding: 0;
	margin: 0;
	background: #fafafa;
	}
	.wrapper {
	padding: 20px 32px;
	}
	.main {
	display: inline-block;
	width: 74%;
	padding: 0 10px;
	}
	.aside {
	display: inline-block;
	width: 22%;
	vertical-align: top;
	padding: 0 10px;
	}
	h1 {
	margin: 0 0 20px;
	color: #EA7D00;
	}
	h2 {
	color: #3399cc;
	}
	h3 {
	color: #066694;
	}
	img {
	max-width: 100%;
	}
	table {
	background: #888;
	}
	tr:first-of-type {
	background: transparent;
	}
	tr {
	background: #fff;
	}
	th, td {
	padding: 5px 8px;
	}
	th {
	text-align: left;
	color: #fff;
	}
	</style>
	</head>
	<body>
	<div class="wrapper">
	<div class="main">
	<h1>Honey Badger</h1>
	<h3>AKA, The Bear Skunk (not really though)</h3>
	<section id="overview">
	<h2>Overview</h2>
	<h3>AKA, The Ratel (seriously this time)</h3>
	<p>The honey badger (Mellivora capensis), also known as the ratel, is the only species in the <a href="https://en.wikipedia.org/wiki/Mustelid">mustelid</a> subfamily Mellivorinae and its only genus Mellivora. It is native to Africa, Southwest Asia, and the Indian subcontinent. Despite its name, the honey badger does not closely resemble other badger species; instead, it bears more anatomical similarities to weasels.</p>
	<img src="http://bit.ly/2pHs298" alt="Honey Badger">
	</section>
	<section id="Taxonomy">
	<h3>Taxonomy</h3>
	<table>
	<tr>
	<th>Name</th>
	<th>Location</th>
	</tr>
	<tr>
	<td>Cape ratel</td>
	<td>South and southwestern Africa</td>
	</tr>
	<tr>
	<td>Ethiopian rate</td>
	<td>Ethiopia</td>
	</tr>
	<tr>
	<td>Turkmenian ratel</td>
	<td>Turkmenistan</td>
	</tr>
	</table>
	</section>
	<section id="characteristics">
	<h3>Characteristics</h3>
	<article>
	<p>The honey badger has a fairly long body, but is distinctly thick-set and broad across the back. Its skin is remarkably loose, and allows it to turn and twist freely within it.</p>
	</article>
	</section>
	</div>
	<div class="aside">
	<aside>
	The honey badger has short and sturdy legs, with five toes on each foot.
	</aside>
	</div>
	</div>
	</body>
	</html>