contruido para produccion

src/App.vue

@@ -1,13 +1,26 @@
 <template>
   <div id="app">
+    <Header />
+    <Navbar />
     <router-view></router-view>
+    <Footer />
   </div>
 </template>
 
 <script>
+import Footer from './components/footer.vue'
+import Navbar from './components/nav.vue'
+
+import Header from './components/header.vue'
+
 export default {
-  name: "App"
-};
+  name: 'App',
+  components: {
+    Footer,
+    Header,
+    Navbar
+  }
+}
 </script>
 
 <style>
@@ -17,17 +30,5 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
-
-  padding: 0;
-  margin: 0;
-}
-
-.row {
-  margin: 0 !important;
-}
-
-.card-img-top {
-  height: 18rem;
 }
 </style>