index.html

<!DOCTYPE html>
<html lang="en">

	<!-- website header - typically the title -->
	<head>
	  <meta charset="utf-8">

	  <!-- Change the title `Simple website` to say what you want - it shows up when someone google's the site -->
	  <title>She Innovates Hackathon Workshop</title>

	  <!-- Don't change the code line immediately below -->
	  <link rel="stylesheet" href="main.css">
	</head>
	<!-- end of header -->

	<!-- body of website -->
	<body class="light-theme">
		<!-- this is a header -->
	    <h1>WiCS Workshop Tasks</h1>

	    <!-- this is a paragraph -->
	    <p id="msg">WiCS is presenting this dynamic website workshop to help prepare you for the upcoming She Innovates Hackathon. Below you can find a list of topics that we will cover in this workshop! </p>

	    <!-- beginning of the list -->
	    <ul>
	    	<!-- this bullet point will be a square -->
	      	<li class="list">Using GitHub for collaborative coding and website hosting</li>

	      	<!-- this bullet point will be a circle be we used `.list` in the CSS file -->
	      	<li>Using HTML/CSS/JavaScript to build a dynamic website</li>

	    </ul>

	    <!-- button div -->
	    <div>
  			<!-- add a button here -->
  			<button class="btn">Dark</button>
		</div>

		<p id="formbtn"> Hakathon Team Name Idea: </p>

		<!-- Simple JavaScript form to modify our HTML -->
		<input id="teamname">
		<button type="btn2" onclick="myFunction()">Submit</button>


	    <script src="app.js"></script>
	    <noscript>You need to enable JavaScript to view the full site.</noscript>
	    <!-- end of the list -->
  	</body>
  	<!-- end of body -->
</html>