Created
June 25, 2020 18:22
-
-
Save matthieua/63583f6c8e8f80301bed5e295c293356 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; | |
border-radius: 10px; | |
padding: 10px; | |
} | |
img { | |
width: 100%; | |
border-radius: 10px; | |
} | |
p { | |
font-size: 14px; | |
line-height: 1.5; | |
} | |
button { | |
width: 100%; | |
background: blueviolet; | |
color: white; | |
padding: 15px; | |
font-size: 20px; | |
border: none; | |
border-radius: 30px; | |
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.5); | |
margin: 20px 0; | |
} | |
footer { | |
text-align: center; | |
font-size: 12px; | |
} | |
</style> | |
</head> | |
<body> | |
<h1> | |
🧘♀️ Yoga | |
</h1> | |
<h2> | |
Exercise | |
</h2> | |
<img | |
src="https://static01.nyt.com/images/2016/12/02/well/move/yoga_body_images-slide-LGN0/yoga_body_images-slide-LGN0-blog480.jpg" | |
alt="" | |
/> | |
<p> | |
Yoga is a group of physical, mental, and spiritual practices or | |
disciplines which originated in ancient India. Yoga is one of the six | |
Āstika (orthodox) schools of ... | |
<br /> | |
<br /> | |
<a href="https://en.wikipedia.org/wiki/Yoga"> | |
Learn more on Wikipedia | |
</a> | |
</p> | |
<button> | |
Learn Yoga | |
</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 address?"); | |
alert( | |
`Thanks ${name}, we'll be in touch! Meanwhile, wash your keyboard 🧘♀️` | |
); | |
} | |
let button = document.querySelector("button"); | |
button.addEventListener("click", subscribe); | |
</script> | |
</body> | |
</html> |
Thank you for this code. I really liked your free class at shecodes.io.
Thank you Matt, I am eager to learn
Thanks, Matt. I tried creating a sample what I learnt today and it worked great. Find it interesting.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks, Matt. You made coding seem fun.