791aebc346
Some checks failed
continuous-integration/drone/push Build is failing
- Complete GGZ Ecademy Nuxt.js user portal - Learning products browser and management - Member management interface - User authentication and roles - Multi-language support (NL/EN) - Vuex store for state management - Component-based architecture
45 lines
1.0 KiB
Vue
45 lines
1.0 KiB
Vue
<template>
|
|
<section id="newsletter" class="my-0">
|
|
<img :src="require(`@/assets/img/newsletter.jpg`)" />
|
|
<img :src="require(`@/assets/img/triangle_pattern.png`)" class="pattern"/>
|
|
<div class="row">
|
|
<div class="col-12 col-md-6"></div>
|
|
<div class="col-12 col-md-4 mx-auto text">
|
|
<h2>Nieuwsbrief</h2>Je ontvangt een kortingscode van €10,- bij besteding vanaf €75,-. Deze is meteen in te wisselen.
|
|
<v-text-field outlined label="Inschrijven" append-icon="mdi-arrow-right" class="my-4"></v-text-field>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
#newsletter {
|
|
clear: both;
|
|
position: relative;
|
|
background-color: #f5f5f5;
|
|
margin-bottom: 20px;
|
|
|
|
img {
|
|
position: absolute;
|
|
object-fit: cover;
|
|
width: 50%;
|
|
height: 100%;
|
|
left: 0px;
|
|
// z-index: 1;
|
|
}
|
|
.pattern {
|
|
right: 0px;
|
|
left: unset;
|
|
width: 100%;
|
|
}
|
|
.text {
|
|
padding-top: 100px;
|
|
padding-bottom: 100px;
|
|
// z-index: 2;
|
|
}
|
|
}
|
|
</style> |