|
|
@@ -1,29 +1,29 @@
|
|
|
<template>
|
|
|
- <section class="bg-[#F6FFE9] py-20 flex flex-col items-center gap-15">
|
|
|
- <h2 class="text-[50px] uppercase text-[#080E00] font-semibold">
|
|
|
+ <section class="bg-[#F6FFE9] py-12 lg:py-20 flex flex-col items-center gap-15">
|
|
|
+ <h2 class="text-[40px] md:text-[46px] lg:text-[50px] uppercase text-[#080E00] font-semibold">
|
|
|
Os Executores
|
|
|
</h2>
|
|
|
|
|
|
- <div class="w-full max-w-[1170px] flex flex-col gap-10 px-8">
|
|
|
+ <div class="w-full max-w-[1170px] flex flex-col gap-10 px-4">
|
|
|
<div
|
|
|
v-for="(executor, index) in executores"
|
|
|
:key="index"
|
|
|
class="flex flex-col lg:flex-row gap-12 items-center"
|
|
|
:class="index % 2 === 1 ? 'lg:flex-row-reverse' : 'lg:flex-row'"
|
|
|
>
|
|
|
- <div class="flex-1 flex flex-col gap-5">
|
|
|
+ <div class="flex-1 flex flex-col gap-5 order-2 lg:order-0">
|
|
|
<span class="self-start text-[10px] font-semibold text-[#F6FFE9] bg-[#8AAB10] border border-[#8DC63F] rounded-full py-2 px-4 uppercase tracking-wide">
|
|
|
{{ executor.tag }}
|
|
|
</span>
|
|
|
- <h3 class="text-[40px] text-[#202121] font-semibold">
|
|
|
+ <h3 class="text-3xl md:text-4xl lg:text-[40px] text-[#202121] font-semibold">
|
|
|
{{ executor.name }}
|
|
|
</h3>
|
|
|
- <p class="text-lg text-[#202121] font-medium">
|
|
|
+ <p class="text-base lg:text-lg text-[#202121] font-medium">
|
|
|
{{ executor.description }}
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
- <div class="shrink-0 w-full md:w-full lg:w-[496px] h-[420px] md:h-[520px] lg:h-[620px] overflow-hidden flex justify-center items-center">
|
|
|
+ <div class="shrink-0 w-full md:w-[340px] lg:w-[496px] h-[420px] md:h-[480px] lg:h-[620px] overflow-hidden flex justify-center items-center">
|
|
|
<NuxtImg
|
|
|
:src="executor.image"
|
|
|
:alt="executor.name"
|
joykepler