---
layout: home
---

<main class="bd-masthead" id="content" role="main">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-6 mx-auto col-md-4 order-md-2">
        <img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/docs/assets/img/brick-mini.svg" alt="" width="800" height="800">
      </div>
      <div class="col-md-8 order-md-1 text-center text-md-left pr-md-5">
        <h1 class="mb-3 bd-text-purple-bright">Bootstrap Italia</h1>
        <div class="alert alert-warning" role="alert">
          <h4 class="alert-heading">Attenzione!</h4>
          <p class="lead">Bootstrap Italia è ancora in fase di sviluppo e non è pronto per essere utilizzato!</p>
          <hr>
          <p class="mb-0">Puoi trovare maggiori informazioni sugli strumenti e i kit già rilasciati nell'area <a href="https://designers.italia.it/user-interface/" title="User Interface di Designers Italia" target="_blank" class="alert-link">User Interface di Designers Italia</a>.</p>
        </div>
        <p>Bootstrap Italia è un tema Bootstrap open-source per la creazione di applicazioni responsive, mobile-first per il web.</p>
        <p>Bootstrap Italia eredita tutte le funzionalità, componenti, mixins, grid system, ed altro già presenti in Bootstrap, e le personalizza secondo le <a href="https://designers.italia.it/" target="_blank" title="Linee guida di design">linee guida di design per i siti web delle Pubbliche Amministrazioni</a>.</p>
        <div class="d-flex flex-column flex-md-row lead mb-3">
          <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/come-iniziare/introduzione/" class="btn btn-lg btn-bd-primary mb-3 mb-md-0 mr-md-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">Come iniziare</a>
          <a href="https://github.com/italia/bootstrap-italia/releases/download/{{ site.docs_version }}/bootstrap-italia-v{{ site.docs_version }}-dist.zip" class="btn btn-lg btn-outline-secondary" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');" data-toggle="tooltip" data-placement="top" title="Non dimenticare che Bootstrap Italia è ancora in fase di sviluppo.">Scarica</a>
        </div>
        <p class="text-muted mb-0">
          v{{ site.current_version }}
        </p>
      </div>
    </div>
  </div>
</main>