Umut İngin
Software Developer

Who Am I ?

When I was 15 there was nothing more exciting to me than playing around with the old broken computers. After college I worked at Emphasit Inc. I've been doing it ever since. I became a teenage web developer. But it's not the whole story.

What I Do ?

Software developers are the creative minds behind software programs. They create software that allows users to perform specific tasks on various devices, such as computers or mobile devices.

Source Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="Description" content="When I was 15 there was nothing more exciting to me than playing around with the old broken computers.I became a teenage web developer. But it's not the whole story."/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Umut İngin | Software Developer"/>
    <meta property="og:description" content="When I was 15 there was nothing more exciting to me than playing around with the old broken computers.I became a teenage web developer. But it's not the whole story."/>
    <meta property="og:url" content="http://umutingin.com.tr/"/>
    <meta property="og:site_name" content="Umut İngin"/>
    <meta property="og:image" content="http://umutingin.com.tr/images/umutingin.jpg">
    <meta name="twitter:card" value="summary">
    <meta name="twitter:site" content="@umut_ingin">
    <meta name="twitter:creator" content="@umut_ingin">
    <meta name="twitter:title" content="Umut İngin | Software Developer">
    <meta name="twitter:description" content="When I was 15 there was nothing more exciting to me than playing around with the old broken computers.I became a teenage web developer. But it's not the whole story.">
    <meta name="twitter:image" content="http://umutingin.com.tr/images/umutingin.jpg">
    <link rel="canonical" href="http://umutingin.com.tr/index.html"/>
    <!-- Page title -->
    <title>Umut İngin | Software Developer</title>
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">  
    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Font awesome -->
    <link rel="stylesheet" href="css/all.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/custom.min.css">
  </head>
  <body>
    <!-- Main container -->
    <div class="container-fluid">
      <!-- First grid row -->
      <div class="row animated bounce-in-down">
        <!-- First grid column -->
        <div class="col-sm-12">
          <!-- Title -->
          <div class="mb-4 mt-4">
            <h1 class="text-center">Umut İngin</br>
              <small class="text-muted">Software Developer</small>
            </h1>
          </div>
          <!--/. Title -->
        </div>
        <!--/. First grid column -->
      </div>
      <!--/. First grid row -->
      <!-- Second grid row -->
      <div class="row animated bounce-in-left">
        <!-- Second grid column -->
        <div class="col-sm-12">
          <!-- First paragraph -->
          <div class="mb-4 mt-4">
            <h2>Who Am I ?</h2>
            <p class="ml-4 mt-4">When I was 15 there was nothing more exciting to me than playing around with the old broken computers. After college I worked at Emphasit Inc. I've been doing it ever since. I became a teenage web developer. But it's not the whole story.</p>
          </div>
          <!--/. First paragraph -->
        </div>
        <!--/. Second grid column -->
      </div>
      <!--/. Second grid row -->
      <!-- Third grid row -->
      <div class="row animated bounce-in-right">
        <!-- Third grid column -->
        <div class="col-sm-12">
          <!-- Second paragraph -->
          <div class="mb-4 mt-4">
            <h2>What I Do ?</h2>
            <p class="ml-4 mt-4">Software developers are the creative minds behind software programs. They create software that allows users to perform specific tasks on various devices, such as computers or mobile devices.</p>
          </div>
          <!--/. Second paragraph -->
        </div>
        <!--/. Third grid column -->
      </div>
      <!--/. Third grid row -->
      <!-- Fourth grid row -->
      <div class="row animated bounce-in-left">
        <!-- Fourth grid column -->
        <div class="col-sm-12">
          <!-- Mail -->
          <div class="mb-4 mt-4">
            <h2 class="mb-3">Let's Talk.</h2>
            <a href="mailto:mail@umutingin.com.tr" class="ml-4 mt-4 hover-buzz-out"><i class="fas fa-envelope"></i>&nbsp;mail@umutingin.com.tr</a>
          </div>
          <!--/. Mail -->
          <!-- Social media -->
          <div class="mb-4 mt-4">
            <!-- GitHub -->
            <a href="https://github.com/umutingin" target="_blank" data-toggle="tooltip" data-placement="bottom" title="github.com/umutingin" class="ml-4 hover-buzz-out"><i class="fab fa-github-square fa-lg""></i></a>
            <!-- Linkedin -->
            <a href="https://www.linkedin.com/in/umutingin/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="linkedin.com/in/umutingin" class="ml-4 hover-buzz-out"><i class="fab fa-linkedin fa-lg"></i></a>
            <!-- Facebook -->
            <a href="https://www.facebook.com/umutingin" target="_blank" data-toggle="tooltip" data-placement="bottom" title="facebook.com/umutingin" class="ml-4 hover-buzz-out"><i class="fab fa-facebook-square fa-lg"></i></a>
            <!-- Twitter -->
            <a href="https://twitter.com/umut_ingin" target="_blank" data-toggle="tooltip" data-placement="bottom" title="twitter.com/umut_ingin" class="ml-4 hover-buzz-out"><i class="fab fa-twitter-square fa-lg"></i></a>
            <!-- Instagram -->
            <a href="https://www.instagram.com/umutingin/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="instagram.com/umutingin" class="ml-4 hover-buzz-out"><i class="fab fa-instagram fa-lg"></i></a>
            <!-- Spotify -->
            <a href="https://open.spotify.com/user/umutdk94" target="_blank" data-toggle="tooltip" data-placement="bottom" title="open.spotify.com/user/umutdk94" class="ml-4 hover-buzz-out"><i class="fab fa-spotify fa-lg"></i></a>
            <!-- Steam -->
            <a href="https://steamcommunity.com/profiles/76561198181107306/" target="_blank" data-toggle="tooltip" data-placement="bottom" title="steamcommunity.com/profiles/76561198181107306/" class="ml-4 hover-buzz-out"><i class="fab fa-steam-square fa-lg"></i></a>
          </div>
          <!--/. Social media -->
        </div>
        <!--/. Fourth grid column -->
      </div>
      <!--/. Fourth grid row -->
      <!-- Fifth grid row -->
      <div class="row animated bounce-in-right">
        <!-- Fifth grid column -->
        <div class="col-sm-12">
          <!-- Spotify -->
          <div class="mb-4 mt-4">
            <iframe src="https://open.spotify.com/embed/track/1Ei6c2JYhqn6RSVufQIFYA" width="100%" height="75px" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
          </div>
          <!--/. Spotify -->
        </div>
        <!--/. Fifth grid column -->
      </div>
      <!--/. Fifth grid row -->
    </div>
    <!--/. Main container -->
    <!-- Scripts -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/all.min.js"></script>
    <script src="js/custom.min.js"></script>
    <!--/. Scripts -->
  </body>
</html>

/* Font Face */
@font-face { 
  font-family: Nunito; 
  src: url('fonts/Nunito-Regular.ttf'); 
} 

/* Body Styles */
body {
  background-color: #181407;
  color: #ffffff;
  font-family: 'Nunito', sans-serif;
}

/* Container Styles */
.container-fluid {
  padding: 5% 7%;
}

/* Link Styles */
a, a:visited {
  color: #ffffff;
}
a:hover, a:active {
  color: #6c757d;
  text-decoration: none;
}
a {
  color: #ffffff;
}

/* Code Tag Styles */
code {
  color: #000000 !important;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: justify;
}

/* Animation */
.animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Hover-Buzz-Out Animation */
@-webkit-keyframes hover-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hover-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hover-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-buzz-out:hover, .hover-buzz-out:focus, .hover-buzz-out:active {
  -webkit-animation-name: hover-buzz-out;
  animation-name: hover-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Hover-Hang Animation */
@-webkit-keyframes hover-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hover-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hover-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hover-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hover-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-hang:hover, .hover-hang:focus, .hover-hang:active {
  -webkit-animation-name: hover-hang-sink, hover-hang;
  animation-name: hover-hang-sink, hover-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Bounce Animation */
@-webkit-keyframes bounce-in {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* Bounce-In Animation */
@keyframes bounce-in {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounce-in {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounce-in;
  animation-name: bounce-in;
}

/* Bounce-In-Down Animation */
@-webkit-keyframes bounce-in-down {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounce-in-down {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounce-in-down {
  -webkit-animation-name: bounce-in-down;
  animation-name: bounce-in-down;
}

/* Bounce-In-Left Animation */
@-webkit-keyframes bounce-in-left {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounce-in-left {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounce-in-left {
  -webkit-animation-name: bounce-in-left;
  animation-name: bounce-in-left;
}

/* Bounce-In-Right Animation */
@-webkit-keyframes bounce-in-right {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounce-in-right {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounce-in-right {
  -webkit-animation-name: bounce-in-right;
  animation-name: bounce-in-right;
}

/* Bounce-In-Up Animation */
@-webkit-keyframes bounce-in-up {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounce-in-up {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounce-in-up {
  -webkit-animation-name: bounce-in-up;
  animation-name: bounce-in-up;
}

/* Tooltip Function */
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});

/* Animation Functions */
function animationHover(element, animation){
    element = $(element);
    element.hover(
        function() {
            element.addClass('animated ' + animation);        
        },
        function(){
            window.setTimeout( function(){
                element.removeClass('animated ' + animation);
            }, 2000);         
        });
}
function animationClick(element, animation){
    element = $(element);
    element.click(
        function() {
            element.addClass('animated ' + animation);
            window.setTimeout( function(){
                element.removeClass('animated ' + animation);
            }, 2000);         
  
        });
}