index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Elixir Circuits</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.2/gh-fork-ribbon.min.css" />
    <link href="https://fonts.googleapis.com/css?family=Roboto|Ubuntu" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" href="./styles.css"/>
  </head>
  <body>

    <header class="container">
      <div class="section">
        <img class="block--center logo" src="./circuits.png">
        <h1 class="header h1 text center">Elixir Circuits</h1>
        <p class="p text center secondary">Elixir Circuits provides libraries for working with hardware in Elixir</p>
      </div>
    </header>

    <hr class="container">

   <div class="section container content">
     <h2 class="header h2 text center">Libraries</h2>
     <ul class="libraries flex-container">
       <li class="library">
         <div class="circle">
           <a class="text secondary library-name" href="https://github.com/elixir-circuits/circuits_gpio"><i class="far fa-lightbulb"></i></a>
         </div>
         <h3><a href="https://github.com/elixir-circuits/circuits_gpio">GPIO</a></h3>
       </li>
       <li class="library">
         <div class="circle">
           <a class="text secondary library-name" href="https://github.com/elixir-circuits/circuits_i2c"><i class="fas fa-microchip"></i></a>
         </div>
         <h3><a href="https://github.com/elixir-circuits/circuits_i2c">I2C</a></h3>
       </li>
       <li class="library">
         <div class="circle">
           <a class="text secondary library-name" href="https://github.com/elixir-circuits/circuits_spi"><i class="fas fa-sd-card"></i></a>
         </div>
         <h3><a href="https://github.com/elixir-circuits/circuits_spi">SPI</a></h3>
        </li>
        <li class="library">
          <div class="circle">
            <a class="text secondary library-name" href="https://github.com/elixir-circuits/circuits_uart"><i class="fas fa-stream"></i></a>
          </div>
          <h3><a href="https://github.com/elixir-circuits/circuits_uart">UART</a></h3>
        </li>
     </ul>
    </div>

    <hr class="container">
    <h2 class="header h2 text center">What uses Elixir Circuits?</h2>
    <div class="js-hex-search-circuits-libs"></div>

    <hr class="container">
    <h2 class="header h2 text center">What uses Elixir/ALE?</h2>
    <p class="text center">
      <a href="https://hexdocs.pm/elixir_ale/readme.html">Elixir/ALE</a> was the predecessor to the Elixir Circuits libraries.
    </p>
    <div class="js-hex-search-ale-libs"></div>

    <footer>
     <a class="icon" href="https://github.com/elixir-circuits"><i class="fab fa-github"></i></a>
    </footer>

    <a class="github-fork-ribbon" href="https://github.com/elixir-circuits" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="index.js"></script>

  </body>
</html>