add content footer into three versions

Author: shoudaos

html-transparent-dark/src/partials/layout.hbs

@@ -36,6 +36,9 @@
             {{#block "app_content"}}
                 Here goes the content
             {{/block}}
+            <footer class="content-footer">
+                Light Blue 4.0 Ajax Version - Made by <a href="https://flatlogic.com" rel="nofollow noopener noreferrer" target="_blank">Flatlogic</a>
+            </footer>
         </div>
         <div class="loader-wrap hiding hide">
             <i class="fa fa-circle-o-notch fa-spin"></i>

html-transparent-dark/src/sass/_base.scss

@@ -319,6 +319,7 @@ $i: 1;
 
 /*content except of header*/
 .content{
+  position: relative;
   padding: 25px 2.5641%;
   @include transition(margin-top .35s ease, opacity .2s);
   max-width: none;
@@ -328,6 +329,13 @@ $i: 1;
   &.hiding{
     opacity: 0;
   }
+
+  .content-footer {
+    position: absolute;
+    bottom: -85px;
+    color: $text-muted;
+
+  }
 }
 
 

html-transparent/src/partials/layout.hbs

@@ -36,6 +36,9 @@
             {{#block "app_content"}}
                 Here goes the content
             {{/block}}
+            <footer class="content-footer">
+                Light Blue 4.0 Ajax Version - Made by <a href="https://flatlogic.com" rel="nofollow noopener noreferrer" target="_blank">Flatlogic</a>
+            </footer>
         </div>
         <div class="loader-wrap hiding hide">
             <i class="fa fa-circle-o-notch fa-spin"></i>

html-transparent/src/sass/_base.scss

@@ -319,6 +319,7 @@ $i: 1;
 
 /*content except of header*/
 .content{
+  position: relative;
   padding: 25px 2.5641%;
   @include transition(margin-top .35s ease, opacity .2s);
   max-width: none;
@@ -328,6 +329,13 @@ $i: 1;
   &.hiding{
     opacity: 0;
   }
+
+  .content-footer {
+    position: absolute;
+    bottom: -85px;
+    color: $text-muted;
+
+  }
 }
 
 

html-white/src/partials/layout.hbs

@@ -36,6 +36,9 @@
             {{#block "app_content"}}
                 Here goes the content
             {{/block}}
+            <footer class="content-footer">
+                Light Blue 4.0 Ajax Version - Made by <a href="https://flatlogic.com" rel="nofollow noopener noreferrer" target="_blank">Flatlogic</a>
+            </footer>
         </div>
         <div class="loader-wrap hiding hide">
             <i class="fa fa-circle-o-notch fa-spin"></i>

html-white/src/sass/_base.scss

@@ -319,6 +319,7 @@ $i: 1;
 
 /*content except of header*/
 .content{
+  position: relative;
   padding: 25px 2.5641%;
   @include transition(margin-top .35s ease, opacity .2s);
   max-width: none;
@@ -328,6 +329,13 @@ $i: 1;
   &.hiding{
     opacity: 0;
   }
+
+  .content-footer {
+    position: absolute;
+    bottom: -85px;
+    color: $text-muted;
+
+  }
 }