matthieua · January 29, 2020 19:27
diff --git a/wine.html b/wine.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>🍷 Alentejo Wine</title>
    <style>
      body {
        font-family: Helvetica, sans-serif;
      }

      .container {
        max-width: 800px;
        margin: 20px auto;
        border-radius: 10px;
        background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);
        padding: 60px;
      }

      h1,
      h2 {
        text-align: center;
      }

      h2 {
        border: 1px solid black;
        padding: 20px 0;
        border-radius: 4px;
      }

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

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

      a {
        color: black;
        font-weight: bold;
      }

      button {
        display: block;
        margin: 20px auto;
        background: #110807;
        color: #fff;
        font-size: 30px;
        padding: 20px;
        border: none;
        border-radius: 10px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
        transition: all 200ms ease-in-out;
      }

      button:hover {
        cursor: pointer;
        opacity: 0.9;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>
        Alentejo Wine
      </h1>
      <h2>
        🇵🇹 Portuguese Wine
      </h2>
      <img
        src="https://i1.wp.com/pullthatcork.com/wp-content/uploads/2018/06/Alentejo-wines-with-linguica.jpg?w=1280&ssl=1"
        alt="Alentejo Wine Bottles"
      />
      <p>
        Alentejo (Vinho do Alentejo, Alentejo wines) is a Portuguese wine region
        in the Alentejo region. The entire region is entitled to use the Vinho
        Regional designation Alentejano VR, while some areas are also classified
        at the higher Denominação de Origem Controlada (DOC) level under the
        designation Alentejo DOC.
        <br />
        <small>
          👉
          <a href="https://en.wikipedia.org/wiki/Alentejo_wine" target="_blank">
            Read more on Wikipedia
          </a>
        </small>
      </p>

      <button>
        Buy Alentejo Wine
      </button>
    </div>

    <script>
      function buy() {
        let amount = prompt("How many bottles do you want delived?");
        let email = prompt("What is your email address?");
        alert(
          "Thank you for purchasing Alentejo Wine, we'll send your " +
            amount +
            " bottles of wine tomorrow! Don't drink and drive!"
        );
      }

      let buyButton = document.querySelector("button");
      buyButton.addEventListener("click", buy);
    </script>
  </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>🍷 Alentejo Wine</title>
	<style>
	body {
	font-family: Helvetica, sans-serif;
	}

	.container {
	max-width: 800px;
	margin: 20px auto;
	border-radius: 10px;
	background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);
	padding: 60px;
	}

	h1,
	h2 {
	text-align: center;
	}

	h2 {
	border: 1px solid black;
	padding: 20px 0;
	border-radius: 4px;
	}

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

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

	a {
	color: black;
	font-weight: bold;
	}

	button {
	display: block;
	margin: 20px auto;
	background: #110807;
	color: #fff;
	font-size: 30px;
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	transition: all 200ms ease-in-out;
	}

	button:hover {
	cursor: pointer;
	opacity: 0.9;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>
	Alentejo Wine
	</h1>
	<h2>
	🇵🇹 Portuguese Wine
	</h2>
	<img
	src="https://i1.wp.com/pullthatcork.com/wp-content/uploads/2018/06/Alentejo-wines-with-linguica.jpg?w=1280&ssl=1"
	alt="Alentejo Wine Bottles"
	/>
	<p>
	Alentejo (Vinho do Alentejo, Alentejo wines) is a Portuguese wine region
	in the Alentejo region. The entire region is entitled to use the Vinho
	Regional designation Alentejano VR, while some areas are also classified
	at the higher Denominação de Origem Controlada (DOC) level under the
	designation Alentejo DOC.
	<br />
	<small>
	👉
	<a href="https://en.wikipedia.org/wiki/Alentejo_wine" target="_blank">
	Read more on Wikipedia
	</a>
	</small>
	</p>

	<button>
	Buy Alentejo Wine
	</button>
	</div>

	<script>
	function buy() {
	let amount = prompt("How many bottles do you want delived?");
	let email = prompt("What is your email address?");
	alert(
	"Thank you for purchasing Alentejo Wine, we'll send your " +
	amount +
	" bottles of wine tomorrow! Don't drink and drive!"
	);
	}

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