mahmoudkhudairi/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>201 demo</title>
    <!-- Internal Style -->
    <style>
      p {
        color: #f45321;
      }
    </style>
    <!-- not a good practice to have js in the head -->
    <script>
      // alert('Welcome');
    </script>
  </head>
  <body>
    <header>
      <nav>
        <ul>
          <li><a href="/">Home</a></li>
          <li><a href="#">About</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <!-- inline style -->
      <h6 style="color: blue">hello world</h6>
      <p>this is 201 class</p>
    </main>
    <footer></footer>
    <script>
      var userName = prompt('what is your name?');
      // let === var
      let classNumber = prompt('what is your class number');

      console.log('User Name ======>', userName, classNumber);
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>201 demo</title>
	<!-- Internal Style -->
	<style>
	p {
	color: #f45321;
	}
	</style>
	<!-- not a good practice to have js in the head -->
	<script>
	// alert('Welcome');
	</script>
	</head>
	<body>
	<header>
	<nav>
	<ul>
	<li><a href="/">Home</a></li>
	<li><a href="#">About</a></li>
	</ul>
	</nav>
	</header>
	<main>
	<!-- inline style -->
	<h6 style="color: blue">hello world</h6>
	<p>this is 201 class</p>
	</main>
	<footer></footer>
	<script>
	var userName = prompt('what is your name?');
	// let === var
	let classNumber = prompt('what is your class number');

	console.log('User Name ======>', userName, classNumber);
	</script>
	</body>
	</html>