matthieua/cocktails.html

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

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

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

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

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

      footer {
        text-align: center;
        font-size: 11px;
      }
    </style>
  </head>
  <body>
    <h1>
      🍹 Cocktails
    </h1>
    <h2>
      Drink
    </h2>
    <img
      src="https://www.bbcgoodfood.com/sites/default/files/guide/guide-image/2012/08/cocktail-selection.jpg"
      alt=""
    />
    <p>
      A cocktail is an alcoholic mixed drink, which is either a combination of
      spirits, or one or more spirits mixed with other ingredients such as fruit
      juice, flavored syrup, or cream. There are various types of cocktails,
      based on the number and kind of ingredients added. The origins of the
      cocktail are debated.
      <br />
      <br />
      <a href="https://en.wikipedia.org/wiki/Cocktail">
        Learn more on Wikipedia
      </a>
    </p>

    <button>
      Subscribe to our newsletter
    </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: 12px;
	}

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

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

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

	footer {
	text-align: center;
	font-size: 11px;
	}
	</style>
	</head>
	<body>
	<h1>
	🍹 Cocktails
	</h1>
	<h2>
	Drink
	</h2>
	<img
	src="https://www.bbcgoodfood.com/sites/default/files/guide/guide-image/2012/08/cocktail-selection.jpg"
	alt=""
	/>
	<p>
	A cocktail is an alcoholic mixed drink, which is either a combination of
	spirits, or one or more spirits mixed with other ingredients such as fruit
	juice, flavored syrup, or cream. There are various types of cocktails,
	based on the number and kind of ingredients added. The origins of the
	cocktail are debated.
	<br />
	<br />
	<a href="https://en.wikipedia.org/wiki/Cocktail">
	Learn more on Wikipedia
	</a>
	</p>

	<button>
	Subscribe to our newsletter
	</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>