matthieua · April 20, 2020 18:22
diff --git a/iceland.html b/iceland.html
 <html>
  <head>
    <style>
      h1 {
        text-align: center;
        color: navy;
      }

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

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

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

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

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

      footer {
        text-align: center;
        font-size: 12px;
      }
    </style>
  </head>
  <body>
    <h1>
      Iceland
    </h1>
    <h2>
      Country in Europe 🇮🇸
    </h2>
    <img
      src="https://i.insider.com/5af5b3dc5e48ec4f008b4571?width=1067&format=jpeg"
      alt=""
    />
    <p>
      Iceland, a Nordic island nation, is defined by its dramatic landscape with
      volcanoes, geysers, hot springs and lava fields. Massive glaciers are
      protected in Vatnajökull and Snæfellsjökull national parks. Most of the
      population lives in the capital, Reykjavik, which runs on geothermal power
      and is home to the National and Saga museums, tracing Iceland’s Viking
      history.
    </p>
    <a href="https://en.wikipedia.org/wiki/Iceland"> Learn more on Wikipedia</a>
    <button>
      Go to Iceland
    </button>
    <footer>
      Coded 👩‍💻 by
      <a href="https://www.shecodes.io/">
        SheCodes
      </a>
    </footer>

    <script>
      function goToIceland() {
        let name = prompt("What is your name?");
        let email = prompt("What is your email?");
        alert(`Thanks ${name}! We'll be in touch. Meanwhile clean your keyboard 🧼`);
      }

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

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

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

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

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

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

	footer {
	text-align: center;
	font-size: 12px;
	}
	</style>
	</head>
	<body>
	<h1>
	Iceland
	</h1>
	<h2>
	Country in Europe 🇮🇸
	</h2>
	<img
	src="https://i.insider.com/5af5b3dc5e48ec4f008b4571?width=1067&format=jpeg"
	alt=""
	/>
	<p>
	Iceland, a Nordic island nation, is defined by its dramatic landscape with
	volcanoes, geysers, hot springs and lava fields. Massive glaciers are
	protected in Vatnajökull and Snæfellsjökull national parks. Most of the
	population lives in the capital, Reykjavik, which runs on geothermal power
	and is home to the National and Saga museums, tracing Iceland’s Viking
	history.
	</p>
	<a href="https://en.wikipedia.org/wiki/Iceland"> Learn more on Wikipedia</a>
	<button>
	Go to Iceland
	</button>
	<footer>
	Coded 👩‍💻 by
	<a href="https://www.shecodes.io/">
	SheCodes
	</a>
	</footer>

	<script>
	function goToIceland() {
	let name = prompt("What is your name?");
	let email = prompt("What is your email?");
	alert(`Thanks ${name}! We'll be in touch. Meanwhile clean your keyboard 🧼`);
	}

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