index.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leetteers</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!--scripts-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="darkmode.js"></script>
<!--logo and dark mode toggle-->
<div class="navbar">
    <a href="#" class="logo">LEETTEERS</a>
    <button onclick="d_m()" id="toggle">
    <div class="button">🌓</div>
    </button>
</div>
<!--input boxes using GetForm-->
<form action="https://getform.io/f/33a1233d-0c3c-4ec6-8fab-98913039c9d3" method="POST" class="letter">

    <textarea type="email" name="email" id="sender">Your Email</textarea>
    <textarea type="text" name="message" id="message">Your message goes here....</textarea>
    <button type="submit" class="submit">Send</button>
  
  </form>
<!--the end-->
</body>
</html>