Updated introduction images

pull/345/head
cagataycivici 2020-05-28 17:06:27 +03:00
parent 98f8d522c1
commit b620894e1a
5 changed files with 27 additions and 21 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 250 KiB

View File

@ -13,29 +13,12 @@
.introduction {
background-color: var(--layer-0);
background: url('./assets/images/home/primevue-introduction.jpg');
background: url('./assets/images/home/intro-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
padding: 115px 30px 135px 50px;
color: #455C71;
h1 {
font-weight: 400;
margin-bottom: 5px;
font-size: 24px;
}
h2 {
font-weight: 700;
margin-bottom: 40px;
margin-top: 0;
font-size: 24px;
}
> div {
padding: 100px 100px 0 100px;
height: 200px;
}
position: relative;
.introduction-promo {
display: inline-block;
@ -55,6 +38,26 @@
top: -12px;
}
}
h1 {
font-weight: 400;
margin-bottom: 5px;
font-size: 24px;
}
h2 {
font-weight: 700;
margin-bottom: 40px;
margin-top: 0;
font-size: 24px;
}
.introduction-devices {
position: absolute;
bottom: 0;
right: 0;
width: 60%;
}
}
.features {

View File

@ -1,12 +1,15 @@
<template>
<div class="home">
<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>
<span class="introduction-promo">
<img alt="Gold Sponsor" src="../assets/images/home/vue-gold.png" />
<span>Vue.js Gold Sponsor</span>
</span>
<h1>The Ultimate UI Component Library</h1>
<h2>for Vue</h2>
<router-link to="/setup" class="action-button">GET STARTED</router-link>
<img alt="devices" class="introduction-devices" src="../assets/images/home/intro-devices.png" />
</div>
<div class="features">