123 lines
3.2 KiB
HTML
123 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700' rel='stylesheet' type='text/css'>
|
|
|
|
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
|
|
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
|
|
<script src="js/modernizr.js"></script> <!-- Modernizr -->
|
|
|
|
<title>Animated Headlines | CodyHouse</title>
|
|
</head>
|
|
<body>
|
|
<section class="cd-title">
|
|
<h1>Animated Headlines</h1>
|
|
</section>
|
|
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline rotate-1">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline letters type">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper waiting">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline letters rotate-2">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline loading-bar">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline slide">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline clip is-full-width">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline zoom">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline letters rotate-3">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline letters scale">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<section class="cd-intro">
|
|
<h1 class="cd-headline push">
|
|
<span>My favourite food is</span>
|
|
<span class="cd-words-wrapper">
|
|
<b class="is-visible">pizza</b>
|
|
<b>sushi</b>
|
|
<b>steak</b>
|
|
</span>
|
|
</h1>
|
|
</section> <!-- cd-intro -->
|
|
<script src="js/jquery-2.1.1.js"></script>
|
|
<script src="js/main.js"></script> <!-- Resource jQuery -->
|
|
</body>
|
|
</html> |