<html>

<head>
	<!-- CSS -->
	<link rel="stylesheet" href="index.css">
	<!-- Google Fonts -->
	<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=Roboto:wght@400;500;600&display=swap" rel="stylesheet">
</head>

<body>
	<header>
		<h1>Twimba</h1>
	</header>
	<main>
		<div class="tweet-input-area">
			<img src="images/scrimbalogo.png" class="profile-pic">
<!-- 
Challenge
1. Add a textarea.
2. Give it placeholder text as shown in the 
   slide and an id of "tweet-input".
-->
		</div>
		<button id="tweet-btn">Tweet</button>
		<div class="feed" id="feed"></div>
	</main>
	<script src="index.js" type="module"></script>
</body>

</html>

rel="stylesheet">

</head>

<body>

<h1>Twimba</h1>

</header>

<main>

<!--

Challenge

1. Add a textarea.

2. Give it placeholder text as shown in the

slide and an id of "tweet-input".

-->

</div>

<button id="tweet-btn">Tweet</button>

</main>

</body>

</html>

<html>

<head>

-4:04