<h6 class="subtitle is-6 has-text-grey is-uppercase">Principles</h6><h1 class="title is-1 is-serif has-text-weight-bold">Our approach</h1>
<p class="subtitle is-5">
    Biings <span class="has-text-weight-medium">Principles</span> are at the heart of how we approach the design of anything related to Biings. They help deciding what to create (and how) and should be kept in mind when building new features or adapting existing ones.
</p>

<hr class="is-visible is-large">

<div class="columns is-multiline">
    <div class="column is-1">
        <h2 class="title is-1 has-text-pilot">1</h2>
    </div>
    <div class="column is-11 is-full-mobile">
        <hr class="is-smaller">
        <div class="title is-4 is-spaced is-family-sans-serif">Put HR-Sustainability first</div>
        <p class="subtitle is-6">
            In a group of people, sustainable human ressources maintain the same level of corporate culture, knowledge and creativity over time.
            <br><br>
            At Biings, we build products that enable corporate HR sustainability. Our mission is to improve occupational well-being in human organisations, no matter which domain of activity or organisational structure.
        </p>
        <hr class="is-small">
    </div>
    <div class="column is-1 is-size-1 has-text-pilot">
        <h2 class="title is-1 has-text-pilot">2</h2>
    </div>
    <div class="column is-11">
        <hr class="is-smaller">
        <h2 class="title is-4 is-spaced is-family-sans-serif">Favor Trust and Responsibility</h2>
        <p class="subtitle is-6">
            Favor good work-atmosphere rather than adopting a coercive control of absences. Manage without judging.
        </p>
        <hr class="is-small">
    </div>
    <div class="column is-1 is-size-1 has-text-pilot">
        <h2 class="title is-1 has-text-pilot">3</h2>
    </div>
    <div class="column is-11">
        <hr class="is-smaller">
        <h2 class="title is-4 is-spaced is-family-sans-serif">Facts over surveys</h2>
        <p class="subtitle is-6">
            Collecting factual data over information from surveys is key for a reliable analysis of occupational well-being.
        </p>
        <hr class="is-small">
    </div>
</div>
<hr>
<a href="#/rules" class="box is-bordered">
    Those Principles are implemented in our set of &nbsp;→&nbsp; <strong class="has-text-link">Rules</strong>
</a>