<div id="toc">
  <h2>Table of Contents</h2>
  <ul>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#0-my-selenium-project">My Selenium Project</a></li>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#1-scraping-linkedin-hold-up">Scraping LinkedIn? Hold up!</a></li>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#2-did-i-really-collect-fake-profiles">Did I really collect Fake Profiles</a></li>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#3-requirements">Requirements</a></li>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#4-code-to-collect-fake-profiles-on-linkedin">Code to Collect Fake Profiles on LinkedIn</a></li>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#11-2-brute-force-collector">Brute Force Collector</a></li>
    <li><a href="https://matrixread.com/collecting-fake-profiles-on-linkedin/#15-sample-result-data">Sample Result Data</a></li>
  </ul>
</div>

body {
  font-family: Arial;
}

#toc {
  background-image: linear-gradient(to right, #29323c, #485563);
  color: #fff;
  padding: 3rem;
  border-radius: 5px;
  background-size: cover;
  padding: 1.5rem;
  box-shadow: 0 9px 5px -5px #777;
}

#toc ul,
#toc ol {
  margin-bottom: 0;
}

#toc ul ul,
#toc ol ol,
#toc ul ol,
#toc ol ul {
  margin: 10px 0 10px;
}

#toc li {
  margin-bottom: 10px;
}

#toc li a {
  color: inherit;
  text-decoration: none;
}

#toc li a:hover {
  border-bottom: 1px dotted;
}
#toc ul {
  list-style-type: "❍  ";
}