Created
June 4, 2020 18:14
-
-
Save matthieua/11ff90bc598586d9716b484fc076bfd4 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: navy; | |
} | |
h2 { | |
text-align: center; | |
border: 1px solid navy; | |
padding: 20px; | |
border-radius: 20px; | |
} | |
img { | |
width: 100%; | |
border-radius: 20px; | |
} | |
p { | |
font-size: 13px; | |
line-height: 1.5; | |
} | |
button { | |
background: navy; | |
color: white; | |
width: 100%; | |
border-radius: 30px; | |
font-size: 20px; | |
padding: 20px; | |
margin: 10px 0; | |
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); | |
} | |
footer { | |
text-align: center; | |
margin: 20px auto; | |
} | |
</style> | |
</head> | |
<body> | |
<h1> | |
🇳🇿 Queenstown | |
</h1> | |
<h2> | |
Town in New Zealand | |
</h2> | |
<img | |
src="https://www.nzherald.co.nz/resizer/teZyScPAKKsHw5_M_b3krhObjfk=/620x349/smart/filters:quality(70)/arc-anglerfish-syd-prod-nzme.s3.amazonaws.com/public/6PQT6ODKC5DNDO3LS5R25JMX3U.jpg" | |
alt="" | |
/> | |
<p> | |
Queenstown, New Zealand, sits on the shores of the South Island’s Lake | |
Wakatipu, set against the dramatic Southern Alps. Renowned for adventure | |
sports, it’s also a base for exploring the region’s vineyards and historic | |
mining towns. There's bungee jumping off Kawarau Gorge Suspension Bridge | |
and jet-boating on the Shotover and Dart rivers. In winter, there's skiing | |
on the slopes of The Remarkables and Coronet Peak. | |
<br /> | |
<br /> | |
<a href="https://en.wikipedia.org/wiki/Queenstown,_New_Zealand"> | |
Learn more on Wikipedia | |
</a> | |
</p> | |
<button> | |
Go to Queenstown | |
</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 your keyboard! We can't wait to see in NZ!` | |
); | |
} | |
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