:star:

3 files changed, 50 insertions, 0 deletions

diff --git a/layouts/README.md b/layouts/README.md
new file mode 100644
index 0000000..cad1ad5
--- /dev/null
+++ b/layouts/README.md
@@ -0,0 +1,7 @@
+# LAYOUTS
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your Application Layouts.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..ce85466
--- /dev/null
+++ b/layouts/default.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <ResponsiveBar />
+    <Nuxt />
+    <Footer />
+  </div>
+</template>
diff --git a/layouts/error.vue b/layouts/error.vue
new file mode 100644
index 0000000..e93d479
--- /dev/null
+++ b/layouts/error.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="hero">
+    <div class="header">
+      <img
+        class="wow fadeInUp"
+        data-wow-delay="1s"
+        src="../assets/images/nosmovimos.gif"
+        alt="lost gif"
+      >
+      <br>
+
+      <div style="text-align: center">
+        <small class="wow fadeInUp" data-wow-delay="1.2s">hmm, you seem to be lost...</small>
+        <br><br>
+
+        <a href="/">
+          <img
+            class="wow fadeInUp"
+            data-wow-delay="1s"
+            src="../assets/images/home-spin.gif"
+            alt="home gif"
+          >
+        </a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'error.vue',
+  head: {
+    title: '404 | Fuwn'
+  }
+}
+</script>