Created
July 2, 2020 18:21
-
-
Save matthieua/0105ec0a822f561b7628f00df3c33834 to your computer and use it in GitHub Desktop.
This file contains 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: red; | |
} | |
h2 { | |
text-align: center; | |
border: 1px solid red; | |
border-radius: 10px; | |
padding: 15px; | |
} | |
img { | |
border-radius: 10px; | |
width: 100%; | |
} | |
p { | |
font-size: 13px; | |
line-height: 1.5; | |
} | |
button { | |
width: 100%; | |
background: red; | |
border: none; | |
color: white; | |
padding: 15px; | |
border-radius: 30px; | |
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); | |
} | |
footer { | |
text-align: center; | |
margin: 20px 0; | |
font-size: 12px; | |
} | |
</style> | |
</head> | |
<body> | |
<h1> | |
🇨🇦 Montreal | |
</h1> | |
<h2> | |
City in Canada | |
</h2> | |
<img src="https://images.dailyhive.com/20170921141133/2.jpg" alt="" /> | |
<p> | |
Montréal is the largest city in Canada's Québec province. It’s set on an | |
island in the Saint Lawrence River and named after Mt. Royal, the | |
triple-peaked hill at its heart. Its boroughs, many of which were once | |
independent cities, include neighbourhoods ranging from cobblestoned, | |
French colonial Vieux-Montréal – with the Gothic Revival Notre-Dame | |
Basilica at its centre – to bohemian Plateau. | |
<br /> | |
<br /> | |
<a href="https://en.wikipedia.org/wiki/Montreal"> | |
Learn more on Wikipedia | |
</a> | |
</p> | |
<button> | |
Go to Montreal | |
</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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment