ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style guest page

This commit is contained in:
Christian Cueni 2023-12-13 16:57:19 +01:00
parent 90bbe75dbf
commit 3137e25aaf
1 changed files with 40 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
client/src/pages/GuestStartPage.vue
View File

@ -1,50 +1,52 @@
<script setup lang="ts"></script> <script setup lang="ts"></script>
<template> <template>
<div> <div class="bg-gray-200">
<section class="bg-blue-900 text-white"> <section class="bg-blue-900 text-white">
<div class="container-medium px-4 pb-16 pt-10 lg:px-8"> <div class="container-medium px-4 pb-16 pt-10 lg:px-8">
<h2>Die Lernumgebung für die Versicherungsbranche</h2> <h2>{{ $t("start.myvbvDescription") }}</h2>
</div> </div>
</section> </section>
<main class="bg-gray-200 lg:px-12 lg:py-12"> <main class="lg:px-12 lg:py-12">
<div class="container-medium"> <div class="container-medium">
<h3 class="mb-8 text-blue-900">Wähle jetzt deinen Lehrgang aus:</h3> <h3 class="mb-8 text-blue-900">{{ $t("start.chooseCourse") }}</h3>
<div class="mb-16 flex items-center gap-x-8"> <ul>
<li class="mb-16 flex items-center gap-x-8">
<img <img
class="h-72" class="hidden h-72 md:block"
src="../assets/images/mood_vv.jpg" src="../assets/images/mood_vv.jpg"
alt="Versicherungsvermittler" alt="Versicherungsvermittler"
/> />
<div class="space-y-2"> <div class="space-y-2">
<h4 class="text-lg font-bold">Versicherungsvermittler/-in</h4> <h4 class="text-lg font-bold">
{{ $t("a.Versicherungsvermittler/-in") }}
</h4>
<p> <p>
Der Lehrgang und die Prüfung zum Erwerb des Verbandszertifikats als {{ $t("start.vvDescription") }}
Versicherungs-vermittler/-in.
</p> </p>
<router-link class="btn-primary" :to="{ name: 'vvStart' }"> <router-link class="btn-primary" :to="{ name: 'vvStart' }">
Mehr erfahren {{ $t("a.Mehr erfahren") }}
</router-link> </router-link>
</div> </div>
</div> </li>
<div class="flex items-center gap-x-8"> <li class="flex items-center gap-x-8">
<div class="space-y-2"> <div class="space-y-2">
<h4 class="text-lg font-bold">Überbetriebliche Kurse</h4> <h4 class="text-lg font-bold">{{ $t("start.ukTitle") }}</h4>
<p> <p>
Die überbetrieblichen Kurse der kaufmännischen Ausbildungs- und {{ $t("start.ukDescription") }}
Prüfungsbranche «Privatversicherung».
</p> </p>
<router-link class="btn-primary" :to="{ name: 'ukStart' }"> <router-link class="btn-primary" :to="{ name: 'ukStart' }">
Mehr erfahren {{ $t("a.Mehr erfahren") }}
</router-link> </router-link>
</div> </div>
<img <img
class="h-72" class="hidden h-72 md:block"
src="../assets/images/mood_uk.jpg" src="../assets/images/mood_uk.jpg"
alt="Versicherungsvermittler" alt="Versicherungsvermittler"
/> />
</div> </li>
</ul>
</div> </div>
</main> </main>
</div> </div>