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

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

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

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

      button {
        width: 100%;
        background: blueviolet;
        color: white;
        padding: 15px;
        border-radius: 30px;
        border: none;
        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>
      🇯🇵 Tokyo
    </h1>
    <h2>
      Capital city of Japan
    </h2>
    <img
      src="https://www.trafalgar.com/real-word/wp-content/uploads/sites/3/2019/11/First-time-in-Tokyo.jpg"
      alt=""
    />
    <p>
      Tokyo, Japan’s busy capital, mixes the ultramodern and the traditional,
      from neon-lit skyscrapers to historic temples. The opulent Meiji Shinto
      Shrine is known for its towering gate and surrounding woods. The Imperial
      Palace sits amid large public gardens. The city's many museums offer
      exhibits ranging from classical art (in the Tokyo National Museum) to a
      reconstructed kabuki theater (in the Edo-Tokyo Museum).
      <br />
      <br />

      <a href="https://en.wikipedia.org/wiki/Tokyo">
        Learn more on Wikipedia
      </a>
    </p>
    <button>
      Go to Tokyo
    </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 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;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid blueviolet;
	}

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

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

	button {
	width: 100%;
	background: blueviolet;
	color: white;
	padding: 15px;
	border-radius: 30px;
	border: none;
	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>
	🇯🇵 Tokyo
	</h1>
	<h2>
	Capital city of Japan
	</h2>
	<img
	src="https://www.trafalgar.com/real-word/wp-content/uploads/sites/3/2019/11/First-time-in-Tokyo.jpg"
	alt=""
	/>
	<p>
	Tokyo, Japan’s busy capital, mixes the ultramodern and the traditional,
	from neon-lit skyscrapers to historic temples. The opulent Meiji Shinto
	Shrine is known for its towering gate and surrounding woods. The Imperial
	Palace sits amid large public gardens. The city's many museums offer
	exhibits ranging from classical art (in the Tokyo National Museum) to a
	reconstructed kabuki theater (in the Edo-Tokyo Museum).
	<br />
	<br />

	<a href="https://en.wikipedia.org/wiki/Tokyo">
	Learn more on Wikipedia
	</a>
	</p>
	<button>
	Go to Tokyo
	</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 your keyboard!`
	);
	}

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