Модифицирован футер

src/examples/footers/FooterDefault.vue

@@ -12,33 +12,7 @@ defineProps({
       route: "/"
     })
   },
-  socials: {
+
-    type: Array,
-    icon: String,
-    link: String,
-    default: () => [
-      {
-        icon: '<i class="fab fa-facebook text-lg opacity-8"></i>',
-        link: "https://www.facebook.com/CreativeTim/"
-      },
-      {
-        icon: '<i class="fab fa-twitter text-lg opacity-8"></i>',
-        link: "https://twitter.com/creativetim"
-      },
-      {
-        icon: '<i class="fab fa-dribbble text-lg opacity-8"></i>',
-        link: "https://dribbble.com/creativetim"
-      },
-      {
-        icon: '<i class="fab fa-github text-lg opacity-8"></i>',
-        link: "https://github.com/creativetimofficial"
-      },
-      {
-        icon: '<i class="fab fa-youtube text-lg opacity-8"></i>',
-        link: "https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w"
-      }
-    ]
-  },
   menus: {
     type: Array,
     name: String,
@@ -127,51 +101,17 @@ defineProps({
     <div class="container">
       <div class="row">
         <div class="col-md-3 mb-4 ms-auto">
-          <div>
+
-            <a :href="brand.route">
+         
-              <img :src="brand.logo" class="mb-3 footer-logo" alt="main_logo" />
-            </a>
-            <h6 class="font-weight-bolder mb-4">{{ brand.name }}</h6>
-          </div>
-          <div>
-            <ul class="d-flex flex-row ms-n3 nav">
-              <li
-                class="nav-item"
-                v-for="{ icon, link } of socials"
-                :key="link"
-              >
-                <a
-                  class="nav-link pe-1"
-                  :href="link"
-                  target="_blank"
-                  v-html="icon"
-                >
-                </a>
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div
-          class="col-md-2 col-sm-6 col-6 mb-4"
-          v-for="{ name, items } of menus"
-          :key="name"
-        >
-          <h6 class="text-sm">{{ name }}</h6>
-          <ul class="flex-column ms-n3 nav">
-            <li class="nav-item" v-for="item of items" :key="item.name">
-              <a class="nav-link" :href="item.href" target="_blank">
-                {{ item.name }}
-              </a>
-            </li>
-          </ul>
         </div>
 
+
         <div class="col-12">
           <div class="text-center">
             <p class="text-dark my-4 text-sm font-weight-normal">
-              All rights reserved. Copyright ©
+              Екатерина Кузнецова, Ирина Комарова.
               {{ new Date().getFullYear() }}
-              Material Kit by
+              . Использованы материалы
               <a href="https://www.creative-tim.com" target="_blank"
                 >Creative Tim</a
               >.

src/views/Presentation/PresentationView.vue

@@ -22,7 +22,6 @@ import DefaultFooter from "../../examples/footers/FooterDefault.vue";
 import Header from "../../examples/Header.vue";
 
 // sections
-import PresentationCounter from "./Sections/PresentationCounter.vue";
 import PresentationSearch from "./Sections/PresentationSearch.vue";
 
 
@@ -46,6 +45,7 @@ onUnmounted(() => {
 
 <script>
 import axios from 'axios';
+import PresentationCounter from "./Sections/PresentationCounter.vue";
 
 export default {
     data() {
@@ -55,12 +55,14 @@ export default {
     },
     async created() {
         try {
-      const response = await axios.get('http://somebodyhire.me/api/projects/');
+            const response = await axios.get("http://somebodyhire.me/api/projects/");
             this.projects = response.data;
-    } catch (error) {
+        }
-      console.error('There was an error fetching the projects', error);
+        catch (error) {
+            console.error("There was an error fetching the projects", error);
         }
     },
+    components: { PresentationCounter }
 };
 </script>
 
@@ -114,19 +116,7 @@ export default {
   </div>
 </div>
 </Header>
-
-
-
-<div class="card card-body blur shadow-blur mx-3 mx-md-4 mt-n6">
 <PresentationCounter />
-    <div class="project-container">
-    <div class="project-card" v-for="project in projects" :key="project.id">
-      <h3>{{ project.title }}</h3>
-      <p>{{ project.description }}</p>
-    </div>
-  </div>   
-  </div>
-
   <DefaultFooter />
 </template>