portfolio.html

---
layout: default
permalink: :basename
title: Portfolio
slug: portfolio
---

<div class="flex-content">
  <section class="experience section-padding">
    <div class="container">
      <h3 class="experience-title">PORTFOLIO</h3>
      <div class="grid col-2 med-col-2 sm-col-1">
        <div class="card-p">
          <img class="card-img" src="{{site.url}}/assets/images/portfolio/Sol-Negro-Team-Desarrollo-de-Software.png" alt="Sol Negro Team Website">
          <div class="details">
            <h4 class="card-p-title">Sol Negro Team - Website</h4>
            <p>Technologies: HTML, CSS y JavaScript. Responsive</p>
            <!-- <button class="show" type="button" name="btnInfo">Info</button> -->
            <a href="https://darkfoe703.github.io/SNT-Web/" target="_blank" rel="noopener" aria-label="go to Demo"><button>Demo</button></a>
            <a href="https://github.com/Darkfoe703/SNT-Web" target="_blank" rel="noopener" aria-label="go to Source"><button>GitHub</button></a>
          </div>
        </div>
        <div class="card-p">
          <img class="card-img" src="{{site.url}}/assets/images/portfolio/hamelin-theme.png" alt="Hamelin, theme for Nikola">
          <div class="details">
            <h4 class="card-p-title">Hamelin - Theme for Nikola</h4>
            <p>Technologies: HTML, CSS, JavaScript y Python. Responsive</p>
            <a href="https://getnikola.com/" target="_blank" rel="noopener" aria-label="go to Demo"><button>Demo</button></a>
            <a href="https://github.com/Darkfoe703/hamelin-theme" target="_blank" rel="noopener" aria-label="go to Source"><button>GitHub</button></a>
          </div>
        </div>
        <div class="card-p">
          <img class="card-img" src="{{site.url}}/assets/images/portfolio/Conflicto-Psiquico.png" alt="Conflicto Psíquico Blog">
          <div class="details">
            <h4 class="card-p-title">Conflicto Psíquico - Blog</h4>
            <p>Technologies: HTML, CSS, JavaScript y Nikola. Responsive</p>
            <a href="http://conflictopsiquico.com.ar/" target="_blank" rel="noopener" aria-label="go to Demo"><button>Demo</button></a>
            <a href="https://github.com/JazPsi/conflicto_web" target="_blank" rel="noopener" aria-label="go to Source"><button>GitHub</button></a>
          </div>
        </div>
        <div class="card-p">
          <img class="card-img" src="{{site.url}}/assets/images/portfolio/The-Creative-Crew.png" alt="devChallenges Collection">
          <div class="details">
            <h4 class="card-p-title">devChallenges</h4>
            <p>Colección de challenges. HTML, CSS y JavaScript. Responsive</p>
            <a href="https://darkfoe703.github.io/dev-challenge-team/team.html" rel="noopener" aria-label="go to Demo"><button>Demo</button></a>
            <a href="https://github.com/Darkfoe703?tab=repositories&q=dev&type=&language=&sort=" target="_blank" rel="noopener" aria-label="go to Source"><button>GitHub</button></a>
          </div>
        </div>
        <div class="card-p">
          <img class="card-img" src="{{site.url}}/assets/images/portfolio/Marco-Romero-web.png" alt="My Website">
          <div class="details">
            <h4 class="card-p-title">My Website</h4>
            <p>Technologies: HTML, CSS, JavaScript y Jekyll. Responsive</p>
            <a href="https://marcoromero.com.ar" target="_blank" rel="noopener" aria-label="go to Demo"><button>Demo</button></a>
            <a href="https://github.com/Darkfoe703/darkfoe703" target="_blank" rel="noopener" aria-label="go to Source"><button>GitHub</button></a>
          </div>
        </div>
        <div class="card-p">
          <img class="card-img" src="{{site.url}}/assets/images/portfolio/area-52.png" alt="Area-52 Landing page">
          <div class="details">
            <h4 class="card-p-title">Area-52 - Landing Page/Blog</h4>
            <p>Technologies: HTML, CSS, JavaScript, Responsive (work in progress)</p>
            <a href="https://darkfoe703.github.io/a52/" target="_blank" rel="noopener" aria-label="go to Demo"><button>Demo</button></a>
            <a href="https://github.com/Darkfoe703/a52" target="_blank" rel="noopener" aria-label="go to Source"><button>GitHub</button></a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- <button class="show btn">Click To See Modal </button> -->
  <div class="modal">
    <div class="modal-box">
      <span class="close-button"> X </span>
      <h1>Hello, my name is modal</h1>
    </div>
  </div>

  {%- include profile.html -%}
</div>
<script src="assets/js/app.js"></script>