xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-22 19:44:21 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

built Available on these technologies section

Browse Source
This commit is contained in:
Maisam Afshar 2022-08-02 10:16:26 +04:30
parent 648a966de8
commit 7393988fdf
1 changed files with 98 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
src/views/Presentation/PresentationView.vue
View File

@ -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">