E

Elijah Vazquez

Front End Developer

Skills

Click to view

Semantic HTML

<!DOCTYPE html>
<html lang="en">
<head>
 <title> HTML </title>
</head>
<body>
 <div class="span_4_of_12 txt-center txt-white bg-blue">
  <p> Semantic HTML </p>
 </div>
</body>
</html>

Atomic CSS

.txt-blue {
  color: #0000ff; /*fallback+*/
  color: rgba(0,0,255,1);
}.bg-blue {
  background-color: #0000ff; /*fallback+*/
  background-color: rgba(0,0,255,1);
}.block {
  display: block;
}.flex {
  display: flex;
}/* Or Bootstrap
contain row col-xs-12 col-sm-6 col-md-4 etc.
*/

SCSS

.showSkill-component {
  display: none;
  background: $grey;
  width: 100%;
  color: $white;
  .content{
    @extend: .skills;
    padding: 10px;
  }
}

Javascript / jQuery

$("#myButton").on("click", function(){
  $(".myContent").css("color", "#0000ff");
});

var myButton = document.getElementById("myButton");
myButton.addEventListener( "click" , changecolor);

Wordpress

/* Template Name: Blog */
get_header();
if ( have_posts() ) {
  while ( have_posts() ) {
    the_title();
    the_post();
  } // end while
} // end if
get_footer();

PHP

<?php
date_default_timezone_set( 'America/New_York');
$currentDate = date( "g:ia - d M Y" );
echo "<h1>Hello, it is now: " . $currentDate . " EDT </h1>";
?>

task runners (Gulp)

My-Computer:~ elijah$ cd /Apps/MAMP/htdocs/my-project
My-Computer:my-project elijah$ npm install --save-dev gulp
My-Computer:my-project elijah$ gulp styles

Recent Works

Rollins Intranet

I worked with a team of back-end developers to create a comprehensive intranet system that is available to Rollins employees through the app store as well as in browser.

I built out several static templates, components, and page elements that were used to create the Sitecore CMS. Though the project now resides in Sitecore, I focused on HTML, CSS and functional JS. All files were shared and maintained through a git repository.

Tools Used

  • HTML
  • CSS
  • JavaScript
  • Git

Live link unavailable

Fossil China

I Built two identical Microsites for Fossil watches Korea and China by using country coded resource files in Razor MVC.

This site was my fisrt introduction into MVC, Though I did not utilize razor to it's full potential, I was able to learn how to use models,views, shared views, and resource files.

Tools Used

  • HTML
  • CSS
  • jQuery
  • Razor MVC
  • Visual Studio
See Full Site

ISM Digital

ISM Digital was a custom wordpress theme I built while doing some freelance moonlighting

This project was a fantastic learning experience as I was able to deal more directly with the client than ever before. I was able to create a custom theme that utilized a couple of well supported plugins to create something unique and highly maintainable by the client.

Tools Used

  • Wordpress
  • Custom Post Types
  • revolution slider
  • Custom Fields
  • PHP
  • HTML
  • CSS
See Full Site

Boys and Girls Club

This Pro-bono Wordpress site was a fun whirlwind of two weeks.

Wanting to give back to the community, Sagepath decided to help out the Boys and Girls club of Chattooga with a new wordpress site that they would be able to update and maintain on their own. The short deadline, and importance of doing it right, really put the pressure on.

Tools Used

  • Wordpress
  • Unity
  • Theme
  • Visual Composer
  • Revolution Slider
  • CSS
See Full Site

About Me

My name is Elijah Vazquez. I graduated from the University of Central Florida with a bachelor's in Web Design. I am married to an awesome designer and living in Phoenix, AZ.

Since graduating in 2014, I have continued to sharpen and expand my skillset while working for Atlanta based agency Sagepath. My strengths lie in HTML, CSS, & Javascript, I can hand code or modify existing templates. I am young, hard working, and always learning.

I am inspired by the idea of creating something that is not only attractive but functional. I am fueled by the desire to create something that when interacted with, feels natural and intuitive. I am sustained by an endless curiosity to learn and create.

If you want to know more, here's my resume. If you want to get connected, you can email me, or find me on Facebook, Twitter, or LinkedIn.