---
layout: default
---
{% assign about = site.abouts | first %}

<section class="row align-items-center justify-content-center w-100 mx-0 h-100">
  <div class="col-12 col-md-6 bg-white bg-md-primary h-100vh text-white g-0">
    <div class="d-flex flex-column justify-content-between h-100">
      {% render 'bootstrap/navbar.html',
        class: 'container-lg',
        items: site.menu_internals,
        color: 'white',
        uuid: uuid,
        cache: false
      %}
      <div class="d-block d-md-none">
        {% render 'svg/cloud_srv.svg' %}
      </div>
      <div class="fw-bold fst-italic text-monospace px-4 fs-4">    
        {{ about.content | replace: '<a','<a class="text-white"' }}
      </div>

      {% render 'footer.html', 
        social_networks: about.social_networks 
      %}
    </div>
  </div>
  <div class="col-12 col-md-6 d-flex flex-column justify-content-between m-0 h-100vh g-0">
    <div class="d-flex flex-column justify-content-between h-100">
      <div class="d-md-flex d-none w-75 m-auto">
        {% render 'svg/cloud_srv.svg' %}
      </div>
      {% render 'search.html', title: site.i18n.search_title, placeholder: site.i18n.search_placeholder %}
    </div>
  </div>
</section>