Skip to content

Instantly share code, notes, and snippets.

@Sheg5
Created May 30, 2020 01:24
Show Gist options
  • Save Sheg5/3c3f1319c776351087e1d58d48a5e3e4 to your computer and use it in GitHub Desktop.
Save Sheg5/3c3f1319c776351087e1d58d48a5e3e4 to your computer and use it in GitHub Desktop.
Fork Me! FCC: Test Suite Template
<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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment