Advanced Event Timeline With
PHP, MySQL, jQuery & CSS

View the original tutorial »

2004
  • Introducing the all-new event timeline
    This is a demo for a Tutorialzine tutorial. You can slide through all of the events on the timeline and click the ones you are interested in.

    The timeline is dynamically build according to records in the MySQL database, so inserting new events is as easy as inserting a new row to the table.

    Feel free to leave your comments on the tutorial homepage (links are provided at the top and bottom of this demo).

    Have a great stay!
    Introducing the all-new event timeline
    January 2, 2004
  • First meeting with venture capitalists
    Soon after, our Company Co was founded!

    Be sure to check the rest of our company history in the time line :)
    First meeting with venture capitalists
    August 2, 2004
  • Moving in
    The company rented a garage right next to the one that Google started from.

    The CEO is certain that this means guaranteed success.

    Only if we could drive out the old Dodge that occupies the space inside. It smells funny.
    Moving in
    September 3, 2004
  • The Company HQ
    Image
    The Company HQ
    October 25, 2004
2005
  • Started our famous Free Vacation With Every Purchase Campaign
    Image
    Started our famous Free Vacation With Every Purchase Campaign
    June 17, 2005
  • Voted the startup with best support
    A fantastic achievement given that our only tech support guy doesn't speak English.

    Guess the other companies' support is really bad.
    Voted the startup with best support
    September 14, 2005
2008
  • 2000 million in profits for the second quarter
    For our main competitors.

    It is not that bad for Company Co though, at least we moved to a bigger garage.
    2000 million in profits for the second quarter
    March 26, 2008
  • A huge upgrade to the servers
    During a scheduled maintenance to the hardware, the engineering team discovered that the server farm has been powered by hamster wheels all along.

    Thanks to their fast reactions and professionalism, additional hamster wheels where installed in order to accommodate the next generation of servers.
    A huge upgrade to the servers
    April 3, 2008
2009
  • A Corporate organ donor campaign
    The management team decided to start company-wide organ donation campaign.

    All the employees are obliged to participate.

    In typical managerial style, we have a deadline till the end of the month to deliver a liver, two hearts and four kidneys.
    A Corporate organ donor campaign
    November 17, 2009
2010
  • Petting zoo grand opening
    Here at Company Co we love children. This is why we organized a free Petting zoo weekend at the park.

    However the company was having some financial difficulties, so we had to apply some restrictions.

    The llamas were plush and our interface designer, John, was dressed as a panda.
    Petting zoo grand opening
    January 2, 2010
2004
2005
2008
2009
2010

This is a tutorialzine demo. View the original tutorial, or download the source files.