JoanaChicau
3 years ago
2 changed files with 52 additions and 0 deletions
After Width: | Height: | Size: 2.6 MiB |
@ -0,0 +1,52 @@ |
|||||
|
<!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> |
Loading…
Reference in new issue