matthieua · May 10, 2020 18:16
diff --git a/melbourne.html b/melbourne.html
 <html>
  <head>
    <style>
      h1 {
        text-align: center;
        color: blueviolet;
      }

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

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

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

      button {
        background: blueviolet;
        color: white;
        display: block;
        padding: 15px 20px;
        font-size: 20px;
        margin: 20px auto;
        border: none;
        border-radius: 4px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
      }

      button:hover {
        opacity: 70%;
      }

      footer {
        text-align: center;
        font-size: 11px;
      }
    </style>
  </head>
  <body>
    <h1>
      Melbourne
    </h1>
    <h2>
      City in Australia
    </h2>
    <img
      src="https://www.gostudy.com.au/wp-content/uploads/2018/10/MEL_header_2-1.jpg"
      alt=""
    />
    <p>
      Melbourne is the coastal capital of the southeastern Australian state of
      Victoria. At the city's centre is the modern Federation Square
      development, with plazas, bars, and restaurants by the Yarra River. In the
      Southbank area, the Melbourne Arts Precinct is the site of Arts Centre
      Melbourne – a performing arts complex – and the National Gallery of
      Victoria, with Australian and indigenous art.
    </p>

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

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

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

	button {
	background: blueviolet;
	color: white;
	display: block;
	padding: 15px 20px;
	font-size: 20px;
	margin: 20px auto;
	border: none;
	border-radius: 4px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	}

	button:hover {
	opacity: 70%;
	}

	footer {
	text-align: center;
	font-size: 11px;
	}
	</style>
	</head>
	<body>
	<h1>
	Melbourne
	</h1>
	<h2>
	City in Australia
	</h2>
	<img
	src="https://www.gostudy.com.au/wp-content/uploads/2018/10/MEL_header_2-1.jpg"
	alt=""
	/>
	<p>
	Melbourne is the coastal capital of the southeastern Australian state of
	Victoria. At the city's centre is the modern Federation Square
	development, with plazas, bars, and restaurants by the Yarra River. In the
	Southbank area, the Melbourne Arts Precinct is the site of Arts Centre
	Melbourne – a performing arts complex – and the National Gallery of
	Victoria, with Australian and indigenous art.
	</p>

	<a href="https://en.wikipedia.org/wiki/Melbourne">
	Learn more on Wikipedia
	</a>
	<button>
	Go to Melbourne
	</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>