-
Horizontal Timeline
January 16th, 2014First event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
February 28th, 2014Second Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
March 20th, 2014Third Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
May 20th, 2014Fourth Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
July 9th, 2014Fifth Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
August 30th, 2014Sixth Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
September 15th, 2014Sevent Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
November 1st, 2014Eight Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
December 10th, 2014Ninth Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
January 19th, 2015Tenth Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
-
Event title here
March 3rd, 2015Eleventh Event. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
Assets
The java script file has the modification for changing the content with arrow or bullet point. There is also a code snippet to make the bullet points equidistance.
Folder: Horintal Time Line
Page type: No Header the Page is called Horiz Timeline
Footer Code
<!-- folder horizontal timeline -->
<!-- footer code for horizontal time line starts here -->
<script src="http://apsara1.weebly.com/files/theme/jquery-2.1.4.js"></script>
<script src="http://apsara1.weebly.com/files/theme/jquery.mobile.custom.min.js"></script>
<script src="http://apsara1.weebly.com/files/theme/main-htimeline.js"></script> <!-- Resource jQuery -->
<!-- footer code for horizontal time line ends here -->
Header Code
<!-- folder horizontal time line -->
<!-- header code for horizontal time line starts here -->
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:700,900|Fira+Sans:400,400italic' rel='stylesheet' type='text/css'>
<!-- <link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="http://apsara1.weebly.com/files/theme/style-htimeline.css"> <!-- Resource style -->
<script src="http://apsara1.weebly.com/files/theme/modernizr.js"></script> <!-- Modernizr -->
<!-- header code for horizontal time line ends here -->
Folder: Horintal Time Line
Page type: No Header the Page is called Horiz Timeline
Footer Code
<!-- folder horizontal timeline -->
<!-- footer code for horizontal time line starts here -->
<script src="http://apsara1.weebly.com/files/theme/jquery-2.1.4.js"></script>
<script src="http://apsara1.weebly.com/files/theme/jquery.mobile.custom.min.js"></script>
<script src="http://apsara1.weebly.com/files/theme/main-htimeline.js"></script> <!-- Resource jQuery -->
<!-- footer code for horizontal time line ends here -->
Header Code
<!-- folder horizontal time line -->
<!-- header code for horizontal time line starts here -->
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:700,900|Fira+Sans:400,400italic' rel='stylesheet' type='text/css'>
<!-- <link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="http://apsara1.weebly.com/files/theme/style-htimeline.css"> <!-- Resource style -->
<script src="http://apsara1.weebly.com/files/theme/modernizr.js"></script> <!-- Modernizr -->
<!-- header code for horizontal time line ends here -->