Skip to content

Instantly share code, notes, and snippets.

@matthieua
Created June 18, 2020 18:17
Show Gist options
  • Save matthieua/ec5ad03b3626accac555cf5dc2253c30 to your computer and use it in GitHub Desktop.
Save matthieua/ec5ad03b3626accac555cf5dc2253c30 to your computer and use it in GitHub Desktop.
<html>
<head>
<style>
h1 {
text-align: center;
color: blueviolet;
}
h2 {
text-align: center;
padding: 15px;
border-radius: 15px;
border: 1px solid blueviolet;
}
img {
border-radius: 15px;
width: 100%;
}
p {
font-size: 13px;
line-height: 1.5;
}
button {
width: 100%;
border: none;
background: blueviolet;
color: white;
font-size: 20px;
padding: 20px;
border-radius: 30px;
margin: 20px auto;
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5);
}
footer {
text-align: center;
font-size: 13px;
}
</style>
</head>
<body>
<h1>
🇳🇱 Amsterdam
</h1>
<h2>
Capital of the Netherlands
</h2>
<img
src="https://cdn.welcometothejungle.co/uploads/article/image/0055/155870/Amsterdam-2.jpg"
alt=""
/>
<p>
Amsterdam is the Netherlands’ capital, known for its artistic heritage,
elaborate canal system and narrow houses with gabled facades, legacies of
the city’s 17th-century Golden Age. Its Museum District houses the Van
Gogh Museum, works by Rembrandt and Vermeer at the Rijksmuseum, and modern
art at the Stedelijk. Cycling is key to the city’s character, and there
are numerous bike paths.
<br />
<br />
<a href="https://en.wikipedia.org/wiki/Amsterdam">
Learn more on Wikipedia
</a>
</p>
<button>
Go to Amsterdam
</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?");
alert(
`Thanks ${name}, we'll be in touch! Meanwhile, wash your keyboard! 🇳🇱`
);
}
let button = document.querySelector("button");
button.addEventListener("click", subscribe);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment