Skip to content

Vuemastery banner may 10 12 2024 update link #2866

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 3 commits into from
Closed

Vuemastery banner may 10 12 2024 update link #2866

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1871dd6
feat: add vuemastery free-weekend banner
i5dr0id May 1, 2024
8f90821
feat: update link
i5dr0id May 13, 2024
90e44fb
feat: update local branch
i5dr0id May 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 11 additions & 4 deletions .vitepress/theme/components/VueMasteryBanner.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
></div>
<a
id="vm-banner"
href="https://www.vuemastery.com/free-weekend"
href="https://www.vuemastery.com/pricing/?coupon=FREEWEEKEND2024"
target="_blank"
>
<img
Expand All @@ -23,11 +23,12 @@
<div class="vm-banner-wrapper">
<div class="vm-banner-content">
<h1 class="vm-banner-title">
FREE WEEKEND <span>MAY 10-12</span>
Get
<span> 60% </span>
off a year of Vue Mastery courses
</h1>
<p class="vm-banner-sub">Watch all Vue Mastery courses free</p>
</div>
<button id="vm-banner-cta">Get Access</button>
<button id="vm-banner-cta">Get discount</button>
</div>
<button id="vm-banner-close" @click.prevent="closeBanner">
<VTIconPlus class="close" />
Expand Down Expand Up @@ -154,6 +155,12 @@ onMounted(() => {
font-weight: bold;
font-size: 24px;
text-align: center;
<<<<<<< HEAD
}

.vm-banner-title span{
=======
>>>>>>> 35e8da8b3811615e3a46770cf4466186ac9ff400
background: linear-gradient(145deg, #c3ffac, #86ec87, #38a56a);
background-clip: text;
-webkit-background-clip: text;
Expand Down