ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update GET TFT section

Browse Source
This commit is contained in:
Ehab Hassan
2021-08-24 11:48:22 +02:00
parent 7cd84ef9f7
commit 35a7a44b24
6 changed files with 83 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/custom/sections/CallToActionbg1.vue
View File

@@ -1,33 +1,69 @@
<template>
<section class="pt-10 pb-10 px-4 bg-cover bg-hero text-center">
<section class="py-4 px-4 text-center tft_section2">
<div class="w-full py-10 max-w-7xl mx-auto">
<h2 class="text-4xl text-white leading-tight font-semibold font-heading uppercase">
<div class="w-full max-w-7xl mx-auto">
<h1 class="text-9xl mb-2 mt-20 leading-none font-heading mx-auto">
{{ cta.title1 }}
<br>
{{ cta.title2 }}
</h2>
</h1>
<div
v-html="cta.content"
class="mt-6 mb-20 text-white leading-relaxed "
class="mb-8 text-gray-800 text-2xl tft_subtitle"
></div>
<a
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="inline-block
bg-gray-900
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
px-16
py-1
mb-4
shadow
rounded-full
tft_subtitle
tracking-wide"
target="_blank"
v-if="cta.button"
:href="cta.link"
>{{ cta.button }}</a
>
<g-link
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="inline-block
bg-gray-900
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
px-16
py-1
mb-4
shadow
rounded-full
tft_subtitle
tracking-wide"
v-if="cta.button2"
:to="cta.link2"
>{{ cta.button2 }}</g-link
>
<g-link
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full"
class="inline-block
bg-gray-900
text-2xl
learn-button
hover:bg-gray-800
text-gray-100
px-16
py-1
mb-4
shadow
rounded-full
tft_subtitle
tracking-wide"
v-if="cta.button3"
:to="cta.link3"
>{{ cta.button3 }}</g-link
@@ -43,8 +79,3 @@ export default {
props: ["cta"],
};
</script>
<style scoped>
.bg-hero {
background-image: url("~@/assets/images/bg1.png");
}
</style>