fix font
This commit is contained in:
@@ -11,6 +11,11 @@ blockquote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Lato', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
body h2 {
|
body h2 {
|
||||||
font-family: 'Lato', sans-serif;
|
font-family: 'Lato', sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
|
<div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
|
||||||
<div class="text-center mx-auto my-4">
|
<div class="text-center mx-auto my-4">
|
||||||
<h1 class="text-3xl text-gray-900 font-light sm:text-9xl sm:leading-10">
|
<h1 class="text-4xl text-gray-900 font-light sm:text-9xl sm:leading-10">
|
||||||
{{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
|
{{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
|
||||||
</h1>
|
</h1>
|
||||||
<div
|
<div
|
||||||
class="mt-3 max-w-2xl mx-auto text-lg leading-7 text-gray-700 sm:mt-4"
|
class="mt-3 max-w-2xl mx-auto text-gray-600 sm:mt-4"
|
||||||
v-html="main.content"
|
v-html="main.content"
|
||||||
></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<div
|
<div
|
||||||
v-html="cta.content"
|
v-html="cta.content"
|
||||||
class="mb-8 mt-10 text-center text-lg text-gray-800"
|
class="mt-6 mb-8 text-gray-600"
|
||||||
></div>
|
></div>
|
||||||
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
|
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
|
||||||
<a
|
<a
|
||||||
@@ -46,13 +46,13 @@
|
|||||||
<div class="w-full max-w-7xl mx-auto" v-else>
|
<div class="w-full max-w-7xl mx-auto" v-else>
|
||||||
<h2
|
<h2
|
||||||
v-if="cta.title"
|
v-if="cta.title"
|
||||||
class="text-4xl mb-2 leading-tight font-semibold font-heading"
|
class="text-4xl mb-2 uppercase leading-tight font-semibold font-heading"
|
||||||
>
|
>
|
||||||
{{ cta.title }}
|
{{ cta.title }}
|
||||||
</h2>
|
</h2>
|
||||||
<div
|
<div
|
||||||
v-html="cta.content"
|
v-html="cta.content"
|
||||||
class="mt-6 mb-8 text-lg text-gray-700 leading-relaxed"
|
class="mt-6 mb-8 text-gray-600"
|
||||||
></div>
|
></div>
|
||||||
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
|
<div class="mt-8 tracking-wide leading-loose" v-if="cta.video_button">
|
||||||
<a
|
<a
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<p
|
<p
|
||||||
v-if="main !== null && main.subtitle"
|
v-if="main !== null && main.subtitle"
|
||||||
class="mb-6 text-m tracking-widest text-gray-800"
|
class="mb-6 text-gray-600"
|
||||||
>
|
>
|
||||||
{{ main.subtitle }}
|
{{ main.subtitle }}
|
||||||
</p>
|
</p>
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
<div class="px-2 py-2">
|
<div class="px-2 py-2">
|
||||||
<g-image class="py-4" :src="img(product.image)" />
|
<g-image class="py-4" :src="img(product.image)" />
|
||||||
<div class="font-bold text-xl mb-2">{{ product.title }}</div>
|
<div class="font-bold text-xl mb-2">{{ product.title }}</div>
|
||||||
<div v-html="product.content" class="text-gray-700 text-base"></div>
|
<div v-html="product.content" class="text-gray-600"></div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
<div class="px-2 py-2">
|
<div class="px-2 py-2">
|
||||||
<g-image class="py-4" :src="img(product.image)" />
|
<g-image class="py-4" :src="img(product.image)" />
|
||||||
<!-- <div class="font-bold text-xl mb-2">{{ product.title }}</div> -->
|
<!-- <div class="font-bold text-xl mb-2">{{ product.title }}</div> -->
|
||||||
<div v-html="product.content" class="text-gray-700 text-base"></div>
|
<div v-html="product.content" class="text-gray-600"></div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
{{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
|
{{ main.title }} <span class="font-extrabold">{{ main.slogan }}</span>
|
||||||
</h1>
|
</h1>
|
||||||
<div
|
<div
|
||||||
class="mt-3 max-w-2xl mx-auto text-xl leading-7 text-gray-700 sm:mt-4"
|
class="mt-3 max-w-2xl mx-auto text-gray-600 sm:mt-4"
|
||||||
v-html="main.content"
|
v-html="main.content"
|
||||||
></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
<div class="text-lg leading-6 font-medium space-y-1">
|
<div class="text-lg leading-6 font-medium space-y-1">
|
||||||
<h4>{{ partnership.title }}</h4>
|
<h4>{{ partnership.title }}</h4>
|
||||||
<div
|
<div
|
||||||
class="text-base text-gray-700"
|
class="text-base text-gray-600"
|
||||||
v-html="partnership.content"
|
v-html="partnership.content"
|
||||||
></div>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -3,8 +3,7 @@
|
|||||||
|
|
||||||
<head>
|
<head>
|
||||||
${head}
|
${head}
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet" />
|
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Nunito:wght@700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Nunito:wght@700&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user