Add footer

elpotatoslayer · Apr 12, 2021 · 6270dad · 6270dad
1 parent dd9838c
commit 6270dad
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 1 deletion.
diff --git a/app/assets/images/facebook.png b/app/assets/images/facebook.png
diff --git a/app/assets/images/instagram.png b/app/assets/images/instagram.png
diff --git a/app/assets/images/twitter.png b/app/assets/images/twitter.png
diff --git a/app/assets/stylesheets/application.scss.erb b/app/assets/stylesheets/application.scss.erb
@@ -385,6 +385,10 @@ h3 {
   background-image: url(<%= asset_path 'no_image.svg.png' %>);
 }
 
+.article__image--order-second {
+  order: 1;
+}
+
 .article__card {
   width: 50%;
   background-color: $white-ish;
@@ -458,3 +462,7 @@ h3 {
   font-weight: 600;
   text-align: end;
 }
+
+.main-nav {
+   background: #4E443E;
+}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -18,7 +18,16 @@
       </nav>
 
       <%= yield %>
-
+      <footer class="footer">
+          <%= link_to 'Tech Articles', root_path, class: 'footer__brand' %>
+          <%= link_to 'Privacy Policy', '', class: 'footer__link footer__link--first' %>
+          <%= link_to 'Terms & Conditions', '', class: 'footer__link' %>
+          <span class="footer__link footer__link--inactive">&copy; Copyright 2020. All rights reserved.</span>
+          <span class="footer__link footer__link--inactive footer__link--first">Connect with us: </span>
+          <%= link_to fa_icon('linkedin-square'), '#', class: 'footer__icon' %>
+          <%= link_to fa_icon('github-square'), '#', class: 'footer__icon' %>
+          <%= link_to fa_icon('twitter-square'), '#', class: 'footer__icon' %>
+      </footer>
     </div>
   </body>
 </html>