diff --git a/contributors/richardMattsson.html b/contributors/richardMattsson.html
new file mode 100644
index 0000000..432520b
--- /dev/null
+++ b/contributors/richardMattsson.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <article>
+      <h3>Richard Mattsson</h3>
+      <p>
+        A student of IT-högskolan in Gothenburg, learning Javascript and other
+        languages.
+      </p>
+      <h4>Programming languages I use</h4>
+      <section class="container">
+        <div class="badge" style="background-color: #3874a4; color: white">
+          JavaScript
+        </div>
+        <div class="badge" style="background-color: #f7df1e; color: black">
+          React
+        </div>
+      </section>
+
+      <h4>Tools I use</h4>
+      <section class="container">
+        <img
+          class="icon"
+          src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg"
+        />
+        <img
+          class="icon"
+          src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg"
+        />
+      </section>
+    </article>
+    <style>
+      body {
+        font-family: sans-serif;
+      }
+      .container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+      }
+      .badge {
+        padding: 0.5rem;
+        border-radius: 0.25rem;
+      }
+      .icon {
+        width: 2rem;
+      }
+    </style>
+  </body>
+</html>
