blogs.html

---
layout: home
title: Blogs
---

<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="container mt-4 mb-4 text-left" style="width: 50%;">
      {% for post in site.posts %}
        <div class="row mt-1 mb-1"><a href="/blogs{{ post.url }}">{{ post.title }}</a></div>
      {% endfor %}
  </div>
  
</div>