<!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="styles.css">

<title>Traveler's Companion</title>

</head>

<body>

<header>

<h1>Traveler's Companion</h1>

<input type="text" id="destination" placeholder="Enter Destination">

<button onclick="generateTravelInfo()">Get Travel Info</button>

</header>

<main id="results"></main>

<footer>

<p>© 2023 Traveler's Companion</p>

</footer>

<script src="script.js"></script>

</body>

</html>