matthieua · April 13, 2020 18:20
diff --git a/salsa.html b/salsa.html
 <html>
  <head>
    <style>
      body {
        padding: 30px;
      }
      h1 {
        color: blueviolet;
        text-align: center;
        font-size: 48px;
        margin: 0;
      }

      h2 {
        text-align: center;
        border: 1px solid blueviolet;
        padding: 10px;
        border-radius: 5px;
      }

      img {
        width: 100%;
        border-radius: 5px;
      }

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

      button {
        display: block;
        margin: 20px auto;
        background: blueviolet;
        color: white;
        font-size: 20px;
        border-radius: 10px;
        padding: 20px 30px;
        border: none;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        transition: all 200ms ease-in-out;
      }

      button:hover {
        opacity: 0.8;
      }

      footer {
        text-align: center;
        margin: 20px;
      }
    </style>
  </head>
  <body>
    <h1>
      Salsa
    </h1>
    <h2>
      Latin dance
    </h2>
    <img
      src="https://insolvencyevent.com/wp-content/uploads/2019/01/Salsa-Dancing.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 (e.g. "casino", mambo and pachanga), as
      well as American jazz dances. It was primarily developed by Puerto Ricans
      living in New York (Nuyoricans) in the late 1960s and early 1970s
    </p>
    <a href="https://en.wikipedia.org/wiki/Salsa_(dance)" target="_blank">
      Learn more on Wikipedia
    </a>
    <button>
      Learn Salsa
    </button>
    <footer>
      Created by
      <a href="https://www.shecodes.io" target="_blank">
        SheCodes
      </a>
    </footer>
    <script>
      function subscribe() {
        let firstName = prompt("What is your name?");
        let email = prompt("What is your email?");

        alert(
          `Thanks ${firstName}! We'll be in touch soon! Meanwhile, wash your hands 🧼!`
        );
      }

      let button = document.querySelector("button");
      button.addEventListener("click", subscribe);
    </script>
  </body>
 </html>
	<html>
	<head>
	<style>
	body {
	padding: 30px;
	}
	h1 {
	color: blueviolet;
	text-align: center;
	font-size: 48px;
	margin: 0;
	}

	h2 {
	text-align: center;
	border: 1px solid blueviolet;
	padding: 10px;
	border-radius: 5px;
	}

	img {
	width: 100%;
	border-radius: 5px;
	}

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

	button {
	display: block;
	margin: 20px auto;
	background: blueviolet;
	color: white;
	font-size: 20px;
	border-radius: 10px;
	padding: 20px 30px;
	border: none;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	transition: all 200ms ease-in-out;
	}

	button:hover {
	opacity: 0.8;
	}

	footer {
	text-align: center;
	margin: 20px;
	}
	</style>
	</head>
	<body>
	<h1>
	Salsa
	</h1>
	<h2>
	Latin dance
	</h2>
	<img
	src="https://insolvencyevent.com/wp-content/uploads/2019/01/Salsa-Dancing.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 (e.g. "casino", mambo and pachanga), as
	well as American jazz dances. It was primarily developed by Puerto Ricans
	living in New York (Nuyoricans) in the late 1960s and early 1970s
	</p>
	<a href="https://en.wikipedia.org/wiki/Salsa_(dance)" target="_blank">
	Learn more on Wikipedia
	</a>
	<button>
	Learn Salsa
	</button>
	<footer>
	Created by
	<a href="https://www.shecodes.io" target="_blank">
	SheCodes
	</a>
	</footer>
	<script>
	function subscribe() {
	let firstName = prompt("What is your name?");
	let email = prompt("What is your email?");

	alert(
	`Thanks ${firstName}! We'll be in touch soon! Meanwhile, wash your hands 🧼!`
	);
	}

	let button = document.querySelector("button");
	button.addEventListener("click", subscribe);
	</script>
	</body>
	</html>