2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-04-27 04:56:45 +00:00
Matthias Mair 5f563ef584
Feat/check links (#125)
* always run CI, check for html errors

* fix links

* switch a tags to div

* add alt text

* fix internal links

* remove unneeded example section

* remove legacy section

* update requirements

* test more

* fix flag
2023-02-01 00:17:59 +01:00

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">
<div class="anchor" id="{{ include.data.ref }}"></div>
<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>