Update

Author: dima_los

tutorial-code/tutorial-08/job-links.html

@@ -0,0 +1,58 @@
+<p>
+    <a href="" class="linkedin">LinkedIn Jobs</a>
+</p>
+<p>
+    <a href="" class="glassdoor">Glassdoor</a>
+</p>
+<p>
+    <a href="" class="indeed">Indeed</a>
+</p>
+<style>
+    a {
+        text-decoration: none;
+        color: white;
+        padding: 5px;
+        font-size: 16px;
+        transition: font-size 0.5s, background-color 0.5s;
+    }
+
+    a:hover {
+        font-size: 15px;
+    }
+
+    .linkedin {
+        background-color: dodgerblue;
+    }
+
+    .linkedin:hover {
+        background-color: rgb(71, 163, 255);
+    }
+
+    .linkedin:active {
+        background-color: rgb(125, 190, 255);
+    }
+
+    .glassdoor {
+        background-color: forestgreen;
+    }
+
+    .glassdoor:hover {
+        background-color: #35ab35;
+    }
+
+    .glassdoor:active {
+        background-color: #6ceb6c;
+    }
+
+    .indeed {
+        background-color: sienna;
+    }
+
+    .indeed:hover {
+        background-color: #c7714a;
+    }
+
+    .indeed:active {
+        background-color: #eb956e;
+    }
+</style>