update dive into section

This commit is contained in:
2021-08-24 14:46:52 +02:00
parent 10068baa48
commit f770c5c6d2
3 changed files with 71 additions and 70 deletions

View File

@@ -3,9 +3,8 @@ id: tft_cta4
title1: GET title1: GET
title2: TFT title2: TFT
button: Get TFT button: Get TFT
link: / link: ''
--- ---
Visit Binance Smart Visit Binance Smart
<br> <br>
Chain to get your TFT Chain to get your TFT

View File

@@ -42,9 +42,9 @@ h1, h2 {
font-size: 4rem; font-size: 4rem;
} }
.tft_section2{ .tft_section2 h2{
font-family: 'Oswald', sans-serif !important; font-family: 'Oswald', sans-serif !important;
font-size: 5rem;
} }
.tft_section h3{ .tft_section h3{

View File

@@ -1,20 +1,19 @@
<template> <template>
<section class="py-4 px-4 text-center tft_section2"> <section class="px-4 bg-cover text-center">
<div class="w-full mx-auto tft_section2">
<div class="w-full max-w-7xl mx-auto"> <h2 class="text-9xl mb-2 leading-none font-heading mx-auto">
<h1 class="text-9xl mb-2 mt-20 leading-none font-heading mx-auto">
{{ cta.title1 }} {{ cta.title1 }}
<br> <br />
{{ cta.title2 }} {{ cta.title2 }}
</h1> </h2>
<div <div
v-html="cta.content" v-html="cta.content"
class="mb-8 text-gray-800 text-2xl tft_subtitle" class="text-gray-800 mb-4 text-2xl tft_subtitle"
></div> ></div>
<a <a
class="inline-block class="
inline-block
bg-gray-900 bg-gray-900
text-2xl text-2xl
learn-button learn-button
@@ -26,14 +25,16 @@
shadow shadow
rounded-full rounded-full
tft_subtitle tft_subtitle
tracking-wide" tracking-wide
"
target="_blank" target="_blank"
v-if="cta.button" v-if="cta.button"
:href="cta.link" :href="cta.link"
>{{ cta.button }}</a >{{ cta.button }}</a
> >
<g-link <g-link
class="inline-block class="
inline-block
bg-gray-900 bg-gray-900
text-2xl text-2xl
learn-button learn-button
@@ -45,13 +46,15 @@
shadow shadow
rounded-full rounded-full
tft_subtitle tft_subtitle
tracking-wide" tracking-wide
"
v-if="cta.button2" v-if="cta.button2"
:to="cta.link2" :to="cta.link2"
>{{ cta.button2 }}</g-link >{{ cta.button2 }}</g-link
> >
<g-link <g-link
class="inline-block class="
inline-block
bg-gray-900 bg-gray-900
text-2xl text-2xl
learn-button learn-button
@@ -63,13 +66,12 @@
shadow shadow
rounded-full rounded-full
tft_subtitle tft_subtitle
tracking-wide" tracking-wide
"
v-if="cta.button3" v-if="cta.button3"
:to="cta.link3" :to="cta.link3"
>{{ cta.button3 }}</g-link >{{ cta.button3 }}</g-link
> >
</div> </div>
</section> </section>
</template> </template>