Sha256: f6f7160b9bea037b9fc8a6754b59222a34095a7b11679052330c5754ab6f6e8b
Contents?: true
Size: 1.24 KB
Versions: 10
Compression:
Stored size: 1.24 KB
Contents
<keppler-component>
<div class="kppl-static">
<div class="kppl-static-mask">
<div class="kppl-container">
<h1>Banner Static</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare turpis eu elit ultricies mollis. Nulla sollicitudin orci mauris, nec fermentum tortor venenatis vel</p>
</div>
</div>
</div>
<style>
.kppl-static {
background-image: url(https://images.pexels.com/photos/125532/pexels-photo-125532.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
background-size: cover;
background-position: center;
width: auto;
height: 400px;
position: relative;
}
.kppl-static > .kppl-static-mask {
background: #00000075;
position: relative;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
}
.kppl-static .kppl-container {
max-width: 40%;
}
</style>
</keppler-component>
<script>
'kppl-banner-static', {
label: 'Banner Static',
category: 'Banners',
attributes: { class:'fa fa-picture-o' },
content: {
script: function(){}
}
}
</script>
Version data entries
10 entries across 10 versions & 1 rubygems