add description and quotation for svg icons

Author: riedde

index.html

@@ -79,7 +79,7 @@ <h3 class="title-a">
         <div class="row justify-content-center">
           <div class="col-4">
             <div class="service-box text-center">
-              <img class="rounded" src="$resources/img/iconWork.svg" alt="Generic placeholder image" width="150" height="150"/>
+              <img class="rounded" src="$resources/img/iconWork.svg" alt="svg icon Violin SVG Vector from https://www.svgrepo.com/svg/188596/violin" width="150" height="150"/>
               <div class="service-content">
                 <br/>
                 <h2 class="s-title">
@@ -90,7 +90,7 @@ <h2 class="s-title">
           </div>
           <div class="col-4">
             <div class="service-box text-center">
-              <img class="rounded" src="$resources/img/iconLetter.svg" alt="Generic placeholder image" width="150" height="150"/>
+              <img class="rounded" src="$resources/img/iconLetter.svg" alt="svg icon Envelope SVG Vector from https://www.svgrepo.com/svg/513191/envelope" width="150" height="150"/>
               <div class="service-content">
                 <br/>
                 <h2 class="s-title">
@@ -103,7 +103,7 @@ <h2 class="s-title">
         <div class="row justify-content-center">
           <div class="col-4">
             <div class="service-box text-center">
-              <img class="rounded" src="$resources/img/iconPerson.svg" alt="Generic placeholder image" width="150" height="150"/>
+              <img class="rounded" src="$resources/img/iconPerson.svg" alt="svg icon Person Team SVG Vector from https://www.svgrepo.com/svg/484077/person-team" width="150" height="150"/>
               <div class="service-content">
                 <br/>
                 <h2 class="s-title">
@@ -114,7 +114,7 @@ <h2 class="s-title">
           </div>
           <div class="col-4">
             <div class="service-box text-center">
-              <img class="rounded" src="$resources/img/iconInstitution.svg" alt="Generic placeholder image" width="150" height="150"/>
+              <img class="rounded" src="$resources/img/iconInstitution.svg" alt="svg icon Company Group Agency Institution from https://www.svgrepo.com/svg/308223/company-group-agency-institution" width="150" height="150"/>
               <div class="service-content">
                 <br/>
                 <h2 class="s-title">
@@ -127,7 +127,7 @@ <h2 class="s-title">
         <div class="row justify-content-center">
           <div class="col-4" data-template="app-shared:if-matches" data-template-key="environment" data-template-value="development">
             <div class="service-box text-center">
-              <img class="rounded" src="$resources/img/iconWriting.svg" alt="Generic placeholder image" width="150" height="150"/>
+              <img class="rounded" src="$resources/img/iconWriting.svg" alt="svg icon book opened from https://www.svgrepo.com/svg/513173/book-opened" width="150" height="150" title=""/>
               <div class="service-content">
                 <br/>
                 <h2 class="s-title"><a class="nav-link-jra" href="registryWritings.html" onclick="pleaseWait()">Schriften</a></h2>