index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="static/home.svg" type="image/x-icon">
  <script src="scripts/background_rotation.js"></script>
  <script src="scripts/highlightSymbols.js"></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"
          integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="></script>
</head>
<body>
  <style>
	body {
		background-image: url('DinoCrown.png');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		}
  </style> 
  <img id="img" src="static/image1.png">
  <form id="form" action="https://google.com/search" method="GET">
    <input id="input" autofocus name="q" type="search" placeholder="search" tabindex="1" autocomplete="on">
  </form>
  <script src="scripts/clockbox.js"></script>
  <script src="scripts/bookmarks.js"></script>
  <script src="scripts/input.js"></script>
  <script src="scripts/bangs.js"></script>  
  <script src="scripts/init.js"></script>  
</body>
</html>