LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code










 

Isaac. Front-End Web Developer

Designing & building projects.

About


Education

Hello World! My name is Isaac. I have a High School diploma in Science and I'm a passionate developer who fell in love with programming and web design.

I'm currently studying on the Platzi's platform of technology courses, and I also claimed the Front-End certificate of FreeCodeCamp's program.

Aside from experimenting, creating, and learning everything that I can about web development, I've been learning Digital Design, focusing on the skills of Branding, UI, UX, and Graphic design. Nothing compares to the feeling of creating something from nothing.

You can check out my main Certificates here.

Why web development ?

As a web developer, I can have great opportunities to help a lot of people, to further expand my skills as a dynamic, flexible web developer with both the technological aptitude and the aesthetic sense to design and develop the web presence that is needed.

I was attracted to this field because I feel like it stimulates my creativity, and I can bring ideas to life by creating great products.

I am currently available for any small freelance projects, as well as full-time positions as a front-end developer.

If you need someone who aims to develop well designed, scalable sites you contact me by using the form below the projects section or using the social media links.

Projects:


Simon Game

Used HTML, CSS and JavaScript

Tic Tac Toe Game

Used HTML, CSS and JavaScript

Pomodoro Clock

Used HTML, CSS and jQuery

Calculator App

Used HTML, CSS and jQuery

Twitchtv JSON API

Used HTML, CSS and jQuery

Wikipedia Search App

Used HTML, CSS and jQuery

Show the Local Weather

Used HTML, CSS and jQuery

Random Quote Machine

Used HTML, CSS and jQuery

Project Clone Platzi Blog

Used HTML and CSS

Side Project Invie Page

Used HTML and CSS

Personal Portfolio Webpage

Used HTML, CSS and jQuery

Tribute Page

Used HTML and CSS

CSS
.nav-pills{
  font-family: Lobster;
  font-size: 20px;
  background-color: #003311;
  margin-bottom: 10%;
  opacity: .8; 
  
}


.cert {
  color: #008000;
}

.cert:hover,active,visited{
  text-decoration: none;
}




a{
  color:white;
}

.sectionOne{
  background:url("https://s27.postimg.org/hski0ro3n/6coubedwg24_luis_llerena.jpg");
  background-size:cover;
  height:800px;
  margin-top: -10%;
  
}

#name1{
  padding:0;
  margin-top:0px;
  color: white;
  font-family: Montserrat;
  
  
}

.block{
  background-color: #003311;
  opacity: .8;
  padding: 10px;
  width: 50%;
  margin-right:auto;
  margin-left:auto;
  border-radius: 10px;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  top: 450px;

}



.head-image{
  height: 800px;
  width: 100%;
  display: block;
  
  }

h1{
  font-family: Montserrat;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  color: #003311;
  margin: .67em 0;
  margin-bottom: 10px;
}

#about {
  background-color: #f4f5f7;
  padding-bottom: 20vh;
  
}

.about-text{
  margin-top: 50px;
}
  
 body {
    font-family: 'Montserrat', sans-serif;
    color: black;
    background-color: white;
}

.under-title {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px solid grey;
  font-size: 25px; }

.main-img {
      border-radius:50%;
      border-width: 3px;
      margin: 30px 0 10px;
      border-style: solid;
      max-width:15%;
      height:auto;
      width:200px;
      position: relative;
      top: 3%;
      margin-left: auto;
      margin-right: auto;
      color: white;
}

#projects {
  background-color: white;
  padding-bottom: 30vh;
  
}

.projects-text{
  margin-top: 50px;
}

.row{
  margin-right: -15px;
  margin-left: -15px;
}



.col-lg-4 img:hover{
  opacity: .5;
}

.project-image {
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}

.col-lg-4 h4{
  font-size: 20px;
}

.col-lg-4 p{
  color: grey;
}


.footer-distributed {
    background-color: #003311;
    padding-bottom: 10px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  text-align: left;
  padding: 25px 60px 20px;
  margin-top: 80px;
  overflow: hidden;
}

img{
  margin-top: 10px;
  
}

p{
  font-size: 17px;
}

.footer-right {
    float: right;
    padding: 20px;
}

.footer-right p {
    display: inline-block;
    vertical-align: top;
    margin: 15px 42px 0 0;
    color: white;
}

form {
    display: inline-block;
}

input {
    height: 55px;
    margin-bottom: 15px;
}

.footer-distributed form input, .footer-distributed form textarea {
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #001a09;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: none;
    resize: none;
    font: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #d1d2d2;
    width: 400px;
    padding: 18px;
}

textarea {
    height: 100px;
    margin-bottom: 20px;
}

button {
    border-radius: 3px;
    background-color: #004d00;
    color: #ffffff;
    border: 0;
    padding: 15px 50px;
    font-weight: bold;
    float: left;
}

.footer-left {
    float: left;
}

.footer-distributed h3 {
    margin: 0 0 10px;
   color: white;
   font-size: 16px;
}

.footer-distributed .footer-icons {
    color: #ffffff;
    margin: 0 0 10px;
    padding: 0;
}

.footer-distributed .footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color: white;
    border-radius: 5px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;
    margin-right: 3px;
    margin-bottom: 5px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    box-sizing: border-box;
}

.fa-twitter {
    content: "\f099";
  color: #003311;
  
  
}

.fa-facebook {
    content: "\f099";
  color: #003311;
  
  
}

.fa-github {
    content: "\f099";
  color: #003311;
  
  
}

.fa-linkedin {
    content: "\f099";
  color: #003311;
  
  
}

JS
$('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 1000);
    return false;
});
Wed, 12/27/2017 - 07:04

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv