Sheg5/fork-me-fcc-test-suite-template.markdown

## fork-me-fcc-test-suite-template.markdown

      
    Raw
  

              fork-me-fcc-test-suite-template.markdown
            
          
    Fork Me! FCC: Test Suite Template

A Pen by Sheg5 on CodePen.
License.

  
## index.html
<body id="main">
  <h1 id="title">Alexander the Great</h1>
  <h2>King of Macedonia from 336 to 323 B.C.</h2>
  <div id="img-div"><img id="image" src="https://media.gettyimages.com/photos/alexander-entering-babylon-found-in-the-collection-of-louvre-paris-picture-id520721095?s=2048x2048" alt="Painting of Alexander the Great riding on a chariot and triumphantly entering a conquered Babylon" width=75%/>
    <p id="img-caption">Alexander Entering Babylon (The Triumph of Alexander the Great). Artist: Le Brun, Charles (1619-1690). Found in the collection of Louvre, Paris. (Photo by Fine Art Images/Heritage Images/Getty Images)</p>
  </div>
  <table id="tribute-info">
    <thead>
      <tr>
        <td colspan="2">
          <h3>Timeline of Alexander the Great's Accomplishments</h3>
        </td>
      </tr>
    </thead>
    <tr>
      <th>Year</th>
      <th>Accomplishments</th>
    </tr>
    <tr>
      <td>356 BC</td>
      <td>Alexander was born in Pella, the capital of the Kingdom of Macedon.</td>
    </tr>
    <tr>
      <td>346 BC</td>
      <td>Alexander tamed a horse he named "Bucephalas".</td>
    </tr>
    <tr>
      <td>343 BC</td>
      <td>Philip began searching for a tutor for Alexander.</td>
    </tr>
    <tr>
      <td>340 BC</td>
      <td>
        <ul>
          <li>Alexander's education under Aristotle ended.</li>
          <li>Philip waged war against Byzantion.</li>
          <li>Alexander in charge as regent.</li>
          <li>Alexander founded a city named "Alexandropolis".</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>337 BC</td>
      <td>Alexander fled Macedon with his mother.</td>
    </tr>
    <tr>
      <td>336 BC</td>
      <td>
        <ul>
          <li>Philip was assassinated by the captain of his bodyguards, "Pausanias".</li>
          <li>Alexander is proclaimed king</li>
        </ul>
      </td>
    </tr>
    <tr>
      <td>335 BC</td>
      <td>Alexander continues to supress revolt caused by news of Philip's death.</td>
    </tr>
    <tr>
      <td>333 BC</td>
      <td>Alexander crossed the Taurus into Cilicia.</td>
    </tr>
    <tr>
      <td>332 BC</td>
      <td>Alexander advanced on Egypt, where he was regarded as a liberator.</td>
    </tr>
    <tr>
      <td>331 BC</td>
      <td>Alexander leaves Egypt.</td>
    </tr>
    <tr>
      <td>329 BC</td>
      <td>Spitamenes, betrayed Bessus to Ptolemy, one of Alexander's trusted companions, and Bessus was executed.</td>
    </tr>
    <tr>
      <td>327/326 BC</td>
      <td>Alexander personally led a campaign against the Aspasioi of Kunar valleys, the Guraeans of the Guraeus valley, and the Assakenoi of the Swat and Buner valleys.</td>
    </tr>
    <tr>
      <td>324 BC</td>
      <td>Alexander reached Susa.</td>
    </tr>
    <tr>
      <td>323 BC</td>
      <td>Alexander died in the palace of Nebuchadnezzar II, in Babylon.</td>
    </tr>
    <tfoot>
      <tr>
        <td colspan="2"> You should read more about Alexander the Great on this <a id="tribute-link" href="https://en.wikipedia.org/wiki/Alexander_the_Great" target="_blank">Wikipedia entry</a>.</td>
      </tr>
    </tfoot>
  </table>
  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>

## style.css
body {
  text-align: center;
  text-transform: capitalize;
  font-family: "Times New Roman", Times, serif;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}

h1 {
  text-decoration: bold;
  text-decoration: underline;
  font-size: 40px;
}

h2{
  color: HSL(0, 1%, 39%);
  text-decoration: bold;
  font-style: italic;
  font-size: 23px;
}

h3 {
  text-decoration: bold;
  text-decoration: underline;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

p#img-caption {
  font-style: italic;
  text-align: left;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
}

table#tribute-info {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

th, td {
  padding: 10px;
}

ul {
  display: inline;
  list-style-type: none;
}
	<body id="main">
	<h1 id="title">Alexander the Great</h1>
	<h2>King of Macedonia from 336 to 323 B.C.</h2>
	<div id="img-div"><img id="image" src="https://media.gettyimages.com/photos/alexander-entering-babylon-found-in-the-collection-of-louvre-paris-picture-id520721095?s=2048x2048" alt="Painting of Alexander the Great riding on a chariot and triumphantly entering a conquered Babylon" width=75%/>
	<p id="img-caption">Alexander Entering Babylon (The Triumph of Alexander the Great). Artist: Le Brun, Charles (1619-1690). Found in the collection of Louvre, Paris. (Photo by Fine Art Images/Heritage Images/Getty Images)</p>
	</div>
	<table id="tribute-info">
	<thead>
	<tr>
	<td colspan="2">
	<h3>Timeline of Alexander the Great's Accomplishments</h3>
	</td>
	</tr>
	</thead>
	<tr>
	<th>Year</th>
	<th>Accomplishments</th>
	</tr>
	<tr>
	<td>356 BC</td>
	<td>Alexander was born in Pella, the capital of the Kingdom of Macedon.</td>
	</tr>
	<tr>
	<td>346 BC</td>
	<td>Alexander tamed a horse he named "Bucephalas".</td>
	</tr>
	<tr>
	<td>343 BC</td>
	<td>Philip began searching for a tutor for Alexander.</td>
	</tr>
	<tr>
	<td>340 BC</td>
	<td>
	<ul>
	<li>Alexander's education under Aristotle ended.</li>
	<li>Philip waged war against Byzantion.</li>
	<li>Alexander in charge as regent.</li>
	<li>Alexander founded a city named "Alexandropolis".</li>
	</ul>
	</td>
	</tr>
	<tr>
	<td>337 BC</td>
	<td>Alexander fled Macedon with his mother.</td>
	</tr>
	<tr>
	<td>336 BC</td>
	<td>
	<ul>
	<li>Philip was assassinated by the captain of his bodyguards, "Pausanias".</li>
	<li>Alexander is proclaimed king</li>
	</ul>
	</td>
	</tr>
	<tr>
	<td>335 BC</td>
	<td>Alexander continues to supress revolt caused by news of Philip's death.</td>
	</tr>
	<tr>
	<td>333 BC</td>
	<td>Alexander crossed the Taurus into Cilicia.</td>
	</tr>
	<tr>
	<td>332 BC</td>
	<td>Alexander advanced on Egypt, where he was regarded as a liberator.</td>
	</tr>
	<tr>
	<td>331 BC</td>
	<td>Alexander leaves Egypt.</td>
	</tr>
	<tr>
	<td>329 BC</td>
	<td>Spitamenes, betrayed Bessus to Ptolemy, one of Alexander's trusted companions, and Bessus was executed.</td>
	</tr>
	<tr>
	<td>327/326 BC</td>
	<td>Alexander personally led a campaign against the Aspasioi of Kunar valleys, the Guraeans of the Guraeus valley, and the Assakenoi of the Swat and Buner valleys.</td>
	</tr>
	<tr>
	<td>324 BC</td>
	<td>Alexander reached Susa.</td>
	</tr>
	<tr>
	<td>323 BC</td>
	<td>Alexander died in the palace of Nebuchadnezzar II, in Babylon.</td>
	</tr>
	<tfoot>
	<tr>
	<td colspan="2"> You should read more about Alexander the Great on this <a id="tribute-link" href="https://en.wikipedia.org/wiki/Alexander_the_Great" target="_blank">Wikipedia entry</a>.</td>
	</tr>
	</tfoot>
	</table>
	<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
	</body>
	body {
	text-align: center;
	text-transform: capitalize;
	font-family: "Times New Roman", Times, serif;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	}

	h1 {
	text-decoration: bold;
	text-decoration: underline;
	font-size: 40px;
	}

	h2{
	color: HSL(0, 1%, 39%);
	text-decoration: bold;
	font-style: italic;
	font-size: 23px;
	}

	h3 {
	text-decoration: bold;
	text-decoration: underline;
	}

	img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}

	p#img-caption {
	font-style: italic;
	text-align: left;
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	}

	table#tribute-info {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	max-width: 75%;
	}

	th, td {
	padding: 10px;
	}

	ul {
	display: inline;
	list-style-type: none;
	}