<commit_before>---
layout: landing 
title: Furatto
---

<div class="main-description-container">
  <div class="row">
    <div class="col-6">
      <h1 class="header">All the power with you.</h1>
      <h4 class="subheader">Friendly & fas front-end framework.</h4>
      <a href="#" class="button alpha warning large download inverse">Download Furatto<i class="fa fa-chevron-circle-down"></i></a>
      <ul class="navigation inline social">
        <li><a href="https://twitter.com/furattoicalia" target="_blank"><i class="fa fa-twitter fa-2x"></i></a></li>
        <li><a href="https://github.com/IcaliaLabs" target="_blank"><i class="fa fa-github fa-2x"></i></a></li>
      </ul>
    </div>
    <div class="col-6 nopadding hidden-on-xsmall hidden-on-small text-center">
      <img src="../assets/img/ninja_computer.png" alt="" class="responsive computer-ninja" />
    </div>
  </div>
</div>

<div class="row skills-header-container">
   <h3 class="header">FURATTO SKILLS</h3>
</div>

<div class="skills">
  <div class="row text-right skills-motto">
     <h2 class="skills-header">A responsive framework without complex stuff</h2>
     <h2 class="skills-header"><em>Only the things you need</em></h2>
  </div>
  <div class="row">
    <div class="col-5 nopadding">
      <img src="../assets/img/ninja-corre.png" alt="" class="responsive" />
    </div>
    <div class="col-7">
      <div class="row">
         <div class="col-4 skill">
          <img src="../assets/img/sass.png" alt="" class="responsive" />  
          <h6>Sass & Compass</h6>
         </div>
         <div class="col-4 skill">
          <img src="../assets/img/components.png" alt="" class="responsive" />  
          <h6>Extendable</h6>
         </div>
         <div class="col-4 skill">
          <img src="../assets/img/custom.png" alt="" class="responsive" />  
          <h6>Highly Customizable</h6>
         </div>
      </div>
      <div class="row">
         <div class="col-4 skill">
          <img src="../assets/img/grid.png" alt="" class="responsive" />  
          <h6>Simple grid</h6>
         </div>
         <div class="col-4 skill">
           <i class="fa fa-refresh fa-5x"></i>
          <h6>Always improving</h6>
         </div>
      </div>
    </div>
  </div>
</div>

<div class="examples">
   <div class="examples-header">
     <h3 class="header">EXAMPLES</h3>
   </div>
   <div class="examples-content">
     <p class="examples-motto"><em>Here are quick start points for you to kick off your next project.</em></p>
     <div class="row">
       <div class="col-3">
         <a class="example" href="#">
           <img src="../assets/img/normal.png" alt="" class="responsive" />
           <br />
           <span>Normal</span>
         </a>
       </div>
       <div class="col-3">
         <a class="example" href="#">
           <img src="../assets/img/login-form.png" alt="" class="responsive" />
           <br />
           <span>Login Form</span>
         </a>
       </div>
       <div class="col-3">
         <a class="example" href="#">
           <img src="../assets/img/gallery.png" alt="" class="responsive" />
           <br />
           <span>Gallery</span>
         </a>
       </div>
       <div class="col-3">
         <a class="example" href="#">
           <img src="../assets/img/blog.png" alt="" class="responsive" />
           <br />
           <span>Blog</span>
         </a>
       </div>
     </div>
   </div>
</div>

<div class="contribute">
   <div class="contribute-header">
     <h3 class="header">Contribute</h3>
   </div>

   <div class="contribute-content">
     <div class="row">
       <div class="col-4 contribution">
         <i class="fa fa-github fa-5x"></i>
         <h5>Pull requests & issues</h5>
         <p>We carry the conversation on <a href="https://github.com/IcaliaLabs/furatto/issues?milestone=none&state=open">github</a> for future features, bugs and & fixes</p>
         <a href="https://github.com/IcaliaLabs/furatto/issues/new" class="button large radius">Open pull request</a>
       </div><commit_msg>Adds full documentation for landing page<commit_after>---
layout: landing 
title: Furatto
---

<div class="main-description-container">
  <div class="row">
    <div class="col-7">
      <h1 class="header">All the power with you.</h1>
      <h4 class="subheader">Lightweight & friendly front-end framework to get job done.</h4>
      <a href="#" class="button alpha warning xlarge download inverse">Download Furatto<i class="fa fa-chevron-circle-down"></i></a>
      <ul class="navigation inline social">
        <li><a href="https://twitter.com/furattoicalia" target="_blank"><i class="fa fa-twitter fa-2x"></i></a></li>
        <li><a href="https://github.com/IcaliaLabs" target="_blank"><i class="fa fa-github fa-2x"></i></a></li>
      </ul>
    </div>
    <div class="col-5 nopadding hidden-on-xsmall hidden-on-small text-center">
      <img src="/furatto/assets/img/ninja_computer.png" alt="" class="responsive computer-ninja" />
    </div>
  </div>
</div>

<div class="row skills-header-container">
   <h3 class="header">FURATTO SKILLS</h3>
</div>

<div class="skills">
  <div class="row text-right skills-motto">
     <h2 class="skills-header">A mobile first framework for <strong>fast</strong> development.</h2>
     <h2 class="skills-header"><em>Built on top of great technology</em></h2>
  </div>
  <div class="row">
    <div class="col-5 nopadding hidden-on-xsmall hidden-on-small">
      <img src="/furatto/assets/img/ninja-corre.png" alt="" class="responsive" />
    </div>
    <div class="col-7">
      <div class="row">
         <div class="col-4 skill">
          <img src="/furatto/assets/img/sass.png" alt="" class="responsive" />  
          <h6>Sass & Compass</h6>
         </div>
         <div class="col-4 skill">
          <img src="/furatto/assets/img/components.png" alt="" class="responsive" />  
          <h6>Extendable</h6>
         </div>
         <div class="col-4 skill">
          <img src="/furatto/assets/img/custom.png" alt="" class="responsive" />  
          <h6>Highly Customizable</h6>
         </div>
      </div>
      <div class="row">
         <div class="col-4 skill">
          <img src="/furatto/assets/img/grid.png" alt="" class="responsive" />  
          <h6>Simple grid</h6>
         </div>
         <div class="col-4 skill">
           <i class="fa fa-refresh fa-5x"></i>
          <h6>Always improving</h6>
         </div>
      </div>
    </div>
  </div>
</div>

<div class="examples">
   <div class="examples-header">
     <h3 class="header">EXAMPLES</h3>
   </div>
   <div class="examples-content">
     <p class="examples-motto"><em>Here are quick start points for you to kick off your next project.</em></p>
     <div class="row examples-wrapper">
       <div class="col-3">
         <a class="example" href="#">
           <img src="/furatto/assets/img/normal.png" alt="" class="responsive" />
           <br />
           <span>Normal</span>
         </a>
       </div>
       <div class="col-3">
         <a class="example" href="#">
           <img src="/furatto/assets/img/login-form.png" alt="" class="responsive" />
           <br />
           <span>Login Form</span>
         </a>
       </div>
       <div class="col-3">
         <a class="example" href="#">
           <img src="/furatto/assets/img/gallery.png" alt="" class="responsive" />
           <br />
           <span>Gallery</span>
         </a>
       </div>
       <div class="col-3">
         <a class="example" href="#">
           <img src="/furatto/assets/img/blog.png" alt="" class="responsive" />
           <br />
           <span>Blog</span>
         </a>
       </div>
     </div>
      <p class="examples-bottom-motto"><em>Want to share a layout? open a <a href="https://github.com/IcaliaLabs/furatto/issues/new">pull request</a>.</em></p>
   </div>
</div>

<div class="contribute">
   <div class="contribute-header">
     <h3 class="header">Contribute</h3>
   </div>

   <div class="contribute-content">
     <div class="row">
       <div class="col-4 contribution">
         <i class="fa fa-github fa-5x"></i>
         <h5>Pull requests & issues</h5>
         <p>We carry the conversation on <a href="https://github.com/IcaliaLabs/furatto/issues?milestone=none&state=open">github</a> for future features, bugs and & fixes</p>
         <a href="https://github.com/IcaliaLabs/furatto/issues/new" class="button large radius">Open pull request</a>
       </div>
{'fraction_non_alphanumeric': 0.19481595455083442, 'fraction_numerical': 0.010415433779145462, 'mean_word_length': 2.3908507223113964, 'pattern_counts': {'":': 0, '<': 305, '<?xml version=': 0, '>': 305, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7508261', 'n_tokens_mistral': 2841, 'n_tokens_neox': 2781, 'n_words': 594}