Add sponsorship promo

pull/193/head
cagataycivici 2020-02-06 14:40:52 +03:00
parent 371bada9ce
commit 0571c11fd0
3 changed files with 21 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

View File

@ -1047,6 +1047,25 @@ a {
padding: 100px 100px 0 100px; padding: 100px 100px 0 100px;
height: 200px; height: 200px;
} }
.introduction-promo {
display: inline-block;
margin-left: -50px;
margin-bottom: 20px;
padding: 10px 50px 10px 175px;
font-size: 1.5em;
background-image: linear-gradient(90deg, #445C72 0%, #DBDCDE 100%);
position: relative;
color: #ffffff;
font-weight: 700;
img {
position: absolute;
height: 75px;
left: 50px;
top: -12px;
}
}
} }
/* Features */ /* Features */

View File

@ -1,6 +1,8 @@
<template> <template>
<div class="home"> <div class="home">
<div class="introduction"> <div class="introduction">
<span class="introduction-promo"><img alt="Gold Sponsor" src="../assets/images/home/vue-gold.png" />
<span>Vue.js Gold Sponsor</span></span>
<h1>The Most Complete UI Framework</h1> <h1>The Most Complete UI Framework</h1>
<h2>for VUE</h2> <h2>for VUE</h2>