Commit 32c0c769 authored by Rémy Marronnier's avatar Rémy Marronnier

breadcrumb + footer WIP

parent fb0eb83b
<template>
<v-footer app color="secondary" dark>
<div class="d-flex align-center">Liens footer (Peuvent être obtenus via api ?)</div>
<v-footer color="secondary" dark app padless>
<v-row justify="center" no-gutters>
<ul>
<li>Navigation sur Clara :</li>
<li>
<a href="#">Toutes nos aides</a>
</li>
<li>
<a href="#">Appui à l'embauche</a>
</li>
<li>
<a href="#">Aide à la mobilité</a>
</li>
<li>
<a
href="#"
>Aide à la définition du projet professionnel, à l'orientation, ou à la reconversion</a>
</li>
<li>
<a href="#">Dispositif de formation, certification, obtention de diplôme</a>
</li>
<li>
<a href="#">Emploi international</a>
</li>
<li>
<a href="#">Contrat spécifique</a>
</li>
<li>
<a href="#">Dispositif Séniors</a>
</li>
<li>
<a href="#">Aide à la création ou reprise d'entreprise</a>
</li>
<li>
<a href="#">Contrat en alternance</a>
</li>
<li>
<a href="#">Aide régionale</a>
</li>
</ul>
<ul>
<li>Liens utiles :</li>
<li>
<a href="#">Conditions générales d'utilisation</a>
</li>
<li>
<a href="#">Nous contacter</a>
</li>
<li>
<a href="#">Cookies et politique de confidentialité</a>
</li>
<li>
<a href="#">Accessibilité</a>
</li>
</ul>
<v-col class="secondary py-4 text-center white--text" cols="12">
<v-divider></v-divider>
Copyright {{ new Date().getFullYear() }} CLARA
<a href="#">propulsé par POLE EMPLOI</a>
</v-col>
</v-row>
</v-footer>
</template>
......@@ -10,6 +69,9 @@ export default {
};
</script>
<style>
<style scoped>
ul {
list-style-type: none;
}
</style>
\ No newline at end of file
<template>
<v-container>
**breadcrumb**
<!-- <BreadCrumb> -->
<v-row>
<v-icon>mdi-home</v-icon>
<v-breadcrumbs :items="items" divider="/"></v-breadcrumbs>
</v-row>
<router-view></router-view>
</v-container>
</template>
......@@ -10,6 +12,19 @@
export default {
name: "Simulator",
data: () => ({})
data: () => ({
items: [
{
text: "Accueil",
disabled: true,
href: "#"
},
{
text: "Formulaire",
disabled: true,
href: "questions"
}
]
})
};
</script>
......@@ -57,10 +57,11 @@ export default {
};
</script>
<style>
<style scoped>
ul {
list-style-type: none;
border-left: 4px grey solid;
margin-left: 4px;
}
li {
margin-top: 10px;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment