diff --git a/dither_it_ComputerCat.jpg b/dither_it_ComputerCat.jpg
new file mode 100644
index 0000000..ae19580
Binary files /dev/null and b/dither_it_ComputerCat.jpg differ
diff --git a/susty-web.html b/susty-web.html
new file mode 100644
index 0000000..af4c206
--- /dev/null
+++ b/susty-web.html
@@ -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>
\ No newline at end of file
