<!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>