Create landing page - background image

Dev-Qwerty · Feb 6, 2020 · ce1df9e · ce1df9e
1 parent 1341ee8
commit ce1df9e
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 0 deletions.
diff --git a/src/assets/ManFactory.jpg b/src/assets/ManFactory.jpg
diff --git a/src/assets/Pbrush.jpg b/src/assets/Pbrush.jpg
diff --git a/src/assets/RectBulb.jpg b/src/assets/RectBulb.jpg
diff --git a/src/components/LandingContent.vue b/src/components/LandingContent.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class = "landing"> 
+    <div class = "landing-content">
+    </div>
+  </div>
+</template>
+
+<style scoped>
+  .landing {
+    min-height: 650px;
+    background-image: url('../assets/ManFactory.jpg');
+    background-blend-mode: overlay;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+  }
+</style>