Installation

Learn how to setup the perfect environment for building Athena websites

1 Download Athena

If want to setup an environment where you can quickly start using Athena then you can simply download the stylesheet below. If you need full cross-browser support or need a smaller Athena package, then follow the instructions for installing Athena with webpack.

Athena v2.0

2 Link stylesheet

Next create an html file with the boilerplate provided below. Make sure you swap out PATH with the correct path to athena.min.css on your computer.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="{PATH}/athena-v2.0.4.min.css" />
    ...
  </head>
  <body>
    ...
  </body>
</html>

3 Finished!

Now you can start using Athena utilities in your html file! Browse the rest of documentation docs to discover all that you can do with Athena. Have fun!