Merge pull request 'master → test' (#27) from master into test

Reviewed-on: #27

css/style.css

@@ -22,6 +22,8 @@ h1 {
     font-weight: 400;
     color: white;
     opacity: 50%;
+    align-items: center;
+    display: flex;
 }
 span {
     color: #ED4947;
@@ -181,6 +183,16 @@ h3 {
     font-weight: normal;
 
 }
+.heart {
+    display: inline-block;
+    margin-bottom: 1px;
+    margin-left: 5px;
+    width: 18px;
+    height: 18px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='%2397d700' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
+    background-size: cover;
+    background-repeat: no-repeat;
+}
 .footer {
     display: none;
     position: absolute;

index.html

@@ -80,9 +80,9 @@ and open the template in the editor.
             </div>
         </div>
         <h1>
-            developed with <span>&hearts;</span> by Verdnatura
-        </h1>
-        <span class="device">
+            developed by Verdnatura with<span class="heart"></span>
+        </h1>     
+        <h2 class="device">
             <p id="deviceLabel"></p>
         </h2>