matthieua · February 24, 2020 19:21
diff --git a/japan.html b/japan.html
 <!DOCTYPE html>
 <html>
  <head>
    <title>Japan</title>
    <style>
      h1 {
        text-align: center;
        color: red;
      }

      h2 {
        text-align: center;
      }

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

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

      button {
        display: block;
        margin: 20px auto;
        background: red;
        color: white;
        padding: 20px 30px;
        border: none;
        font-size: 26px;
        border-radius: 10px;
        transition: all 150ms ease-in-out;
      }

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

      .box {
        padding: 60px;
        background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
        max-width: 800px;
        border-radius: 20px;
      }
    </style>
  </head>
  <body>
    <div class="box">
      <h1>
        Japan
      </h1>
      <h2>
        Country in East Asia
      </h2>
      <img
        src="https://www.royalcaribbean.com/content/dam/royal/ports-and-destinations/destinations/japan/japan-kyoto-toji-pagoda.jpg"
        alt=""
      />
      <p>
        Japan is an island country located in East Asia. It is bordered by the
        Sea of Japan to the west and the Pacific Ocean to the east, and spans
        more than 3,000 kilometers along the coast of the continent from the Sea
        of Okhotsk in the north to the East China Sea and Philippine Sea in the
        south.
      </p>
      <a href="https://en.wikipedia.org/wiki/Japan">
        Learn more on Wikipedia
      </a>

      <button>
        🇯🇵 Subscribe to our newsletter
      </button>
    </div>

    <script>
      function subscribe() {
        let email = prompt("What is your email?");
        let firstName = prompt("What is your first name?");

        alert("Arigatō " + firstName + "! We'll be in touch soon! 🍣");
      }

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

      button.addEventListener("click", subscribe);
    </script>
  </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Japan</title>
	<style>
	h1 {
	text-align: center;
	color: red;
	}

	h2 {
	text-align: center;
	}

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

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

	button {
	display: block;
	margin: 20px auto;
	background: red;
	color: white;
	padding: 20px 30px;
	border: none;
	font-size: 26px;
	border-radius: 10px;
	transition: all 150ms ease-in-out;
	}

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

	.box {
	padding: 60px;
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	max-width: 800px;
	border-radius: 20px;
	}
	</style>
	</head>
	<body>
	<div class="box">
	<h1>
	Japan
	</h1>
	<h2>
	Country in East Asia
	</h2>
	<img
	src="https://www.royalcaribbean.com/content/dam/royal/ports-and-destinations/destinations/japan/japan-kyoto-toji-pagoda.jpg"
	alt=""
	/>
	<p>
	Japan is an island country located in East Asia. It is bordered by the
	Sea of Japan to the west and the Pacific Ocean to the east, and spans
	more than 3,000 kilometers along the coast of the continent from the Sea
	of Okhotsk in the north to the East China Sea and Philippine Sea in the
	south.
	</p>
	<a href="https://en.wikipedia.org/wiki/Japan">
	Learn more on Wikipedia
	</a>

	<button>
	🇯🇵 Subscribe to our newsletter
	</button>
	</div>

	<script>
	function subscribe() {
	let email = prompt("What is your email?");
	let firstName = prompt("What is your first name?");

	alert("Arigatō " + firstName + "! We'll be in touch soon! 🍣");
	}

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

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