diff --git a/build/img/pexels-bert-5985264.jpg b/build/img/pexels-bert-5985264.jpg
new file mode 100644
index 0000000..527be12
Binary files /dev/null and b/build/img/pexels-bert-5985264.jpg differ
diff --git a/index.html b/index.html
index b7d8568..a2b6309 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
-
+
{{name}}
@@ -20,7 +20,7 @@
{{#links}}
-
-
+
{{text}}
diff --git a/scss/style.scss b/scss/style.scss
index 641c454..825807c 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -2,6 +2,8 @@
@import "../node_modules/bootstrap/scss/functions";
// 2. Include any default variable overrides here
+$list-group-bg: inherit;
+$mostly-white: rgba(255,255,255, 0.7);
// 3. Include remainder of required Bootstrap stylesheets
@import "../node_modules/bootstrap/scss/variables";
@@ -27,3 +29,31 @@
@import "../node_modules/bootstrap/scss/utilities/api";
// 8. Add additional custom code here
+
+body {
+ background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.3)), url('img/pexels-bert-5985264.jpg');
+ height: 100vh;
+ background-position: center;
+ background-size: cover;
+ color: white;
+ position: relative;
+}
+
+h1 {
+ background-color: $mostly-white;
+}
+
+section ul {
+ background-color: $mostly-white;
+ max-width: 20rem;
+ margin: 1rem auto;
+
+ li {
+ width: 100%;
+ overflow: auto;
+
+ i {
+ float: left;
+ }
+ }
+}