P Paper
  • Menu
  • Imersive video
  • Reveal1
  • Reveal2
  • Animated Intro
  • AOS-PDP-New
  • Sticky Footer
  • 3D grid
  • Vertical Fixed Nav
  • Vertical Fixed Nav2
  • Split Screen Reveal
  • On Load block revealer
  • On Scroll1
  • Modal Block reveal
  • Orgami Foldout Gallery
  • On Load blockX
  • Hover Slide
  • Grid Loading3
  • AOS Multistep
  • Onscroll-Orig
  • Border SVG Line
  • Samsung
  • HTML5 Video
  • Split Screen NEW1
  • Hover Tilt8N
  • Hover Tilt8-single
  • Horiz TimeLine
  • vert timeline
  • Vert Scroll timeline
  • Vline-Manoela
  • Split Screen rev 2 img
  • 10 Image Hover Effects
  • Rotate Icon
  • CSS Masked Transition
  • Hover Tilt Effect-N
  • Image Mask
  • SVG MOdal window
  • Border Animation SVG
  • BorderSVG1
  • Card Expansion
  • Multi Overlay
  • Hover Stack Motion
  • FAQ
  • responsive accordion
  • Smart Fixed Navigation
  • Vertical Fixed Nav1
  • Multiple Content Overlays
  • Card Expansion Pbrisk Apsara
  • Scroll Down Mouse SVG
  • Ex Bar Menu1
  • Ex Bar Menu2
  • Expanding Bar Menu3
  • Zoom
  • Hover Effect set1
  • Hover Stack 1row
  • Blend Double Exp
  • Cross Ref Table
  • Grid Load Animation
  • Split Page Layout
  • Team member bio
  • Responsive vertical tab
  • Product Comparision
  • Product Compare Manoela
  • Designer Developer Page
  • Header Play
  • Explodal
  • Explodal-New
  • Arti Intro Fixed Side
  • Arti intro side
  • Arti intro grid
  • Morphing Back
  • Morphing Back2a
  • Folder Preview Ideas
  • Folder Pre-3
  • Responsive Tabs-RTAB
  • Responsive Full Width Tab
  • Letter Interaction
  • Image Grid Demo1
  • lLittleSnippet1579
  • Split Screen rev 2a
  • Pointy Slider
  • Organic Morphing
  • Organic Morphing2
  • Buttons Baamboo
  • CSS Grid Slide Show
  • CSS Grid Slide Demo1
  • Sticky Top
  • Animated Pieces
  • Schedule Template
  • Animated Pieces Grid
  • Animated Pieces Gallery
  • M word Overlays
  • Hover Menu Items
  • Morphpage-d2
  • morphpage d-3
  • Back to top
  • Hover-menu-salal
  • Hover Menu-Yona
  • Hove Menu-Dustu
  • hover Menu Tsula
  • Menu hover Mohe
  • Morphing Back2aNew
  • Auto Hide Nav 3
  • indexap
    • servicesap
  • DragImageGrid
  • Split Layout
  • Deco Lines EX3
  • Organic SVG Morph
  • Team member bio1
  • Strechy Navigation
  • MENU Block revealer
  • Smart Fix Nav V1
  • lice Dual Demo1
  • Slice Demo1-Play
  • SVG Hero2
  • Slice Demo2-Play
  • Liquid D3
  • Grid Load Animation -shu
  • Quad Image
  • SVG Shape Overlay
  • Split Screen
  • xpandable Project Pres
  • Sliding Panel
  • Menu
  • Imersive video
  • Reveal1
  • Reveal2
  • Animated Intro
  • AOS-PDP-New
  • Sticky Footer
  • 3D grid
  • Vertical Fixed Nav
  • Vertical Fixed Nav2
  • Split Screen Reveal
  • On Load block revealer
  • On Scroll1
  • Modal Block reveal
  • Orgami Foldout Gallery
  • On Load blockX
  • Hover Slide
  • Grid Loading3
  • AOS Multistep
  • Onscroll-Orig
  • Border SVG Line
  • Samsung
  • HTML5 Video
  • Split Screen NEW1
  • Hover Tilt8N
  • Hover Tilt8-single
  • Horiz TimeLine
  • vert timeline
  • Vert Scroll timeline
  • Vline-Manoela
  • Split Screen rev 2 img
  • 10 Image Hover Effects
  • Rotate Icon
  • CSS Masked Transition
  • Hover Tilt Effect-N
  • Image Mask
  • SVG MOdal window
  • Border Animation SVG
  • BorderSVG1
  • Card Expansion
  • Multi Overlay
  • Hover Stack Motion
  • FAQ
  • responsive accordion
  • Smart Fixed Navigation
  • Vertical Fixed Nav1
  • Multiple Content Overlays
  • Card Expansion Pbrisk Apsara
  • Scroll Down Mouse SVG
  • Ex Bar Menu1
  • Ex Bar Menu2
  • Expanding Bar Menu3
  • Zoom
  • Hover Effect set1
  • Hover Stack 1row
  • Blend Double Exp
  • Cross Ref Table
  • Grid Load Animation
  • Split Page Layout
  • Team member bio
  • Responsive vertical tab
  • Product Comparision
  • Product Compare Manoela
  • Designer Developer Page
  • Header Play
  • Explodal
  • Explodal-New
  • Arti Intro Fixed Side
  • Arti intro side
  • Arti intro grid
  • Morphing Back
  • Morphing Back2a
  • Folder Preview Ideas
  • Folder Pre-3
  • Responsive Tabs-RTAB
  • Responsive Full Width Tab
  • Letter Interaction
  • Image Grid Demo1
  • lLittleSnippet1579
  • Split Screen rev 2a
  • Pointy Slider
  • Organic Morphing
  • Organic Morphing2
  • Buttons Baamboo
  • CSS Grid Slide Show
  • CSS Grid Slide Demo1
  • Sticky Top
  • Animated Pieces
  • Schedule Template
  • Animated Pieces Grid
  • Animated Pieces Gallery
  • M word Overlays
  • Hover Menu Items
  • Morphpage-d2
  • morphpage d-3
  • Back to top
  • Hover-menu-salal
  • Hover Menu-Yona
  • Hove Menu-Dustu
  • hover Menu Tsula
  • Menu hover Mohe
  • Morphing Back2aNew
  • Auto Hide Nav 3
  • indexap
    • servicesap
  • DragImageGrid
  • Split Layout
  • Deco Lines EX3
  • Organic SVG Morph
  • Team member bio1
  • Strechy Navigation
  • MENU Block revealer
  • Smart Fix Nav V1
  • lice Dual Demo1
  • Slice Demo1-Play
  • SVG Hero2
  • Slice Demo2-Play
  • Liquid D3
  • Grid Load Animation -shu
  • Quad Image
  • SVG Shape Overlay
  • Split Screen
  • xpandable Project Pres
  • Sliding Panel
Search by typing & pressing enter

YOUR CART

Page: Horiz Timeline

  1. 16 Jan
  2. 28 Feb
  3. 20 Mar
  4. 20 May
  5. 09 Jul
  6. 30 Aug
  7. 15 Sep
  8. 01 Nov
  9. 10 Dec
  10. 29 Jan
  11. 3 Mar
  • Prev
  • Next
  1. Horizontal Timeline

    January 16th, 2014

    First 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.

  2. Event title here

    February 28th, 2014

    Second 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.

  3. Event title here

    March 20th, 2014

    Third 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.

  4. Event title here

    May 20th, 2014

    Fourth 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.

  5. Event title here

    July 9th, 2014

    Fifth 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.

  6. Event title here

    August 30th, 2014

    Sixth 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.

  7. Event title here

    September 15th, 2014

    Sevent 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.

  8. Event title here

    November 1st, 2014

    Eight 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.

  9. Event title here

    December 10th, 2014

    Ninth 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.

  10. Event title here

    January 19th, 2015

    Tenth 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.

  11. Event title here

    March 3rd, 2015

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



Powered by Create your own unique website with customizable templates.