index.html

---
layout : main
title : "Epsilon DataLabs"
project_title: "Epsilon DL"
project_description: "A home for data, a world of science. This is data science."
---
<!-- Core theme CSS (includes Bootstrap)-->
<link href="{{ '../assets/css/main_masthead.css' | replace: '..', site.url }}" rel="stylesheet" />

  <!-- About-->
  <section class="about-section text-center" id="about">
      <div class="container">
          <div class="row" id="about_div">
              <div class="col-lg-8 mx-auto">
                  <h2 class="text-white mb-4">Epsilon DataLabs</h2>
                  <p class="text-white-50">
                      As a data scientist I have worked with several kinds of data in different projects, now I have decided to analyze and start some projects on my favorites and daily activities like gaming, work out, etc. This is the result.
                  </p>
              </div>
          </div>
          <img class="img-fluid" src="assets/img/logo epsilon resp.jpg" alt="" />
      </div>
  </section>
  <!-- Main-->
  <section class="projects-section bg-light" id="Main">
    <div class="container">
        <!-- Featured Project Row-->
        <a href="fpl.html#masthead">
          <div class="row align-items-center no-gutters mb-4 mb-lg-5">
              <div class="col-xl-8 col-lg-7">
                  <img class="img-fluid mb-3 mb-lg-0" src="assets/img/logo-premier-league.png" alt="" /></div>

              <div class="col-xl-4 col-lg-5">
                  <div class="featured-text text-center text-lg-left">
                      <h4>Fantasy Premier League</h4>
                      <p class="text-black-50 mb-0">I have played the FPL for over 5 seasons, each decision were more passionate than logical, now I'm changing this, using the power of data.</p>
                  </div>
              </div>
          </div>
        </a>
  </section>
  <!-- Projects-->
  <section class="projects-section bg-light" id="projects">
          <!-- Project One Row-->
          <div class="row justify-content-center no-gutters mb-5 mb-lg-0">
              <div class="col-lg-6">
                <a href="mtg.html#masthead">
                  <img class="img-fluid" src="assets/img/Jace Beleren.png" alt="" />
                </a>
              </div>
              <div class="col-lg-6">
                  <div class="bg-black text-center h-100 project">
                      <div class="d-flex h-100">
                          <div class="project-text w-100 my-auto text-center text-lg-left">
                            <a href="mtg.html#masthead">
                              <h4 class="text-white">Magic The Gathering</h4>
                              <p class="mb-0 text-white-50">One of my favorites cards games since my time at the university, now I'm playing Arena, the digital version of the game.</p>
                              <hr class="d-none d-lg-block mb-0 ml-0" />
                            </a>
                          </div>
                      </div>
                  </div>
              </div>
              </a>
          </div>
          <!-- Project Two Row-->
          <div class="row justify-content-center no-gutters">
              <div class="col-lg-6">
                <a href="random_posts.html#masthead">
                  <img class="img-fluid" src="assets/img/Chaos_Theory.jpg" alt="" />
                </a>
              </div>
              <div class="col-lg-6 order-lg-first">
                  <div class="bg-black text-center h-100 project">
                      <div class="d-flex h-100">
                          <div class="project-text w-100 my-auto text-center text-lg-right">
                            <a href="random_posts.html#masthead">
                              <h4 class="text-white">Random posts</h4>
                              <p class="mb-0 text-white-50">Small ideas that randomly get into my head.</p>
                              <hr class="d-none d-lg-block mb-0 mr-0" />
                            </a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </section>
  <!-- Signup-->
  <!--
  <section class="signup-section" id="signup">
      <div class="container">
          <div class="row">
              <div class="col-md-10 col-lg-8 mx-auto text-center">
                  <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
                  <h2 class="text-white mb-5">Subscribe to receive updates!</h2>
                  <form class="form-inline d-flex">
                      <input class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="inputEmail" type="email" placeholder="Enter email address..." />
                      <button class="btn btn-primary mx-auto" type="submit">Subscribe</button>
                  </form>
              </div>
          </div>
      </div>
  </section>
  -->