index.html

---
permalink: /

title:        'Home'
description:  'Marlin, the most widely-used 3D printer firmware in the world'
category:     [ default ]
---

<div id="carousel-generic" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="item active">
      <img src="{{ '/assets/images/carousel/banner-01.jpg' | prepend: site.baseurl }}" alt="Banner">
    </div>
  </div>
</div>

<div class="custom-tagline">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 col-md-7">
        <h1><strong>The firmware we all trust</strong></h1>
        <p class="text-justify">Marlin is the <em>de facto standard</em> of Open Source firmware for 3D printers, reliable and precise it will deliver outstanding quality prints while keeping you in full control of the process.</p>
      </div>
      <div class="col-sm-12 col-md-5 custom-tagline-btn">
        <p><a class="btn btn-success btn-block btn-lg" href="{{ '/docs/basics/introduction.html' | prepend: site.baseurl }}" role="button">
          <i class="fa fa-book fa-1x" aria-hidden="true"></i>&nbsp; Learn more</a></p>
        <p><a class="btn btn-info btn-block btn-lg" href="{{ '/meta/download/' | prepend: site.baseurl }}" role="button">
          <i class="fa fa-download fa-1x" aria-hidden="true"></i>&nbsp; Download</a></p>
      </div>
    </div>
  </div>
</div>

<div class="custom-tile">
  <div class="container">
    <div class="row">
{% for feature in site.data.features %}
        <div class="col-sm-4">
          <div class="custom-tile-image-wrapper">
            <a href="{{ feature.link | prepend: site.baseurll }}">
            <div class="custom-tile-image-block" style="background: url({{ '/assets/images/features/' | append: feature.img | prepend: site.baseurl }}) no-repeat center top; background-size: cover;">
              <div class="custom-tile-image-legend">
                  {{ feature.title }}
                  <i class="fa fa-arrow-circle-right fa-1x" aria-hidden="true"></i>
              </div>
            </div>
            </a>
          </div>
        </div>
{% endfor %}
    </div>
  </div>
</div>