JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='CSS/mainCSS.css') }}">

	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

	<!-- Optional: Include the jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

	<!-- Optional: Incorporate the Bootstrap JavaScript plugins -->
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


	<script type="text/javascript" src="jQuery.js"></script>
</head>


<title>My website project</title>

<body>

<header><h1>Skeleton</h1></header>

<nav>
    <ul>
    <li>homepage</li>
    <li>contact</li>
    </ul>
</nav>

<section>
    <h1 id="section">
        Section h1
    </h1>

</section>








</body>
</html>

CSS

body {
    background-color: lavender;
}

nav{
    border: 1px solid gray;
}

nav ul li{
    list-style-type: none;
    display: inline;
    margin: 0.5em;
    margin-left: auto;

}

JavaScript

$(document).ready(function(){
  $("section").click(function(){
    $(this).hide();
  });
});