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

78
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>
<img <li class="mb-16 flex items-center gap-x-8">
class="h-72" <img
src="../assets/images/mood_vv.jpg" class="hidden h-72 md:block"
alt="Versicherungsvermittler" src="../assets/images/mood_vv.jpg"
/> alt="Versicherungsvermittler"
<div class="space-y-2"> />
<h4 class="text-lg font-bold">Versicherungsvermittler/-in</h4> <div class="space-y-2">
<p> <h4 class="text-lg font-bold">
Der Lehrgang und die Prüfung zum Erwerb des Verbandszertifikats als {{ $t("a.Versicherungsvermittler/-in") }}
Versicherungs-vermittler/-in. </h4>
</p> <p>
<router-link class="btn-primary" :to="{ name: 'vvStart' }"> {{ $t("start.vvDescription") }}
Mehr erfahren </p>
</router-link> <router-link class="btn-primary" :to="{ name: 'vvStart' }">
</div> {{ $t("a.Mehr erfahren") }}
</div> </router-link>
<div class="flex items-center gap-x-8"> </div>
<div class="space-y-2"> </li>
<h4 class="text-lg font-bold">Überbetriebliche Kurse</h4> <li class="flex items-center gap-x-8">
<p> <div class="space-y-2">
Die überbetrieblichen Kurse der kaufmännischen Ausbildungs- und <h4 class="text-lg font-bold">{{ $t("start.ukTitle") }}</h4>
Prüfungsbranche «Privatversicherung». <p>
</p> {{ $t("start.ukDescription") }}
<router-link class="btn-primary" :to="{ name: 'ukStart' }"> </p>
Mehr erfahren <router-link class="btn-primary" :to="{ name: 'ukStart' }">
</router-link> {{ $t("a.Mehr erfahren") }}
</div> </router-link>
<img </div>
class="h-72" <img
src="../assets/images/mood_uk.jpg" class="hidden h-72 md:block"
alt="Versicherungsvermittler" src="../assets/images/mood_uk.jpg"
/> alt="Versicherungsvermittler"
</div> />
</li>
</ul>
</div> </div>
</main> </main>
</div> </div>