Ada Lovelace tribute for FreeCodeCamp

In this example below you will see how to do a Ada Lovelace tribute for FreeCodeCamp with some HTML / CSS and Javascript

This awesome code was written by mattbee, you can see more from this user in the personal repository.
You can find the original code on
Copyright mattbee ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>Ada Lovelace tribute for FreeCodeCamp</title>
      <link rel="stylesheet" href="css/style.css">



  <section class="container">
  <h1>Ada Lovelace</h1>
    <p><img src=""></p>
    <h2>Her story</h2>
    <p>Augusta Ada King-Noel, Countess of Lovelace  was an English mathematician and writer, chiefly known for her work on Charles Babbage's early mechanical general-purpose computer, the Analytical Engine. </p>
    <p>Her notes on the engine include what is recognised as the first algorithm intended to be carried out by a machine. <strong>As a result, she is often regarded as the first computer programmer</strong>.</p>
    <p>Did you know Ada Lovelace was the daughter of Lord Byron?</p>
    <p><a href="">Read more about Ada Lovelace on Wikipedia.</a></p>
    <h3>Related people</h3>
      <li><a href="">Charles Babbage</a></li>
      <li><a href="">Grace Hopper</a></li>
      <li><a href="">Alan Turing</a></li>
  <h2>Tweets about Ada Lovelace</h2>
              <a class="twitter-timeline"  href="" data-widget-id="908683026070155264">#AdaLovelace Tweets</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);;js.src=p+"://";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>



/*Downloaded from */
body {
  font-family: arial, sans-serif;
  background: #f6f6f6;
  padding: 40px;
.container {
  background: #fff;
  max-width: 600px;
  padding: 20px 40px;
  margin: 0 auto;
a {
  color: #900;
ul {
  list-style-type: disc;
ul li {
  margin-bottom: 10px;