{% extends "base.html" %}

{% load wagtailcore_tags %}
{% load menu_tags %}

{% block body_class %}template-homepage{% endblock %}

{% block content %}
<!-- Top Background Image Wrapper -->
<div class="bgded overlay" style="background-image:url('static/images/demo/backgrounds/03.jpg');">
  <div class="wrapper row1">
    <header id="header" class="hoc clear">
      <div id="logo" class="fl_left">
        <h1><a href="/">RESINFO-TD</a></h1>
      </div>
      {% main_menu template="home/menus/custom_main_menu.html" %}
    </header>
  </div>
  <div id="pageintro" class="hoc clear">
    <article>
      <h2 class="heading">RESINFO-TD</h2>
      <p>Resurse informatice avansate pentru sustinerea proceselor de transformare digitala din economie si societate</p>
    </article>
  </div>
</div>

<div class="wrapper row3">
  <main class="hoc container clear">
    <!-- main body -->
    <div class="center btmspace-50">
      <h3 class="font-x2 nospace">Obiectivele proiectului</h3>
      <p class="nospace">Leo dui a tincidunt euismod tellus vivamus facilisis lectus cursus <a href="#">laoreet auctor</a>.</p>
    </div>
    <ul class="nospace group services">
      <li class="one_third first">
        <article><a href="#"><i class="fa fa-paperclip"></i></a>
          <h6 class="heading">Duis dapibus lacus</h6>
          <p>Eu sem dignissim sed placerat ex rutrum phasellus at rhoncus quam mauris sit amet libero&hellip;</p>
          <footer><a href="#">View Details &raquo;</a></footer>
        </article>
      </li>
      <li class="one_third">
        <article><a href="#"><i class="fa fa-calculator"></i></a>
          <h6 class="heading">Ullamcorper ornare</h6>
          <p>Rhoncus nullam at varius augue nam fringilla nunc ac orci ornare posuere suspendisse dictum lacus&hellip;</p>
          <footer><a href="#">View Details &raquo;</a></footer>
        </article>
      </li>
      <li class="one_third">
        <article><a href="#"><i class="fa fa-pie-chart"></i></a>
          <h6 class="heading">Posuere fusce sit</h6>
          <p>Amet odio sit amet augue pharetra pulvinar at quis justo in lacinia pretium posuere nunc&hellip;</p>
          <footer><a href="#">View Details &raquo;</a></footer>
        </article>
      </li>
      <li class="one_third first">
        <article><a href="#"><i class="fa fa-recycle"></i></a>
          <h6 class="heading">Tempus vel risus</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
          <footer><a href="#">View Details &raquo;</a></footer>
        </article>
      </li>
      <li class="one_third">
        <article><a href="#"><i class="fa fa-code-fork"></i></a>
          <h6 class="heading">Nec ultrices ipsum</h6>
          <p>Maximus ut in semper nibh at mattis condimentum odio dui neque sit amet vulputate arcu vitae nibh&hellip;</p>
          <footer><a href="#">View Details &raquo;</a></footer>
        </article>
      </li>
      <li class="one_third">
        <article><a href="#"><i class="fa fa-cogs"></i></a>
          <h6 class="heading">Fringilla viverra</h6>
          <p>Rutrum in gravida efficitur diam vel porta odio cursus eu aliquam amet nunc interdum malesuada&hellip;</p>
          <footer><a href="#">View Details &raquo;</a></footer>
        </article>
      </li>
    </ul>
    <!-- / main body -->
    <div class="clear"></div>
  </main>
</div>
<div class="wrapper row4">
  <main class="hoc container clear">
    <!-- main body -->
    <div class="center btmspace-50">
      <h3 class="font-x2 nospace">Echipa proiectului</h3>
      <p class="nospace">Leo dui a tincidunt euismod tellus vivamus facilisis lectus cursus <a href="#">laoreet auctor</a>.</p>
    </div>
    <ul class="nospace group services">
      <li class="one_quarter first">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Radu M. Boncea</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Alexandru C. Gheorghita</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Ionut Petre</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Dragos Smada</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter first">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Carmen Rotuna</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Antonio Banderas</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Tempus vel risus</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
      <li class="one_quarter">
        <article>
          <i class="fa fa-user"></i>
          <h6 class="heading">Tempus vel risus</h6>
          <p>Mollis lobortis sapien nullam elementum dignissim eleifend nunc lobortis aliquet curabitur&hellip;</p>
        </article>
      </li>
    </ul>
    <!-- / main body -->
    <div class="clear"></div>
  </main>
</div>
{% endblock %}