2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-12 01:55:37 +00:00
This commit is contained in:
matmair
2022-08-09 23:12:45 +00:00
parent cd7cfd8819
commit e228079b4f
27 changed files with 480 additions and 207 deletions

View File

@ -60,26 +60,242 @@
<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">A wealth of functions
<br class="hidden lg:inline-block">is provided
<br class="hidden lg:inline-block">provided
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">by default with InvenTree</span>
<span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">out of the box</span>
</h1>
<p class="mb-8 leading-relaxed">By default InvenTree ships with a lot of functions in the area of part, inventory, supplier, manufacturer, machine and BOM managment.
It also enables reports, is extendible and can be extended with plugins.</p>
<p class="mb-8 leading-relaxed">InvenTree ships with a wide range of functions for managing parts, inventory, supplier and manufacturer data, machine and BOM managment <em>and so much more</em>!<br>It also enables reports, can be integrated with external applications and can be extended with plugins.</p>
</div>
<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/860x600">
<section id="image-carousel" class="splide">
<div class="splide__track">
<ul class="splide__list" style="list-style-type: none; list-style: none;">
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/bom_add_item.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/build_details.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/build_outputs.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/category_params.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/category_subcats.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/manufacturers.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/part_admin.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/part_category.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/part_stock.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/part_suppliers.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/stock_item.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/stock_item_2.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/stock_location.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/stock_location_2.png" alt="">
</li>
<li class="splide__slide">
<img src="/inventree-website/assets/webgallery/suppliers.png" alt="">
</li>
</ul>
</div>
</section>
</div>
</div>
</section>
<script>
document.addEventListener( 'DOMContentLoaded', function () {
new Splide('#image-carousel', {
type: 'loop',
perMove: 1,
perPage: 1,
autoPlay: true,
pagination: false,
}).mount();
});
</script>
<section class="cm-gray-2 body-font">
<div class="container px-5 mx-auto">