mirror of
https://github.com/inventree/inventree-website.git
synced 2025-04-28 05:26:44 +00:00
24 lines
1.3 KiB
HTML
24 lines
1.3 KiB
HTML
<section class="cm-gray-2 body-font">
|
|
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
|
|
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
|
|
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium cm-gray-1">{{ include.title }}
|
|
{% if include.title_2 %}
|
|
<br class="hidden lg:inline-block">{{ include.title_2 }}
|
|
{% endif %}
|
|
{% if include.color %}
|
|
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">{{ include.color }}</span>
|
|
{% endif %}
|
|
</h1>
|
|
<p class="mb-8 leading-relaxed">{{ include.detail }}</p>
|
|
<div class="flex justify-center">
|
|
<button class="inline-flex text-white bg-secondary border-0 py-2 px-6 focus:outline-none hover:bg-primary rounded text-lg">Button</button>
|
|
<button class="ml-4 inline-flex cm-hvr-btn border-0 py-2 px-6 focus:outline-none text-lg">Button</button>
|
|
</div>
|
|
</div>
|
|
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
|
|
{% if include.image %}
|
|
<img class="object-cover object-center rounded" alt="hero" src="{{ include.image }}">
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</section> |