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

update home with solution block

Browse Source
This commit is contained in:
Ehab Hassan
2021-06-09 11:37:48 +02:00
parent 5c3cb8aaac
commit 67bd802f66
12 changed files with 46 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/marketing/sections/cta-sections/ShowcaseProductsHome.vue
View File

@@ -1,13 +1,13 @@
<template>
<div class="py-12 mb-5" id="home">
<div class="w-full text-center">
<div class="py-10 mb-5" id="home">
<div class="w-full max-w-7xl mx-auto mt-10 px-16 text-center">
<h2
v-if="main !== null"
class="text-4xl font-semibold leading-tight font-heading"
>
{{ main.title }}
</h2>
<p v-if="main !== null" class="mb-6 text-gray-600">
<p v-if="main !== null" class="mb-6 text-gray-700">
{{ main.subtitle }}
</p>
</div>
@@ -23,20 +23,20 @@
<div class="take_apart text-center pb-8 my-5">
<g-image :src="img(product.image)" />
<h3 class="font-bold text-2xl">{{ product.title }}</h3>
<div v-html="product.content" class="pb-8 px-5 text-gray-600"></div>
<div v-html="product.content" class="pb-4 px-5 text-gray-600"></div>
<div v-if="product.button">
<a
v-if="product.url.includes('http')"
target="_blank"
:href="product.url"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-5 shadow rounded-full"
>{{ product.button }}</a
>
<a
v-else
:href="product.url"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 shadow rounded-full"
class="bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mb-5 shadow rounded-full"
>{{ product.button }}</a
>
</div>