matthieua · March 23, 2020 19:13
diff --git a/salsa.html b/salsa.html
 <html>
  <head>
    <style>
      h1 {
        text-align: center;
      }

      h2 {
        text-align: center;
      }

      img {
        width: 50%;
        display: block;
        margin: 0 auto;
      }

      p {
        line-height: 1.5;
        font-size: 13px;
      }

      .container {
        background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
        padding: 20px;
        margin: 20px;
        border-radius: 4px;
      }

      button {
        display: block;
        margin: 20px auto;
        padding: 20px;
        background-color: #b11723;
        color: white;
        font-size: 18px;
        border-radius: 4px;
        border: none;
      }

      button:hover {
        opacity: 0.9;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>
        Salsa
      </h1>
      <h2>
        Latin Dance
      </h2>
      <img src="http://rpdva.com/assets/uploads/service-5.jpg" alt="" />
      <p>
        Salsa is a Latin dance associated with the music genre of the same name
        which originated in the 1960s in New York City. Salsa is an amalgamation
        of Cuban dances that were popular in the ballrooms and nightclubs of
        Havana by the end of the 1950s, as well as American jazz dances.
      </p>
      <a href="https://en.wikipedia.org/wiki/Salsa_(dance)">
        Learn more on Wikipedia
      </a>

      <button>
        Subscribe to our newsletter
      </button>
      <script>
        function subscribe() {
          let name = prompt("What is your first name");
          let email = prompt("What is your email");

          alert(
            `Thanks ${name}, we'll be in touch! Meanwhile, practice Salsa at home!`
          );
        }

        let button = document.querySelector("button");

        button.addEventListener("click", subscribe);
      </script>
    </div>
  </body>
 </html>
	<html>
	<head>
	<style>
	h1 {
	text-align: center;
	}

	h2 {
	text-align: center;
	}

	img {
	width: 50%;
	display: block;
	margin: 0 auto;
	}

	p {
	line-height: 1.5;
	font-size: 13px;
	}

	.container {
	background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
	padding: 20px;
	margin: 20px;
	border-radius: 4px;
	}

	button {
	display: block;
	margin: 20px auto;
	padding: 20px;
	background-color: #b11723;
	color: white;
	font-size: 18px;
	border-radius: 4px;
	border: none;
	}

	button:hover {
	opacity: 0.9;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>
	Salsa
	</h1>
	<h2>
	Latin Dance
	</h2>
	<img src="http://rpdva.com/assets/uploads/service-5.jpg" alt="" />
	<p>
	Salsa is a Latin dance associated with the music genre of the same name
	which originated in the 1960s in New York City. Salsa is an amalgamation
	of Cuban dances that were popular in the ballrooms and nightclubs of
	Havana by the end of the 1950s, as well as American jazz dances.
	</p>
	<a href="https://en.wikipedia.org/wiki/Salsa_(dance)">
	Learn more on Wikipedia
	</a>

	<button>
	Subscribe to our newsletter
	</button>
	<script>
	function subscribe() {
	let name = prompt("What is your first name");
	let email = prompt("What is your email");

	alert(
	`Thanks ${name}, we'll be in touch! Meanwhile, practice Salsa at home!`
	);
	}

	let button = document.querySelector("button");

	button.addEventListener("click", subscribe);
	</script>
	</div>
	</body>
	</html>