matthieua/japan.html

## japan.html
<html>
  <head>
    <style>
      h1 {
        text-align: center;
        color: blueviolet;
      }

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

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

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

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

      footer {
        text-align: center;
        font-size: 12px;
      }
    </style>
  </head>
  <body>
    <h1>
      🇯🇵 Japan
    </h1>
    <h2>
      Country in East Asia
    </h2>
    <img
      src="https://dynaimage.cdn.cnn.com/cnn/q_auto,w_1265,c_fill,g_auto,h_712,ar_16:9/http%3A%2F%2Fcdn.cnn.com%2Fcnnnext%2Fdam%2Fassets%2F170606121226-japan---travel-destination---shutterstock-230107657.jpg"
      alt=""
    />
    <p>
      Japan is an island country of East Asia in the northwest Pacific Ocean. It
      borders the Sea of Japan to the west and extends from the Sea of Okhotsk
      in the north to the East China Sea and Taiwan in the south.
      <br />
      <br />
      <a href="https://en.wikipedia.org/wiki/Japan">
        Learn more on Wikipedia
      </a>
    </p>
    <button>
      Go to Japan
    </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 address?");

        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: 15px;
	border-radius: 10px;
	}

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

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

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

	footer {
	text-align: center;
	font-size: 12px;
	}
	</style>
	</head>
	<body>
	<h1>
	🇯🇵 Japan
	</h1>
	<h2>
	Country in East Asia
	</h2>
	<img
	src="https://dynaimage.cdn.cnn.com/cnn/q_auto,w_1265,c_fill,g_auto,h_712,ar_16:9/http%3A%2F%2Fcdn.cnn.com%2Fcnnnext%2Fdam%2Fassets%2F170606121226-japan---travel-destination---shutterstock-230107657.jpg"
	alt=""
	/>
	<p>
	Japan is an island country of East Asia in the northwest Pacific Ocean. It
	borders the Sea of Japan to the west and extends from the Sea of Okhotsk
	in the north to the East China Sea and Taiwan in the south.
	<br />
	<br />
	<a href="https://en.wikipedia.org/wiki/Japan">
	Learn more on Wikipedia
	</a>
	</p>
	<button>
	Go to Japan
	</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 address?");

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

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