added the containers for the website

Author: kerbethecoder

the-notepad/src/App.vue

@@ -1,7 +1,26 @@
-<script setup></script>
+<script setup>
+import {
+  Activities,
+  Footer,
+  Header,
+  Hero,
+  Lessons,
+  Technologies,
+} from './containers';
+</script>
 
 <template>
-  <div class="text-3xl font-bold underline">h1</div>
+  <div>
+    <div>
+      <Header />
+      <Hero />
+    </div>
+
+    <Technologies />
+    <Lessons />
+    <Activities />
+    <Footer />
+  </div>
 </template>
 
 <style scoped></style>

the-notepad/src/containers/Activities.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>Activities</div>
+</template>
+
+<style scoped></style>

the-notepad/src/containers/Footer.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>Footer</div>
+</template>
+
+<style scoped></style>

the-notepad/src/containers/Header.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>Header</div>
+</template>
+
+<style scoped></style>

the-notepad/src/containers/Hero.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>Hero</div>
+</template>
+
+<style scoped></style>

the-notepad/src/containers/Lessons.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>Lessons</div>
+</template>
+
+<style scoped></style>

the-notepad/src/containers/Technologies.vue

@@ -0,0 +1,7 @@
+<script setup></script>
+
+<template>
+  <div>Technologies</div>
+</template>
+
+<style scoped></style>

the-notepad/src/containers/index.js

@@ -0,0 +1,6 @@
+export { default as Header } from './Header.vue';
+export { default as Hero } from './Hero.vue';
+export { default as Technologies } from './Technologies.vue';
+export { default as Lessons } from './Lessons.vue';
+export { default as Activities } from './Activities.vue';
+export { default as Footer } from './Footer.vue';