---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults

layout: home
---

<div class="jumbotron">
  <h1 class="display-4">UNICEF Design System</h1>
  <p class="lead">Modern, consistent, user friendly and accessible user interface.</p>
</div>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-6 text-center">
      <img class="img-fluid" alt="" style="max-height: 200px" src="assets/images/designer-icon.svg" />
      <h3>For designers and product managers</h3>
      <p>List of the specs of all controls.</p>
      <a href="design-guidelines.html" class="btn btn-outline-primary">Design Guidelines</a>
    </div>
    <div class="col-sm-6 text-center" >

          <img class="img-fluid" alt="" style="max-height: 200px" src="assets/images/developer-icon.svg" />


          <h3>For developers</h3>
          <p>
            A reference implementation of the visual spec.
          </p>
          <a href="developer-docs.html" class="btn btn-outline-primary">Developers docs</a>
          <a href="{{site.repository}}" class="btn btn-link">GitHub</a>
  </div>
</div><!-- jumbotron -->