ods and foro pages

This commit is contained in:
María
2025-08-01 14:12:55 +02:00
committed by María
parent 771f6c76f0
commit 838e6a3bdb
19 changed files with 392 additions and 58 deletions

View File

@@ -1,29 +1,25 @@
<template>
<section
:id="id"
class="flex p-8 md:p-12 mb-8 rounded-3xl h-69">
class="flex flex-col lg:flex-row gap-y-4 p-4 md:py-12 mb-8 rounded-3xl h-full lg:h-69">
<div v-if="shapes.shape_1" class="h-38 w-1/4 flex items-start justify-center">
<img
:src="`/img/${shapes.shape_1}`"
alt="hero background shape right"
class="h-full w-full object-contain" >
<img
:src="`/img/${shapes.shape_1}`"
alt="hero background shape right"
class="h-full w-full object-contain">
</div>
<div class="flex flex-col items-center justify-center gap-4 md:gap-8 w-full">
<h2
class="font-semibold italic"
class="font-semibold italic text-center"
:class="{
'text-consumo-dark': textColor === 'consumo',
'text-iguales-dark': textColor === 'iguales',
'text-aula-dark': textColor === 'aula',
'text-certifica-dark': textColor === 'certifica',
'text-foro-dark': textColor === 'foro',
'text-ods-dark': textColor === 'ods',
}" v-html="content">
</h2>
</div>
<div v-if="shapes.shape_2" class="h-38 w-1/4 mt-auto">
<div v-if="shapes.shape_2" class="h-38 w-1/4 ml-auto lg:mt-auto">
<img
:src="`/img/${shapes.shape_2}`"
alt="hero background shape right"