<!doctype html>
<html>

	<head>
		<title>We-Wingit Drone Deliveries</title>
		<link rel="stylesheet" href="index.css">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
	</head>

	<body>
		<main>
			<section class="chatbot-container">
				<div class="chatbot-header">
					<img src="images/drone-logo.png" class="logo">
					<h1>We-Wingit Drones</h1>
					<h2>Delivery Support Chat</h2>
					<p class="supportId">ID: W889</p>
				</div>
				<div class="chatbot-conversation-container" id="chatbot-conversation">
					<div class="speech speech-ai">
						How can I help you with your We-Wingit drone delivery?
					</div>
				</div>
				<form id="form" class="chatbot-input-container">
					<input name="user-input" type="text" id="user-input" required>
					<button id="submit-btn" class="submit-btn">
						<img 
							src="images/send-btn-icon.png" 
							class="send-btn-icon"
						>
					</button>
				</form>
			</section>
		</main>
		<script type="module" src="index.js"></script>
	</body>

</html>

<!doctype html>

<html>

<head>

<title>We-Wingit Drone Deliveries</title>

rel="stylesheet">

</head>

<body>

<main>

<h1>We-Wingit Drones</h1>

<h2>Delivery Support Chat</h2>

</div>

How can I help you with your We-Wingit drone delivery?

</div>

<img

src="images/send-btn-icon.png"

class="send-btn-icon"

</button>

</form>

</section>

</main>

</body>

</html>

-2:38