---
layout: home
title: Orange Boosted with Bootstrap · The world's most popular mobile-first and responsive front-end framework.
---

<main class="bd-masthead" id="content" role="main">
  <div class="container">
    <span class="bd-boosted-icon">Orange B<span class="text-primary">oo</span>sted with Bootstrap</span>
    <p class="lead">Orange Boosted is a framework library accessible, ergonomic and Orange branded based on
      <a href="https://github.com/twbs/bootstrap/tree/v4.0.0-alpha.6"
        target="_blank">Bootstrap v4.0.0-alpha.6</a>.</p>
    <p class="lead">
      <a href="{{ site.baseurl }}/getting-started/download" class="btn btn-primary btn-inverse btn-lg">Download Boosted</a>
    </p>
    <p class="version">Currently v{{ site.current_version }}</p>
  </div>
</main>

<div class="bd-featurette">
  <div class="container">
    <h2 class="bd-featurette-title">All the core components of Bootstrap accessible and Orange branded.</h2>
    <p class="lead">And also specific components only available in B<span class="text-primary">oo</span>sted.</p>
    <ul class="o-square-list">
      <li><a href="components/orange-megamenu/">Main navigation with or without Mega menu</a></li>
      <li><a href="components/local-navigation">Local navigation</a></li>
      <li><a href="components/stepbar">Stepbar</a></li>
      <li><a href="components/collapse/#accordion-example">Accordions with indicator</a></li>
      <li><a href="components/orange-tables">Complex table</a></li>
      <li><a href="content/tables/#responsive-tables">Responsive table, display as cards onto tablets and mobile</a></li>
      <li><a href="components/orange-footer/">Footer</a></li>
    </ul>
  </div>
</div>