Created
June 18, 2020 18:17
-
-
Save matthieua/ec5ad03b3626accac555cf5dc2253c30 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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