- 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
This commit is contained in:
68
components/Usp/Usp.vue
Normal file
68
components/Usp/Usp.vue
Normal file
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<section id="usp">
|
||||
<v-container fluid class="px-4 mx-4">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 item">
|
||||
<div class="d-flex">
|
||||
<v-icon size="60" color="#5885C0">mdi-script-outline</v-icon>
|
||||
|
||||
<div class="d-flex flex-column pa-4 mx-4">
|
||||
<span class="title">Behangrol advies</span>
|
||||
<span>Hulp nodig bij het uitrekenen van het aantal rollen behang?</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 item">
|
||||
<div class="d-flex">
|
||||
<v-icon size="60" color="#5885C0">mdi-script-outline</v-icon>
|
||||
|
||||
<div class="d-flex flex-column pa-4 mx-4">
|
||||
<span class="title">Interieuradvies</span>
|
||||
<span>Hulp nodig bij het uitrekenen van het aantal rollen behang?</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 item">
|
||||
<div class="d-flex">
|
||||
<v-icon size="60" color="#5885C0">mdi-script-outline</v-icon>
|
||||
|
||||
<div class="d-flex flex-column pa-4 mx-4">
|
||||
<span class="title">Bezoek ons</span>
|
||||
<span>Wij ontvangen je graag op afspraak voor een persoonlijk gesprek!</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</v-container>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
items: [
|
||||
{icon: 'mdi-script-outline', title: '', text: ''},
|
||||
{icon: '', title: '', text: ''},
|
||||
{icon: '', title: '', text: ''},
|
||||
]
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#usp {
|
||||
margin: 80px 0;
|
||||
.item {
|
||||
#icon {
|
||||
font-size: 60px;
|
||||
color: yellow;
|
||||
width: 90px;
|
||||
float: left;
|
||||
}
|
||||
.title {
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user