You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 lines
1.2 KiB

<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- character encoding set -->
<meta charset="utf-8">
<title>Welcome my HTML!</title>
<!-- Metadata -->
<meta name="name" content="authors name">
<meta name="description" content="website testing ground for measuring the ecological impact in the web">
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');
h1 {
font-family: 'Playfair Display', serif;
}
figure {
max-width: 300px;
line-height: 0px;
margin: 50px 0px;
background-color: blue;
}
img {
width: 300px;
/* mix-blend-mode: hard-light; */
}
</style>
</head>
<body>
<!-- Content goes here -->
<h1>Designing for a Sustainable Web 🕸️ 🍃</h1>
<p>Playground for measuring the ecological impact of this website. </p>
<figure>
<img src="ComputerCat.jpg" width="20%" alt="Animated image of Planet Earth, source Wikimedia">
</figure>
<iframe src="https://en.wikipedia.org/wiki/Climate_change" height="300" width="900" title="Wikipedia Article on Climate Change"></iframe>
</body>
</html>