LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Portfolio

Javascript

Lorem ipsum dolor sit amet

View

Node.js

Lorem ipsum dolor sit amet

View

NPM

Lorem ipsum dolor sit amet

View

WebDev

Lorem ipsum dolor sit amet

View

CSS

Lorem ipsum dolor sit amet

View

Angular

Lorem ipsum dolor sit amet

View
Tyrell Corp.
1355 Market St, Suite 900
San Francisco, CA 94103
P: (123) 456-7890

FG
FG@example.io
CSS
body {
  background-color: #EEEEEE;
}

#intro {
  margin-top: 80px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#port {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#contact {
  color: #212121;
}

#one {
  background-color: #00E5FF;
}

#nav {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#hi {
  display: none;
}

#ru {
  display: none;
}

#card1 {
  width: 22rem;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}

#card2 {
  width: 22rem;
  margin-right: 5px;
  margin-bottom: 5px;
}

#card3 {
  width: 22rem;
  margin-right: 5px;
  margin-bottom: 5px;
}

#card3 {
  width: 22rem;
  margin-right: 5px;
  margin-bottom: 5px;
}

.fa-github{background-color:black;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.8em;
text-align: center;
line-height: 40px;
color: white;
margin-left: 10px;} 

.fa-twitter{background-color:#03A9F4;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.8em;
text-align: center;
line-height: 40px;
color: white;
margin-left: 5px;} 

.fa-linkedin{background-color:#01579B;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.8em;
text-align: center;
line-height: 40px;
color: white;
margin-left: 5px;} 
JS
function randomIntFromInterval(min,max)
{
    return Math.floor(Math.random()*(max-min+1)+min);
}

function typeWrite(span){
  $('#'+span).addClass('cursor')
  var text = $('#'+span).text();
  var randInt = 0
  for (var i = 0; i < text.length; i++) {
    randInt += parseInt(randomIntFromInterval(40,300));
    var typing = setTimeout(function(y){
      $('#'+span).append(text.charAt(y));
    },randInt, i);
  };
  setTimeout(function(){
    $('#'+span).removeClass('cursor');
  },randInt+2500);
}
$(document).ready(function(){
  typeWrite('div1');
});
Term
Wed, 12/27/2017 - 06:59

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv