mirror of
https://github.com/inventree/inventree-website.git
synced 2025-06-13 02:25:31 +00:00
move to root dir
This commit is contained in:
17
_includes/cta.html
Normal file
17
_includes/cta.html
Normal file
@ -0,0 +1,17 @@
|
||||
<section class="cm-gray-2 body-font">
|
||||
{% unless include.no_container %}
|
||||
<div class="container px-5 py-24 mx-auto">
|
||||
{% endunless %}
|
||||
<div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto">
|
||||
<h1 class="flex-grow sm:pr-16 text-2xl font-medium title-font cm-gray-1">{{ include.cta.text|default:include.text }}</h1>
|
||||
{% for item in include.cta.btn %}
|
||||
<a href="{{ item.link }}" class="flex-shrink-0 text-white bg-secondary border-0 py-2 px-8 focus:outline-none hover:bg-primary rounded text-lg mt-10 sm:mt-0">{{ item.text }}</a>
|
||||
{% endfor %}
|
||||
{% if include.link %}
|
||||
<a href="{{ include.link }}" class="flex-shrink-0 text-white bg-secondary border-0 py-2 px-8 focus:outline-none hover:bg-primary rounded text-lg mt-10 sm:mt-0">{{ include.link_text }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% unless include.no_container %}
|
||||
</div>
|
||||
{% endunless %}
|
||||
</section>
|
||||
36
_includes/features.html
Normal file
36
_includes/features.html
Normal file
@ -0,0 +1,36 @@
|
||||
<section class="cm-gray-2 body-font">
|
||||
<div class="container px-5 py-24 mx-auto">
|
||||
<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.header.ref }}"></a>
|
||||
<div class="inline-flex items-center">
|
||||
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 cm-gray-1">{{ include.data.header.title }}</h1>
|
||||
{% if include.link %}
|
||||
<a href="{{ include.link }}">{% include learn_more.html %}</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.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-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.description }}
|
||||
{% if include.extend and item.extend %}<br><br>{{ item.extend }}{% endif %}
|
||||
</p>
|
||||
<a class="text-secondary inline-flex items-center" href="{{ item.link }}">Learn More {% include learn_more.html %}</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
{% if include.data.cta %}
|
||||
{% include cta.html no_container=true cta=include.data.cta %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
42
_includes/footer.html
Normal file
42
_includes/footer.html
Normal file
@ -0,0 +1,42 @@
|
||||
<footer class="cm-gray-2 body-font">
|
||||
<div class="container px-5 py-8 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
|
||||
<div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
|
||||
<a class="flex title-font font-medium items-center md:justify-start justify-center cm-gray-1">
|
||||
<img src="/assets/logo.png" class="h-8">
|
||||
<span class="ml-3 text-xl">{{ site.title }}</span>
|
||||
</a>
|
||||
<p class="mt-2 text-sm cm-gray-3">{{ site.tagline }}</p>
|
||||
</div>
|
||||
|
||||
<div class="flex-grow flex flex-wrap md:pl-20 -mb-10 md:mt-0 mt-10 md:text-left text-center">
|
||||
|
||||
{% assign footer = footer|default: site.data.general.footer %}
|
||||
{% for cat in footer %}
|
||||
<div class="lg:w-1/4 md:w-1/2 w-full px-4">
|
||||
<h2 class="footer-categorie title-font">{{ cat.title }}</h2>
|
||||
<nav class="list-none mb-10">
|
||||
{% for item in cat.cats %}
|
||||
<li>
|
||||
<a href="{% if item.site %}{{ site[item.site] }}{% else %}{{ item.link }}{% endif %}" class="footer-link">{{ item.name }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-gray-100">
|
||||
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
|
||||
<p class="cm-gray-3 text-sm text-center sm:text-left">© 2021 {{ site.title }} — made with ♥ by
|
||||
<a href="https://github.com/matmair" rel="noopener noreferrer" class="cm-gray-2 ml-1" target="_blank">@matmair</a>
|
||||
</p>
|
||||
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
|
||||
<a href="https://github.com/inventree/InvenTree" class="ml-3 cm-gray-3">
|
||||
<svg class="h-5 w-5 cm-gray-3" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z" clip-rule="evenodd"></path></svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
23
_includes/functions.html
Normal file
23
_includes/functions.html
Normal file
@ -0,0 +1,23 @@
|
||||
<section class="cm-gray-2 body-font">
|
||||
<div class="container px-5 py-24 mx-auto">
|
||||
<div class="flex flex-col text-center w-full mb-20">
|
||||
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 cm-gray-1">{{ include.data.title }}</h1>
|
||||
<p class="lg:w-2/3 mx-auto leading-relaxed text-base">{{ include.data.text }}</p>
|
||||
</div>
|
||||
<div class="flex flex-wrap">
|
||||
{% assign function_len = include.data.functions | size %}
|
||||
{% for item in include.data.functions %}
|
||||
<div class="xl:w-1/{{ function_len }} lg:w-1/2 md:w-full px-8 py-6">
|
||||
<h2 class="text-lg sm:text-xl cm-gray-1 font-medium title-font mb-2">{{ item.title }}</h2>
|
||||
<p class="leading-relaxed text-base mb-4">
|
||||
{{ 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="{{ item.link }}">Learn More {% include learn_more.html %}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
12
_includes/head.html
Normal file
12
_includes/head.html
Normal file
@ -0,0 +1,12 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link rel="stylesheet" href="{{ "/assets/index.css" | relative_url }}">
|
||||
<link rel="shortcut icon" type="image/png" href={{ "/assets/favicon.ico" | relative_url }}>
|
||||
|
||||
<title>{{ site.title }}{% if page.title %} - {{ page.title }}{% endif %}</title>
|
||||
<meta itemprop="description" name="description"
|
||||
content="{% if page.description %}{{ page.description | truncate: 160 }}{% else %}{{ site.description | truncate: 160 }}{% endif %}" />
|
||||
|
||||
{% seo %}
|
||||
25
_includes/header.html
Normal file
25
_includes/header.html
Normal file
@ -0,0 +1,25 @@
|
||||
<header class="cm-gray-2 body-font sticky top-0 z-50 bg-gradient-to-r from-white to-secondary">
|
||||
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
|
||||
<a class="flex title-font font-medium items-center cm-gray-1 mb-4 md:mb-0" href="/">
|
||||
<img src="/assets/logo.png" class="h-8">
|
||||
<span class="ml-3 text-xl">{{ site.title }}</span>
|
||||
</a>
|
||||
|
||||
<nav class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
|
||||
<a class="mr-5 hover:cm-gray-1" href="/">Home</a>
|
||||
<a class="mr-5 hover:cm-gray-1" href="{{ site.plugin-link }}">Plugins</a>
|
||||
<a class="mr-5 hover:cm-gray-1" href="{{ site.doc-link }}">Docs</a>
|
||||
</nav>
|
||||
|
||||
{% if page.main_page %}
|
||||
<nav class="md:ml-auto flex flex-wrap items-center text-base justify-center rounded border-2 border-primary">
|
||||
<a class="ml-2 mr-2 hover:cm-gray-1" href="#maker">for <strong>maker</strong></a>
|
||||
<a class="mr-2 hover:cm-gray-1" href="#business">for <strong>business</strong></a>
|
||||
<a class="mr-2 hover:cm-gray-1" href="#edu">for <strong>edu</strong></a>
|
||||
</nav>
|
||||
{% endif %}
|
||||
<a href="{{site.demo-link}}" class="inline-flex items-center bg-gray-100 ml-2 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">
|
||||
Open demo
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
24
_includes/hero.html
Normal file
24
_includes/hero.html
Normal file
@ -0,0 +1,24 @@
|
||||
<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">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">
|
||||
<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>
|
||||
3
_includes/learn_more.html
Normal file
3
_includes/learn_more.html
Normal file
@ -0,0 +1,3 @@
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
|
||||
<path d="M5 12h14M12 5l7 7-7 7"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 195 B |
14
_includes/stats.html
Normal file
14
_includes/stats.html
Normal file
@ -0,0 +1,14 @@
|
||||
<section class="cm-gray-2 body-font">
|
||||
<div class="container px-5 py-24 mx-auto">
|
||||
<div class="flex flex-wrap -m-4 text-center">
|
||||
|
||||
{% assign stats = stats|default:site.data.general.stats.stats %}
|
||||
{% for item in stats %}
|
||||
<div class="p-4 sm:w-1/4 w-1/2">
|
||||
<h2 class="title-font font-medium sm:text-4xl text-3xl cm-gray-1">{{ item.number }}</h2>
|
||||
<p class="leading-relaxed">{{ item.name }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
118
_includes/team.html
Normal file
118
_includes/team.html
Normal file
@ -0,0 +1,118 @@
|
||||
<section class="cm-gray-2 body-font">
|
||||
<div class="container px-5 py-24 mx-auto">
|
||||
<div class="flex flex-col text-center w-full mb-20">
|
||||
<h1 class="text-2xl font-medium title-font mb-4 cm-gray-1 tracking-widest">OUR TEAM</h1>
|
||||
<p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them.</p>
|
||||
</div>
|
||||
<div class="flex flex-wrap -m-4">
|
||||
<div class="p-4 lg:w-1/2">
|
||||
<div class="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
|
||||
<img alt="team" class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center sm:mb-0 mb-4" src="https://dummyimage.com/200x200">
|
||||
<div class="flex-grow sm:pl-8">
|
||||
<h2 class="title-font font-medium text-lg cm-gray-1">Holden Caulfield</h2>
|
||||
<h3 class="cm-gray-3 mb-3">UI Developer</h3>
|
||||
<p class="mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
|
||||
<span class="inline-flex">
|
||||
<a class="cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 lg:w-1/2">
|
||||
<div class="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
|
||||
<img alt="team" class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center sm:mb-0 mb-4" src="https://dummyimage.com/201x201">
|
||||
<div class="flex-grow sm:pl-8">
|
||||
<h2 class="title-font font-medium text-lg cm-gray-1">Alper Kamu</h2>
|
||||
<h3 class="cm-gray-3 mb-3">Designer</h3>
|
||||
<p class="mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
|
||||
<span class="inline-flex">
|
||||
<a class="cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 lg:w-1/2">
|
||||
<div class="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
|
||||
<img alt="team" class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center sm:mb-0 mb-4" src="https://dummyimage.com/204x204">
|
||||
<div class="flex-grow sm:pl-8">
|
||||
<h2 class="title-font font-medium text-lg cm-gray-1">Atticus Finch</h2>
|
||||
<h3 class="cm-gray-3 mb-3">UI Developer</h3>
|
||||
<p class="mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
|
||||
<span class="inline-flex">
|
||||
<a class="cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 lg:w-1/2">
|
||||
<div class="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
|
||||
<img alt="team" class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center sm:mb-0 mb-4" src="https://dummyimage.com/206x206">
|
||||
<div class="flex-grow sm:pl-8">
|
||||
<h2 class="title-font font-medium text-lg cm-gray-1">Henry Letham</h2>
|
||||
<h3 class="cm-gray-3 mb-3">Designer</h3>
|
||||
<p class="mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
|
||||
<span class="inline-flex">
|
||||
<a class="cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="ml-2 cm-gray-3">
|
||||
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
|
||||
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
37
_includes/testimonials.html
Normal file
37
_includes/testimonials.html
Normal file
@ -0,0 +1,37 @@
|
||||
<section class="cm-gray-2 body-font">
|
||||
<div class="container px-5 py-24 mx-auto">
|
||||
<h1 class="text-3xl font-medium title-font cm-gray-1 mb-12 text-center">Testimonials</h1>
|
||||
<div class="flex flex-wrap -m-4">
|
||||
<div class="p-4 md:w-1/2 w-full">
|
||||
<div class="h-full bg-gray-100 p-8 rounded">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="block w-5 h-5 cm-gray-3 mb-4" viewBox="0 0 975.036 975.036">
|
||||
<path d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z"></path>
|
||||
</svg>
|
||||
<p class="leading-relaxed mb-6">Synth chartreuse iPhone lomo cray raw denim brunch everyday carry neutra before they sold out fixie 90's microdosing. Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard pabst authentic iceland.</p>
|
||||
<a class="inline-flex items-center">
|
||||
<img alt="testimonial" src="https://dummyimage.com/106x106" class="w-12 h-12 rounded-full flex-shrink-0 object-cover object-center">
|
||||
<span class="flex-grow flex flex-col pl-4">
|
||||
<span class="title-font font-medium cm-gray-1">Holden Caulfield</span>
|
||||
<span class="cm-gray-3 text-sm">UI DEVELOPER</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 md:w-1/2 w-full">
|
||||
<div class="h-full bg-gray-100 p-8 rounded">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="block w-5 h-5 cm-gray-3 mb-4" viewBox="0 0 975.036 975.036">
|
||||
<path d="M925.036 57.197h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.399 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l36 76c11.6 24.399 40.3 35.1 65.1 24.399 66.2-28.6 122.101-64.8 167.7-108.8 55.601-53.7 93.7-114.3 114.3-181.9 20.601-67.6 30.9-159.8 30.9-276.8v-239c0-27.599-22.401-50-50-50zM106.036 913.497c65.4-28.5 121-64.699 166.9-108.6 56.1-53.7 94.4-114.1 115-181.2 20.6-67.1 30.899-159.6 30.899-277.5v-239c0-27.6-22.399-50-50-50h-304c-27.6 0-50 22.4-50 50v304c0 27.601 22.4 50 50 50h145.5c-1.9 79.601-20.4 143.3-55.4 191.2-27.6 37.8-69.4 69.1-125.3 93.8-25.7 11.3-36.8 41.7-24.8 67.101l35.9 75.8c11.601 24.399 40.501 35.2 65.301 24.399z"></path>
|
||||
</svg>
|
||||
<p class="leading-relaxed mb-6">Synth chartreuse iPhone lomo cray raw denim brunch everyday carry neutra before they sold out fixie 90's microdosing. Tacos pinterest fanny pack venmo, post-ironic heirloom try-hard pabst authentic iceland.</p>
|
||||
<a class="inline-flex items-center">
|
||||
<img alt="testimonial" src="https://dummyimage.com/107x107" class="w-12 h-12 rounded-full flex-shrink-0 object-cover object-center">
|
||||
<span class="flex-grow flex flex-col pl-4">
|
||||
<span class="title-font font-medium cm-gray-1">Alper Kamu</span>
|
||||
<span class="cm-gray-3 text-sm">DESIGNER</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user