W3Schools Tryit Editor

<!DOCTYPE html>
<html lang="en">
<title>W3.CSS Start Page Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<body>

<div class="w3-top">

</nav>

<div id="navDemo"
  class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">

</div>

<header class="w3-container w3-red w3-center"
style="padding:128px 16px">

<h1 class="w3-margin w3-jumbo">START PAGE</h1>

<p class="w3-xlarge">Template by w3.css</p>

<button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">
  Get Started
  </button>

</header>

<section class="w3-container w3-padding-64">

<div>

<h1>Lorem Ipsum</h1>

<h5 class="w3-padding-32">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
      nisi ut aliquip ex ea commodo consequat.
      </h5>

<p class="w3-text-grey">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
      nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat
      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
      id est laborum consectetur adipiscing elit, sed do eiusmod tempor
      incididunt ut labore et dolore magna aliqua.
      </p>

</div>

</div>

</section>

<section class="w3-container w3-light-grey w3-padding-64">

<div>

<h1>Lorem Ipsum</h1>

</div>

</section>

<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
  <h1 class="w3-margin w3-xlarge">Quote of the day: live life</h1>
</div>

<footer class="w3-container w3-padding-64 w3-center w3-opacity">

<p>
  Powered by
  <a href="https://www.w3schools.com/w3css/default.asp"
  target="_blank">w3.css</a>
  </p>

</footer>

function myFunction() {
  mobileMenu.classList.toggle("w3-show");
}
</script>

</body>
</html>