index.html

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - githubpage</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<script  src="js/index.js"></script>
<h1>Startpage obrian.ch</h1>
<div class="buttons">  
  <button class="neumorphic">
    <i class="fa-light fa-fire"></i>
    <span>Personal Blog</span>
  </button>
  <button class="neumorphic">
    <i class="fa-brands fa-github"></i>
    <span>Github</span>
  </button>
  <button class="neumorphic">
    <i class="fa-brands fa-linkedin"></i>
    <span>Linkedin</span>
  </button>
  <button class="neumorphic" onclick="notifyMe()">
    <i class="fa-light fa-atom"></i>
    <span>Notify me!</span>
  </button>
</div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>