angular-timeline
Version:
An Angular.js directive that generates a responsive, data-driven vertical timeline to tell a story, show history or describe a sequence of events.
34 lines (27 loc) • 1.22 kB
HTML
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Angular Timeline Example</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="../dist/angular-timeline.css" />
<link rel="stylesheet" href="../dist/angular-timeline-images.css" />
<link rel="stylesheet" href="../dist/angular-timeline-bootstrap.css" />
<link rel="stylesheet" href="../dist/angular-timeline-animations.css" />
</head>
<body ng-app="example">
<style>
body { background-color: aliceblue; }
timeline-footer { background-color: aliceblue; }
</style>
<div ui-view></div>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="../bower_components/angular-scroll-animate/dist/angular-scroll-animate.js"></script>
<script src="../dist/angular-timeline.js"></script>
<script src="app.js"></script>
<script src="example-controller.js"></script>
</body>
</html>