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

rem Pro badge & background mask

Browse Source
This commit is contained in:
Maisam Afshar 2022-08-15 12:15:30 +04:30
parent 7393988fdf
commit 8ac8f7cda8
1 changed files with 1 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,7 +9,6 @@ import FilledInfoCard from "../../examples/cards/infoCards/FilledInfoCard.vue";
//Vue Material Kit 2 Pro components //Vue Material Kit 2 Pro components
import MaterialSocialButton from "@/components/MaterialSocialButton.vue"; import MaterialSocialButton from "@/components/MaterialSocialButton.vue";
import MaterialBadge from "@/components/MaterialBadge.vue";
// sections // sections
import PresentationCounter from "./Sections/PresentationCounter.vue"; import PresentationCounter from "./Sections/PresentationCounter.vue";
@ -56,7 +55,6 @@ onUnmounted(() => {
:style="`background-image: url(${vueMkHeader})`" :style="`background-image: url(${vueMkHeader})`"
loading="lazy" loading="lazy"
> >
<span class="mask bg-gray-900 opacity-5"></span>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-7 text-center mx-auto position-relative"> <div class="col-lg-7 text-center mx-auto position-relative">
@ -66,14 +64,7 @@ onUnmounted(() => {
> >
Material Kit 2 Material Kit 2
</h1> </h1>
<MaterialBadge <p class="lead text-white px-5 mt-3" :style="{ fontWeight: '500' }">
size="lg"
color="white"
class="text-dark position-absolute"
style="top: -20%"
>Pro</MaterialBadge
>
<p class="lead text-white px-5 mt-3">
Start the Development With Bootstrap 5 Design System inspired by Start the Development With Bootstrap 5 Design System inspired by
Material Design. Material Design.
</p> </p>