Added footer linking to angular

alex-irt · Jun 18, 2017 · d975da1 · d975da1
1 parent 9e67f45
commit d975da1
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 0 deletions.
diff --git a/src/app/content/content.component.css b/src/app/content/content.component.css
@@ -1,6 +1,7 @@
 #wrapper {
   width: 100%;
   display: inline-flex;
+  background-color: rgb(247, 250, 251);
 }
 
 #wing {
@@ -13,4 +14,5 @@
   width: 100%;
   max-width: 980px;
   margin: 0 auto;
+  font-family: 'Roboto', sans-serif;
 }
diff --git a/src/app/footer/footer.component.css b/src/app/footer/footer.component.css
@@ -0,0 +1,20 @@
+footer {
+  width: calc(100% - 40px);
+  padding: 20px;
+  background-color: #3f51b5;
+  color: #bbb;
+  font-family: 'Roboto', sans-serif;
+}
+
+#center {
+  width: 100%;
+  max-width: 980px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+a {
+  color: #fff;
+  text-transform: none;
+  text-decoration: none;
+}
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
@@ -1,2 +1,5 @@
 <footer>
+  <div id="center">
+    Made with <a href="https://angular.io/">Angular</a> and <a href="https://material.angular.io/"> Angular Material</a>
+  </div>
 </footer>
diff --git a/src/styles.css b/src/styles.css
@@ -4,6 +4,7 @@
 body {
   margin: 0;
   padding: 0;
+  background-color: #3f51b5;
 }
 
 md-chip {