Update

dima_los · dima_los · commit 3d3a0b78e592 · 2024-09-14T17:17:53.000+02:00
diff --git a/community-icon-1.png b/community-icon-1.png
diff --git a/job-links-1.html b/job-links-1.html
@@ -0,0 +1,59 @@
+<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;
+    }
+
+    a:hover {
+        text-decoration: underline;
+font-weight: bold;
+font-style: italic;
+font-size: 20px;
+text-transform: uppercase;
+    }
+
+    .linkedin {
+        color: dodgerblue;
+    }
+
+    .linkedin:hover {
+        color: royalblue;
+    }
+
+    .linkedin:active {
+        color: blue;
+    }
+
+    .glassdoor {
+        color: forestgreen;
+    }
+
+    .glassdoor:hover {
+        color: green;
+    }
+
+    .glassdoor:active {
+        color: darkgreen;
+    }
+
+    .indeed {
+        color: sienna;
+    }
+
+    .indeed:hover {
+        color: saddlebrown;
+    }
+
+    .indeed:active {
+        color: rosybrown;
+    }
+</style>
diff --git a/tutorial-code/tutorial-07/job-links.html b/tutorial-code/tutorial-07/job-links.html
@@ -0,0 +1,59 @@
+<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;
+    }
+
+    a:hover {
+        text-decoration: underline;
+font-weight: bold;
+font-style: italic;
+font-size: 20px;
+text-transform: uppercase;
+    }
+
+    .linkedin {
+        color: dodgerblue;
+    }
+
+    .linkedin:hover {
+        color: royalblue;
+    }
+
+    .linkedin:active {
+        color: blue;
+    }
+
+    .glassdoor {
+        color: forestgreen;
+    }
+
+    .glassdoor:hover {
+        color: green;
+    }
+
+    .glassdoor:active {
+        color: darkgreen;
+    }
+
+    .indeed {
+        color: sienna;
+    }
+
+    .indeed:hover {
+        color: saddlebrown;
+    }
+
+    .indeed:active {
+        color: rosybrown;
+    }
+</style>
diff --git a/tutorial-code/tutorial-07/pseudo-class.html b/tutorial-code/tutorial-07/pseudo-class.html
@@ -0,0 +1,38 @@
+<p>
+    Paragraph 1
+</p>
+
+<p>
+    Paragraph 2
+</p>
+
+<img src="../tutorial-03/images/icons/community-icon-1.png">
+
+<style>
+    p {
+        color: royalblue;
+        font-size: 25px;
+    }
+
+    p:hover {
+        text-decoration: underline;
+        cursor: crosshair;
+    }
+
+    p:active {
+        font-size: 23px;
+    }
+
+    img {
+        width: 100px;
+    }
+
+    img:hover {
+        width: 110px;
+        cursor: pointer;
+    }
+
+    img:active {
+        width: 105px;
+    }
+</style>
