matthieua · June 11, 2020 18:15
diff --git a/kangaroo.html b/kangaroo.html
 <html>
  <head>
    <style>
      h1 {
        text-align: center;
        color: blueviolet;
      }

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

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

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

      button {
        width: 100%;
        background: blueviolet;
        border: none;
        color: white;
        font-size: 20px;
        padding: 20px;
        border-radius: 30px;
        margin: 20px 0;
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
      }

      footer {
        text-align: center;
        font-size: 12px;
      }
    </style>
  </head>
  <body>
    <h1>
      🦘 Kangaroo
    </h1>
    <h2>
      Animal
    </h2>
    <img
      src="https://media.australianmuseum.net.au/media/dd/images/eastern_grey_kangaroo.8d02488.width-1200.9c5f1b8.jpg"
      alt=""
    />
    <p>
      The kangaroo is a marsupial from the family Macropodidae. In common use
      the term is used to describe the largest species from this family, the red
      kangaroo, as well as the antilopine kangaroo, eastern grey kangaroo, and
      western grey kangaroo. Kangaroos are indigenous to Australia.
      <br />
      <br />
      <a href="https://en.wikipedia.org/wiki/Kangaroos">
        Learn more on Wikipedia
      </a>
    </p>

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

        alert(
          `Thanks ${name}, we'll be in touch! Meanwhile, wash your 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: 10px;
	border-radius: 10px;
	}

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

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

	button {
	width: 100%;
	background: blueviolet;
	border: none;
	color: white;
	font-size: 20px;
	padding: 20px;
	border-radius: 30px;
	margin: 20px 0;
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
	}

	footer {
	text-align: center;
	font-size: 12px;
	}
	</style>
	</head>
	<body>
	<h1>
	🦘 Kangaroo
	</h1>
	<h2>
	Animal
	</h2>
	<img
	src="https://media.australianmuseum.net.au/media/dd/images/eastern_grey_kangaroo.8d02488.width-1200.9c5f1b8.jpg"
	alt=""
	/>
	<p>
	The kangaroo is a marsupial from the family Macropodidae. In common use
	the term is used to describe the largest species from this family, the red
	kangaroo, as well as the antilopine kangaroo, eastern grey kangaroo, and
	western grey kangaroo. Kangaroos are indigenous to Australia.
	<br />
	<br />
	<a href="https://en.wikipedia.org/wiki/Kangaroos">
	Learn more on Wikipedia
	</a>
	</p>

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

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

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