Created
May 24, 2020 18:15
-
-
Save matthieua/5a781ee35da0b9674175b79943de9fe3 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> | |
body { | |
font-family: Georgia; | |
} | |
h1 { | |
color: blueviolet; | |
text-align: center; | |
} | |
h2 { | |
text-align: center; | |
border: 1px solid blueviolet; | |
border-radius: 4px; | |
padding: 10px; | |
} | |
img { | |
width: 100%; | |
border-radius: 10px; | |
} | |
p { | |
font-size: 12px; | |
line-height: 1.5; | |
} | |
button { | |
background: blueviolet; | |
color: white; | |
width: 100%; | |
font-size: 20px; | |
padding: 10px; | |
border-radius: 30px; | |
border: none; | |
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.2); | |
} | |
footer { | |
text-align: center; | |
font-size: 11px; | |
} | |
</style> | |
</head> | |
<body> | |
<h1> | |
Bachata | |
</h1> | |
<h2> | |
Musical genre | |
</h2> | |
<img | |
src="https://nit.pt/wp-content/uploads/2019/05/b3e702c3234d9a468acc5a56767de639-754x394.jpg" | |
alt="" | |
/> | |
<p> | |
Bachata is a genre of Latin American music that originated in the | |
Dominican Republic in the first half of the 20th century with primarily | |
African rhythms and also remnants of Indigenous and European musical | |
elements, representative of the cultural diversity of the Dominican | |
Republic population. | |
<br /> | |
<br /> | |
<a href="https://en.wikipedia.org/wiki/Bachata_(music)"> | |
Learn more on Wikipedia | |
</a> | |
</p> | |
<button> | |
🇩🇴Learn Bachata | |
</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 you 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