inventree/inventree-website
2
0
Fork 0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-17 04:25:26 +00:00
Code Activity

make features data based

Browse Source
This commit is contained in:
Matthias Mair
2021-11-06 01:07:21 +01:00
parent d32f3637ef
commit bf15613174
6 changed files with 86 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
home/_includes/features.html
View File

@ -1,41 +1,27 @@
<section class="text-gray-600 body-font">
<section class="cm-text-body">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap w-full mb-20">
<div class="flex flex-wrap w-full mb-4">
<div class="lg:w-1/2 w-full mb-6 lg:mb-0">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-gray-900">Pitchfork Kickstarter Taxidermy</h1>
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-gray-900">{{ include.data.header.title }}</h1>
<div class="h-1 w-20 bg-primarylg rounded"></div>
</div>
<p class="lg:w-1/2 w-full leading-relaxed text-gray-500">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p>
<p class="lg:w-1/2 w-full leading-relaxed text-gray-500">{{ include.data.header.text }}</p>
</div>
<div class="flex flex-wrap -m-4">
{% for item in include.data.features %}
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<h3 class="tracking-widest text-purple-500 text-xs font-medium title-font">SUBTITLE</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Chichen Itza</h2>
<p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<h3 class="tracking-widest text-purple-500 text-xs font-medium title-font">SUBTITLE</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Colosseum Roma</h2>
<p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<h3 class="tracking-widest text-purple-500 text-xs font-medium title-font">SUBTITLE</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">Great Pyramid of Giza</h2>
<p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>
</div>
</div>
<div class="xl:w-1/4 md:w-1/2 p-4">
<div class="bg-gray-100 p-6 rounded-lg">
<h3 class="tracking-widest text-purple-500 text-xs font-medium title-font">SUBTITLE</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">San Francisco</h2>
<p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>
<h3 class="tracking-widest text-purple-500 text-xs font-medium title-font">{{ item.subtitle }}</h3>
<h2 class="text-lg text-gray-900 font-medium title-font mb-4">{{ item.title }}</h2>
<p class="leading-relaxed text-base">{{ item.tagline }}</p>
</div>
</div>
{% endfor %}
</div>
{% if include.data.cta %}
{% include cta.html no_container=true cta=include.data.cta %}
{% endif %}
</div>
</section>