TKO/services/frontend/components/Courses.vue

30 lines
1.1 KiB
Vue
Raw Normal View History

2025-02-07 17:29:15 +01:00
<template>
2025-02-16 21:10:50 +01:00
<h1 id="courses">Kurzy - cena</h1>
2025-02-16 14:20:40 +01:00
<h2>Vyberte, co Vám nejlépe vyhovuje</h2>
2025-02-09 22:09:39 +01:00
<v-row>
<v-col
cols="12"
md="4"
v-for="course in courses"
:key="course.id"
>
2025-02-16 14:20:40 +01:00
<v-card class="pricing-box">
<h3>{{ course.name }}</h3>
<v-card-subtitle><div class="pricing__subtitle">{{ course.time }}</div></v-card-subtitle>
<v-card-title><div class="pricing__price">{{ course.price }}</div></v-card-title>
<v-card-subtitle v-if="course.desc"><div class="pricing__subtitle">{{ course.desc }}</div></v-card-subtitle>
2025-02-09 22:09:39 +01:00
</v-card>
</v-col>
</v-row>
2025-02-07 17:29:15 +01:00
</template>
<script setup lang="ts">
2025-02-16 14:20:40 +01:00
import './assets/css/main.css'
2025-02-07 17:29:15 +01:00
2025-02-09 22:09:39 +01:00
const courses = [
{id: 1, name: "Sportovní taneční klub", time: "24 hodin/měsíc", price: "600 Kč", desc: false},
{id: 2, name: "Individuální lekce", time: "60min / taneční pár", price: "500 Kč", desc: "Pro veřejnost"},
{id: 3, name: "Volný trénink s lektorem", time: "60min / taneční pár", price: "100 Kč", desc: "Pro členy tanečního klubu"},
]
2025-02-16 14:20:40 +01:00
</script>