Skip to content

Instantly share code, notes, and snippets.

@matthieua
Created May 24, 2020 18:15
Show Gist options
  • Save matthieua/5a781ee35da0b9674175b79943de9fe3 to your computer and use it in GitHub Desktop.
Save matthieua/5a781ee35da0b9674175b79943de9fe3 to your computer and use it in GitHub Desktop.
<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