28 lines
858 B
Vue
28 lines
858 B
Vue
<template>
|
|
<section class="py-8 px-4">
|
|
<div class="flex flex-wrap items-center mt-8 mx-2">
|
|
<div class="w-full lg:w-4/6 px-4 mb-8 lg:mb-0 text-center lg:text-left">
|
|
<h2 class="text-xl font-semibold font-heading">
|
|
{{ signup.title }}
|
|
</h2>
|
|
</div>
|
|
<div class="w-full lg:w-2/6 px-4 text-center">
|
|
<g-link
|
|
class="inline-block bg-green-500 text-sm text-white learn-button hover:bg-green-600 px-8 py-2 mr-2 my-0 rounded shadow rounded-full active--exact active"
|
|
:to="signup.link1"
|
|
>{{ signup.button1 }}</g-link
|
|
><g-link
|
|
class="text-gray-900 bg-transparent hover:underline"
|
|
:to="signup.link2"
|
|
>{{ signup.button2 }}</g-link
|
|
>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ["signup"],
|
|
};
|
|
</script> |