index.html

---
layout: default
---
<header style="background-image: url('assets/img/creative/bg-header.jpg');">
  <div class="intro-content">
    <img src="assets/img/creative/profile.png" class="img-responsive img-centered" alt="">
    <div class="brand-name">Steven Leiva</div>
    <hr class="colored">
    <div class="brand-name-subtext">Software Developer, Technologist, Rails
      Developer</div>
  </div>
  <div class="scroll-down">
    <a class="btn page-scroll" href="#about"><i class="fa fa-angle-down fa-fw"></i></a>
  </div>
</header>

<section id="about">
  <div class="container wow fadeIn">
    <div class="row">
      <div class="col-md-6">
        <img src="assets/img/creative/about.jpg" class="img-responsive" alt="">
      </div>
      <div class="col-md-6 text-center">
        <h1>Hi, I'm Steven Leiva</h1>
        <hr class="colored">
        <p>I am a Software Developer based in the NYC area. I have a professional
        background in finance and economics, as well as an MBA degree from The
        University of Chicago Booth School of Business.</p>

        <p>I am a technologist at heart, and I am always interested in endeavors
        that will marry that passion with my business acumen. My interests are
        crafting beautiful code, creating compelling products, and building
        thriving businesses.</p>

        <p><strong>Let's build something together.</strong></p>
      </div>
    </div>
  </div>
</section>

<section id="portfolio">
  <div class="container text-center wow fadeIn">
    <h2>Portfolio</h2>
    <hr class="colored">
    <p>Here is a sampling of my work. Please visit my <a
        href="https://github.com/StevenXL">GitHub profile</a> for more!</p>

    <div class="row content-row">
      <div class="col-lg-12">
        <div class="portfolio-filter">
          <ul id="filters" class="clearfix">
            <li>
              <span class="filter active" data-filter="project tutorial">All</span>
            </li>
            <li>
              <span class="filter" data-filter="project">Project</span>
            </li>
            <li>
              <span class="filter" data-filter="tutorial">Tutorial</span>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="row">
        <div id="portfoliolist">

        <div class="portfolio project" data-cat="project">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Nghborly</p>
            <p class="portfolio-desc">An instantaneous and hyperlocal communal
            sharing application that seeks to digitize the process of having and
            being a good neighbor.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                    href="https://nghbor-ly.herokuapp.com/"
                    role="button">Live</a>
                  <a class="btn btn-sm btn-success portfolio-btn"
                    href="https://github.com/kimchanyoung/nghborly"
                    role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        <div class="portfolio project" data-cat="project">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Turtle-Overflow</p>
            <p class="portfolio-desc">Turtle-Overlow is a clone of the popular
            Stack Overflow site. It was built as an exercise to explore Rails's
            ActiveRecord and association features.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://turtle-overflow.herokuapp.com/"
                     role="button">Live</a>
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://github.com/dcr8898/turtle-overflow"
                     role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        <div class="portfolio project" data-cat="project">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Survey Gorilla</p>
            <p class="portfolio-desc">Survey Gorilla is an end-to-end survey
            creation and poll-taking app. Survey Gorilla was built primarily on
            Sinatra, jQuery, and ActiveRecord.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://survey-gorilla.herokuapp.com/"
                     role="button">Live</a>
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://github.com/dcr8898/survey-gorilla"
                     role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        <div class="portfolio project" data-cat="project">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Web Flash Cards</p>
            <p class="portfolio-desc">Web Flash Cards is a web-based flash card
            application. The application allows users to choose a deck of cards
            to play a mode of play.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://web-flash-cards.herokuapp.com/"
                     role="button">Live</a>
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://github.com/walsh9/web-flash-cards"
                     role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        <div class="portfolio tutorial" data-cat="tutorial">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Learn Ruby on Rails</p>
            <p class="portfolio-desc">Learn Ruby on Rails is a tutorial by
            Daniel Kehoe for Rails beginners. The tutorial includes, among other
            features, transaction e-mail.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://learn-rails-stevenxl.herokuapp.com/"
                     role="button">Live</a>
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://github.com/StevenXL/learn-rails"
                     role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        <div class="portfolio tutorial" data-cat="tutorial">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Jumpstart's Blogger 2</p>
            <p class="portfolio-desc">Jumpstart's Blogger 2 tutorial is a simple
            blogging system exploring the basics of Ruby on Rails, including
            MVC, Routing, Migrations, etc.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://limitless-cliffs-1332.herokuapp.com/"
                     role="button">Live</a>
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://github.com/StevenXL/blogger-2"
                     role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        <div class="portfolio tutorial" data-cat="tutorial">
          <div class="portfolio-wrapper">
            <p class="portfolio-title">Rails Tutorial</p>
            <p class="portfolio-desc">Michael Hartl's famous Rails Tutorial
            teaches how to build real, industrial-strength applications using
            Rails, exploring all the framework's features.</p>
            <div class="caption">
              <div class="caption-text">
                  <a class="btn btn-sm btn-success portfolio-btn"
                     href="https://morning-garden-8432.herokuapp.com/"
                     role="button">Live</a>
                  <a class="btn btn-sm btn-default portfolio-btn"
                     role="button">Source Code</a>
              </div>
              <div class="caption-bg"></div>
            </div>
          </div>
        </div>

        </div><!-- end portfoliolist -->
    </div><!-- end row -->
  </div>

</section>

<footer id="contact" class="footer" style="background-image: url('assets/img/bg-footer.jpg')">
  <div class="container text-center">
    <div class="row">
      <div class="col-md-4 contact-details">
        <h4><i class="fa fa-phone"></i> Call</h4>
        <p>305-894-6183</p>
      </div>
      <div class="col-md-4 contact-details">
        <h4><i class="fa fa-users"></i> Social</h4>
        <ul class="list-inline">
          <li><a href="https://github.com/StevenXL"><i class="fa fa-github fa-fw fa-2x"></i></a></li>
          <li><a href="https://twitter.com/StevenLeiva1"><i class="fa fa-twitter fa-fw fa-2x"></i></a></li>
          <li><a href="https://www.linkedin.com/in/stevenleiva"><i class="fa fa-linkedin fa-fw fa-2x"></i></a></li>
          <li><a href="https://www.facebook.com/Leiva.Steven"><i class="fa fa-facebook fa-fw fa-2x"></i></a></li>
        </ul>
      </div>
      <div class="col-md-4 contact-details">
        <h4><i class="fa fa-envelope"></i> Email</h4>
        <p><a href="mailto:leiva.steven@gmail.com">leiva.steven@gmail.com</a></p>
      </div>
    </div>
  </div>
</footer>