fix

app/views/partials/components/snackbars.html

-<div class="c-snackbar snackbar-info">
-    <h3>TEADE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-info">
+<div class="c-snackbar c-snackbar--info">
+    <h1>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-success">
-    <h3>ÕNNESTUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-success">
+<div class="c-snackbar c-snackbar--success">
+    <h1>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-warning">
-    <h3>HOIATUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-warning">
+<div class="c-snackbar c-snackbar--warning">
+    <h1>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
-        Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
+        Soovi korral muuda suunamine kohe siin või vasak menüüst "<a href="#">Minu andmed</a>" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-error">
-    <h3>PALUN PANGE TÄHELE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-error">
+<div class="c-snackbar c-snackbar--error">
+    <h1>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
 
-<div class="c-snackbar snackbar-info">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/info.png">TEADE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-info">
+<div class="c-snackbar c-snackbar--info">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/info.png" alt="info"></span>
+        Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-success">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/success.png">ÕNNESTUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-success">
+<div class="c-snackbar c-snackbar--success">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/success.png" alt="õnnestus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-warning">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/warning.png">HOIATUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-warning">
+<div class="c-snackbar c-snackbar--warning">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/warning.png" alt="hoiatus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
-        Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
+        Soovi korral muuda suunamine kohe siin või vasak menüüst "<a href="#">Minu andmed</a>" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-error">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/error.png">PALUN PANGE TÄHELE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-error">
+<div class="c-snackbar c-snackbar--error">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/error.png" alt="error"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
 
-<div class="c-snackbar snackbar-info-grayscale">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/info.png">TEADE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-info-grayscale">
+<div class="c-snackbar c-snackbar--info-grayscale">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/info.png" alt="info"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-success-grayscale">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/success.png">ÕNNESTUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-success-grayscale">
+<div class="c-snackbar c-snackbar--success-grayscale">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/success.png" alt="õnnestus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-warning-grayscale">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/warning.png">HOIATUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-warning-grayscale">
+<div class="c-snackbar c-snackbar--warning-grayscale">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/warning.png" alt="hoiatus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
-        Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
+        Soovi korral muuda suunamine kohe siin või vasak menüüst "<a href="#">Minu andmed</a>" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-error-grayscale">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/error.png">PALUN PANGE TÄHELE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-error-grayscale">
+<div class="c-snackbar c-snackbar--error-grayscale">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/error.png" alt="error"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
 
-<div class="c-snackbar snackbar-info-deuteranopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/info.png">TEADE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-info-deuteranopia">
+<div class="c-snackbar c-snackbar--info-deuteranopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/info.png" alt="info"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-success-deuteranopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/success.png">ÕNNESTUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-success-deuteranopia">
+<div class="c-snackbar c-snackbar--success-deuteranopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/success.png" alt="õnnestus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-warning-deuteranopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/warning.png">HOIATUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-warning-deuteranopia">
+<div class="c-snackbar c-snackbar--warning-deuteranopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/warning.png" alt="hoiatus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
-        Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
+        Soovi korral muuda suunamine kohe siin või vasak menüüst "<a href="#">Minu andmed</a>" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-error-deuteranopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/error.png">PALUN PANGE TÄHELE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-error-deuteranopia">
+<div class="c-snackbar c-snackbar--error-deuteranopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/error.png" alt="error"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
 
-<div class="c-snackbar snackbar-info-tritanopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/info.png">TEADE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-info-tritanopia">
+<div class="c-snackbar c-snackbar--info-tritanopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/info.png" alt="info"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-success-tritanopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/success.png">ÕNNESTUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-success-tritanopia">
+<div class="c-snackbar c-snackbar--success-tritanopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/success.png" alt="õnnestus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-warning-tritanopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/warning.png">HOIATUS</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-warning-tritanopia">
+<div class="c-snackbar c-snackbar--warning-tritanopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/warning.png" alt="hoiatus"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
-        Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
+        Soovi korral muuda suunamine kohe siin või vasak menüüst "<a href="#">Minu andmed</a>" - "Suunamine.</p>
 </div>
-<div class="c-snackbar snackbar-error-tritanopia">
-    <h3><img class="snackbar-w-icon" src="assets/Icons/error.png">PALUN PANGE TÄHELE</h3>
-    <img class="close" src="assets/Icons/close.png">
-    <hr class="line snackbar-error-tritanopia">
+<div class="c-snackbar c-snackbar--error-tritanopia">
+    <h1><span><img class="snackbar-w-icon" src="assets/Icons/error.png" alt="error"></span>Teade</h1>
+    <img class="close" src="assets/Icons/close.png" alt="sulge">
     <p>Suunatud e-postile kasutaja kairi.sarapuu@gmail.com <br>
         Soovi korral muuda suunamine kohe siin või vasak menüüst "Minu andmed" - "Suunamine.</p>
 </div>
\ No newline at end of file