index.html

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="src/styles.css" /> 
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
  <script src="src/script.js"></script>
<title>Student Tools | By students, for students</title>
  <link rel="icon" type="image/x-icon" href="assets/ST_logo_renewal.png" height="30" width="100" />
</head>
<body>
  <div class="fullscreen-container">
  <div id="all-pages">
    <section class="page">
<header class="page-header">
  <div class="page-header__top">
    <div class='page-header__logo'><img src="/assets/ST_logo_renewal.png" width="110" height ="60" alt="Logo" class="navbar-brand"></img></div>
    <div class="page-header__toggle" onclick="toggleMenu()">☰</div>
  </div>
  <nav class="page-header__bottom">
    <ul id="navigation" class="navigation">
   <li class="navigation__item" href="#">Home</li>
      <li class="navigation__item" href="tools/word-count"><a href="tools/word-count" class="nostyle">Word count</a></li>
      <li class="navigation__item" href="tools/calculator"><a href="tools/calculator" class="nostyle">Calculator</a></li>
      <li class="navigation__item" href="blog/index"><a href="blog/index" class="nostyle">Blog</a></li>
      <li class="navigation__item" href="blog/study-tips"><a href="blog/study-tips" class="nostyle">Study tips</a></li>
    </ul>
  </nav>
</header>
<div id='show_bg_2'><h1>
Student tools have never been<br>so <span class="fancy-text" id="element">good</span>
</h1><p>
Our mission at Student Tools is to give our users the most comfy experience with a<br>single goal: better studying.</p></div>
  <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
  <script>
    var typed = new Typed('#element', {
      strings: ['easy', 'free', 'fast', 'accessible'],
      typeSpeed: 50,
      startDelay: 1600,
      smartBackspace: false,
    });
  </script>
   </div>
    </section>
  </body>
  </html> 