2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-04-28 13:36:47 +00:00

refactor hero

This commit is contained in:
Matthias Mair 2021-11-06 02:57:04 +01:00
parent 69004ea348
commit 5e3904bdff
2 changed files with 11 additions and 4 deletions

View File

@ -1,8 +1,13 @@
<section class="cm-text-body body-font"> <section class="cm-text-body body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center"> <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"> <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-lgt-txt">Before they sold out <h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium cm-lgt-txt">{{ include.title }}
<br class="hidden lg:inline-block">readymade gluten {% 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-blue-500 to-purple-400">{{ include.color }}</span>
{% endif %}
</h1> </h1>
<p class="mb-8 leading-relaxed">Copper mug try-hard pitchfork pour-over freegan heirloom neutra air plant cold-pressed tacos poke beard tote bag. Heirloom echo park mlkshk tote bag selvage hot chicken authentic tumeric truffaut hexagon try-hard chambray.</p> <p class="mb-8 leading-relaxed">Copper mug try-hard pitchfork pour-over freegan heirloom neutra air plant cold-pressed tacos poke beard tote bag. Heirloom echo park mlkshk tote bag selvage hot chicken authentic tumeric truffaut hexagon try-hard chambray.</p>
<div class="flex justify-center"> <div class="flex justify-center">
@ -11,7 +16,9 @@
</div> </div>
</div> </div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6"> <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero" src="https://dummyimage.com/720x600"> {% if include.image %}
<img class="object-cover object-center rounded" alt="hero" src="{{ include.image }}">
{% endif %}
</div> </div>
</div> </div>
</section> </section>

View File

@ -3,8 +3,8 @@ layout: default
backLink: false backLink: false
--- ---
{% include hero.html title=site.tagline title_2='and more' image='https://dummyimage.com/860x600' color='with InvenTree' %}
{% include hero.html %}
{% assign for_b = site.data.for_b %} {% assign for_b = site.data.for_b %}
{% include features.html data=for_b %} {% include features.html data=for_b %}