Created
May 12, 2020 18:15
-
-
Save matthieua/2f567b0c8ccc20088099dcc45f97dced 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; | |
border: 1px solid blueviolet; | |
padding: 15px 20px; | |
border-radius: 10px; | |
} | |
img { | |
border-radius: 10px; | |
max-width: 100%; | |
} | |
p { | |
line-height: 1.5; | |
font-size: 13px; | |
} | |
button { | |
display: block; | |
margin: 20px auto; | |
background: blueviolet; | |
color: white; | |
font-size: 20px; | |
border-radius: 10px; | |
padding: 20px 30px; | |
border: none; | |
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); | |
} | |
button:hover { | |
opacity: 70%; | |
} | |
footer { | |
text-align: center; | |
font-size: 11px; | |
} | |
</style> | |
</head> | |
<body> | |
<h1> | |
Freestyle skiing | |
</h1> | |
<h2> | |
Skiing discipline | |
</h2> | |
<img | |
src="http://www.hoshinoresorts-magazine.com/wp-content/uploads/2019/01/ski-freestyle.jpg" | |
alt="" | |
/> | |
<p> | |
Freestyle skiing is a skiing discipline comprising aerials, moguls, cross, | |
half-pipe, slopestyle and big air as part of the Winter Olympics. It can | |
consist of a skier performing aerial flips and spins, and can include | |
skiers sliding rails and boxes on their skis. | |
</p> | |
<a href="https://en.wikipedia.org/wiki/Freestyle_skiing"> | |
Learn more on Wikipedia | |
</a> | |
<button> | |
⛷ Try Freestyle Skiing | |
</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! Meanwile, 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