From 7393988fdf156992231927bd3b38083fa82fd516 Mon Sep 17 00:00:00 2001
From: Maisam Afshar <maisam.afshar@gmail.com>
Date: Tue, 2 Aug 2022 10:16:26 +0430
Subject: [PATCH] built Available on these technologies section

---
 src/views/Presentation/PresentationView.vue | 98 +++++++++++++++++++++
 1 file changed, 98 insertions(+)

diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index 93a05d2..2ac9371 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -23,6 +23,12 @@ import PresentationInformation from "./Sections/PresentationInformation.vue";
 //images
 import vueMkHeader from "@/assets/img/vue-mk-header.jpg";
 import wavesWhite from "@/assets/img/waves-white.svg";
+import logoBootstrap from "@/assets/img/logos/bootstrap5.jpg";
+import logoTailwind from "@/assets/img/logos/icon-tailwind.jpg";
+import logoVue from "@/assets/img/logos/vue.jpg";
+import logoAngular from "@/assets/img/logos/angular.jpg";
+import logoReact from "@/assets/img/logos/react.jpg";
+import logoSketch from "@/assets/img/logos/sketch.jpg";
 
 //hooks
 const body = document.getElementsByTagName("body")[0];
@@ -173,6 +179,98 @@ onUnmounted(() => {
       </div>
     </div>
 
+    <div class="container">
+      <div class="row">
+        <div class="d-flex flex-column w-100 text-center p-5 mb-8">
+          <h3>Available on these technologies</h3>
+          <div class="d-flex justify-content-center mt-3 flex-wrap">
+            <a
+              href="https://www.creative-tim.com/product/material-kit"
+              data-bs-toggle="tooltip"
+              data-bs-placement="bottom"
+              title="Bootstrap 5 - Most popular front-end component library"
+            >
+              <img
+                :src="logoBootstrap"
+                alt="title"
+                loading="lazy"
+                :style="{ height: '90px' }"
+              />
+            </a>
+            <a
+              class="opacity-5 ms-3"
+              href="#"
+              data-bs-toggle="tooltip"
+              data-bs-placement="bottom"
+              title="Coming Soon"
+            >
+              <img
+                :src="logoTailwind"
+                alt="title"
+                loading="lazy"
+                :style="{ height: '90px' }"
+              />
+            </a>
+            <a
+              href="https://www.creative-tim.com/product/vue-material-kit-pro"
+              class="mx-3"
+              data-bs-toggle="tooltip"
+              data-bs-placement="bottom"
+              title="Vue.js - Is a Progressive JavaScript Framework"
+            >
+              <img
+                :src="logoVue"
+                alt="title"
+                loading="lazy"
+                :style="{ height: '90px' }"
+              />
+            </a>
+            <a
+              class="opacity-5"
+              href="#"
+              data-bs-toggle="tooltip"
+              data-bs-placement="bottom"
+              title="Coming Soon"
+            >
+              <img
+                :src="logoAngular"
+                alt="title"
+                loading="lazy"
+                :style="{ height: '90px' }"
+              />
+            </a>
+            <a
+              href="https://www.creative-tim.com/product/material-kit-react-pro"
+              class="mx-3"
+              data-bs-toggle="tooltip"
+              data-bs-placement="bottom"
+              title="React – A JavaScript library for building user interfaces"
+            >
+              <img
+                :src="logoReact"
+                alt="title"
+                loading="lazy"
+                :style="{ height: '90px' }"
+              />
+            </a>
+            <a
+              class="opacity-5"
+              href="#"
+              data-bs-toggle="tooltip"
+              data-bs-placement="bottom"
+              title="Coming Soon"
+            >
+              <img
+                :src="logoSketch"
+                alt="title"
+                loading="lazy"
+                :style="{ height: '90px' }"
+              />
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
     <div class="py-5">
       <div class="container">
         <div class="row">