mirror of
https://github.com/inventree/inventree-website.git
synced 2025-04-27 04:56:45 +00:00
f149e61244
* add alt tags to lear more * make logo section better screenreadable * enhance contrast on footer * add alt text to back button * switch colors -> maybe better contrast on links? * make link text better readable * switch color back * and another try * Revert "and another try" This reverts commit cb58c92c51877ce07771cb1a95ffb8d5e460beee.
39 lines
1.9 KiB
HTML
39 lines
1.9 KiB
HTML
<section class="cm-gray-2 body-font">
|
|
<div class="section-container">
|
|
<div class="flex flex-wrap w-full mb-4">
|
|
<div class="lg:w-1/2 w-full mb-6 lg:mb-0">
|
|
<a class="anchor" id="{{ include.data.ref }}"></a>
|
|
<div class="inline-flex items-center">
|
|
<h1 class="header-text title-font mb-2 cm-gray-1">{{ include.data.title }}</h1>
|
|
{% if include.link %}
|
|
{% assign link=include.data.link|default:include.link %}
|
|
<a href="{% include fnc/link.html item=link %}" alt="learn more" class="color-link"><img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="h-1 w-20 bg-secondary rounded"></div>
|
|
</div>
|
|
<p class="lg:w-1/2 w-full leading-relaxed cm-gray-3">{{ include.data.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-primary text-xs font-medium title-font">{{ item.subtitle }}</h3>
|
|
<h2 class="text-lg cm-gray-1 font-medium title-font mb-4">{{ item.title }}</h2>
|
|
<p class="leading-relaxed text-base">{{ item.text }}
|
|
{% if include.extend and item.extend %}<br><br>{{ item.extend }}{% endif %}
|
|
</p>
|
|
{% if item.link %}
|
|
<a class="text-secondary inline-flex items-center" href="{% include fnc/link.html item=item.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{% if include.data.cta %}
|
|
{% include cta.html no_container=true cta=include.data.cta %}
|
|
{% endif %}
|
|
</div>
|
|
</section> |