Timeline style web template

Now your website can look like your watch

Inspired by the visual language of the Pebble Timeline, this template allows you to create website that shares visual charactertistics with the Pebble watch's iconic Timeline interface—perfect for showcasing your Pebble app, or even for your next watch-related blog!

Want to show your users some screenshots? Just throw them in:

• Use simple code to insert pins anywhere you want -- thanks to the magical power of CSS, pins are anchored to their position in your text, so they will properly move when you add or remove content. <div class="pin">   <img src="images/pin_icons/NOTIFICATION_FLAG.svg"> </div>
• Use any of the icons available in Pebble's official list of timeline pin icons, including , , or even !
• Includes a timeline-inspired intro animation! Hate it? Just comment out the following line from index.html: <link rel='stylesheet' type='text/css' href='css/animations.css'>
• Responsive—the “timeline” scales to fit the size of the device you're using!

Want to use it for your own project?

Great! Just fork it on GitHub!