matthieua · May 3, 2020 18:27
diff --git a/salsa.html b/salsa.html
 <html>
  <head>
    <style>
      h1 {
        text-align: center;
        color: blueviolet;
      }

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

      img {
        border-radius: 5px;
        margin: 0 auto;
        max-width: 100%;
      }

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

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

      button:hover {
        opacity: 0.8;
        cursor: pointer;
      }

      footer {
        text-align: center;
        font-size: 11px;
      }
    </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, as well as American jazz dances.
    </p>
    <a href="https://en.wikipedia.org/wiki/Salsa_(dance)">
      Learn more on Wikipedia
    </a>

    <button>
      💃 Learn Salsa
    </button>
    <footer>
      Coded by 👩‍💻
      <a href="https://www.shecodes.io">
        SheCodes
      </a>
    </footer>
    <script>
      function subscribe() {
        let name = prompt("What is your name?");
        let email = prompt("What is your email?");

        alert(
          `Thanks ${name}! We'll be in touch. Meanwhile, wash you keyboard.`
        );
      }

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

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

	img {
	border-radius: 5px;
	margin: 0 auto;
	max-width: 100%;
	}

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

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

	button:hover {
	opacity: 0.8;
	cursor: pointer;
	}

	footer {
	text-align: center;
	font-size: 11px;
	}
	</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, as well as American jazz dances.
	</p>
	<a href="https://en.wikipedia.org/wiki/Salsa_(dance)">
	Learn more on Wikipedia
	</a>

	<button>
	💃 Learn Salsa
	</button>
	<footer>
	Coded by 👩‍💻
	<a href="https://www.shecodes.io">
	SheCodes
	</a>
	</footer>
	<script>
	function subscribe() {
	let name = prompt("What is your name?");
	let email = prompt("What is your email?");

	alert(
	`Thanks ${name}! We'll be in touch. Meanwhile, wash you keyboard.`
	);
	}

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