Skip to content

Instantly share code, notes, and snippets.

@ratul16

ratul16/Typed js format

Created January 17, 2019 19:40
Show Gist options
  • Save ratul16/74491ec87094652de1764385e85eb5c0 to your computer and use it in GitHub Desktop.
Save ratul16/74491ec87094652de1764385e85eb5c0 to your computer and use it in GitHub Desktop.
Download ZIP
Template for typed.js in webpage
Raw
Typed js format
##Javascript
$(function(){
$(".typed").typed({
strings: ["Developers.", "Designers.", "People."],
stringsElement: null,
typeSpeed: 30,
startDelay: 1200,
backSpeed: 20,
backDelay: 500,
loop: true,
});
});
##Html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<title>GitPort</title>
</head>
<body>
<h1 class="text-center animated tada">{ GitPort }</h1>
<div class="banner">
<div class="typed_wrap text-center">
<h1><span class="typed"></span></h1>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment