Skip to content

Instantly share code, notes, and snippets.

@matthieua
Created June 16, 2020 18:21
Show Gist options
  • Save matthieua/c4b35c266288dcd07ed1838b9ac089ed to your computer and use it in GitHub Desktop.
Save matthieua/c4b35c266288dcd07ed1838b9ac089ed to your computer and use it in GitHub Desktop.
<html>
<head>
<style>
h1 {
text-align: center;
color: navy;
}
h2 {
text-align: center;
border: 1px solid navy;
padding: 15px;
border-radius: 10px;
}
img {
width: 100%;
border-radius: 10px;
}
p {
font-size: 14px;
line-height: 1.5;
}
button {
width: 100%;
color: white;
background: navy;
border: none;
border-radius: 30px;
margin: 20px 0;
font-size: 20px;
box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4);
padding: 20px;
}
footer {
text-align: center;
font-size: 13px;
}
</style>
</head>
<body>
<h1>
πŸ‡¦πŸ‡Ί Melbourne
</h1>
<h2>
City in Australia
</h2>
<img
src="https://www.australia.com/content/australia/en_us/places/melbourne-and-surrounds/jcr:content/hero/desktop.adapt.1920.high.jpg"
alt=""
/>
<p>
Melbourne is the coastal capital of the southeastern Australian state of
Victoria. At the city's centre is the modern Federation Square
development, with plazas, bars, and restaurants by the Yarra River. In the
Southbank area, the Melbourne Arts Precinct is the site of Arts Centre
Melbourne – a performing arts complex – and the National Gallery of
Victoria, with Australian and indigenous art.
<br />
<br />
<a href="https://en.wikipedia.org/wiki/Melbourne">
Learn more on Wikipedia
</a>
</p>
<button>
Go to Melbourne
</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 soon! 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