index.html

---
layout: home
---

<div class="h-100 d-flex flex-column align-items-center justify-content-center mt-5 pt-5">
  <div class="flex-column">
    <image src="./assets/images/event.png" width="150px" alt="Felix Eyetan" class="animated">
  </div>
  <div class="flex-column mt-4 text-center">
    <h1 class="title">Felix Eyetan</h1>
  </div>
  <div class="flex-column mt-2 text-center description">
    <span>Architecture</span> | <span>IaC</span> | <span>Team Work</span> 
  </div>
  <div class="flex-row mt-3 text-center">
    <div class="d-inline m-2"><a href="{{ site.linkedin_url }}" target="_blank" class="fa fa-linkedin"></a></div>
    <div class="d-inline m-2"><a href="{{ site.github_url }}" target="_blank" class="fa fa-github"></a></div>
  </div>
  <div class="flex-column mt-4 mb-4 text-center" style="width: 50%;">
    <p>{{- site.long_description | escape -}}</p>
  </div>
  <div class="flex-column mt-2 text-center main-content">
    {% for item in site.data.navigation %}
      <span class="d-inline m-2"><a href="{{ item.link }}" class="link">{{ item.name }}</a></span>
    {% endfor %}
  </div>
</div>