Webdesignbureau Gorinchem

Timetable Demo

Here the demo of the Timetable.  Click here to see the "Horizontal"-template
Note: I did some style through the css of this C5 theme. Layout could be different when using another theme. 


  July 4, 2014
  Room 1 Room 2 Room 3
10:00    
     
10:30    
     
11:00    
     
11:30    
     
12:00    
     
12:30    
       
13:00    
     
13:30      
       
14:00      
       
14:30      
       
15:00      
       
15:30      
       
16:00      
       
16:30    
     
17:00    
     
17:30    
     
18:00    
     
18:30      
       
19:00      
       
19:30      
       
20:00      
       
20:30      
       
21:00      
       
21:30      
       
22:00      
       
22:30      
       
  July 5, 2014
  Room 1 Room 2 Room 3
10:00      
       
10:30      
       
11:00      
       
11:30      
       
12:00      
       
12:30      
       
13:00      
       
13:30      
       
14:00      
       
14:30      
       
15:00      
       
15:30      
       
16:00      
       
16:30      
       
17:00      
       
17:30      
       
18:00      
       
18:30      
       
19:00      
       
19:30      
       
20:00      
       
20:30      
       
21:00      
       
21:30      
       
22:00      
       
22:30      
       
  July 6, 2014
  Room 1 Room 2 Room 3
10:00      
       
10:30      
       
11:00      
       
11:30      
       
12:00      
       
12:30      
       
13:00      
       
13:30      
       
14:00      
       
14:30      
       
15:00      
       
15:30      
       
16:00      
       
16:30      
       
17:00      
       
17:30      
       
18:00      
       
18:30      
       
19:00      
       
19:30      
       
20:00      
       
20:30      
       
21:00      
       
21:30      
       
22:00      
       
22:30      
       

Event 1

11:00 - 12:00 on July 4, 2014 (Room 1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare lorem venenatis, pulvinar ante ac, porta ligula. Praesent arcu risus, dapibus in congue in, varius non lectus. Phasellus eu sem auctor, placerat urna a, vehicula est. Praesent gravida imperdiet metus ac scelerisque. In egestas accumsan metus ut egestas. Aenean varius convallis diam at molestie. Mauris eget dui non tortor tempus egestas. Proin hendrerit molestie ligula. Ut felis purus, dignissim non auctor sit amet, ornare in mauris. Integer rhoncus vitae felis at tristique. Phasellus elit erat, malesuada vitae consectetur eu, dapibus eget lacus. Vivamus sed accumsan dolor, vitae pharetra dui.

Screenshot_16.png

Another event

11:15 - 12:45 on July 4, 2014 (Room 1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare lorem venenatis, pulvinar ante ac, porta ligula. Praesent arcu risus, dapibus in congue in, varius non lectus. Phasellus eu sem auctor, placerat urna a, vehicula est. Praesent gravida imperdiet metus ac scelerisque. In egestas accumsan metus ut egestas. Aenean varius convallis diam at molestie. Mauris eget dui non tortor tempus egestas. Proin hendrerit molestie ligula. Ut felis purus, dignissim non auctor sit amet, ornare in mauris. Integer rhoncus vitae felis at tristique. Phasellus elit erat, malesuada vitae consectetur eu, dapibus eget lacus. Vivamus sed accumsan dolor, vitae pharetra dui.

Event 1

16:30 - 18:30 on July 4, 2014 (Room 2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare lorem venenatis, pulvinar ante ac, porta ligula. Praesent arcu risus, dapibus in congue in, varius non lectus. Phasellus eu sem auctor, placerat urna a, vehicula est. Praesent gravida imperdiet metus ac scelerisque. In egestas accumsan metus ut egestas. Aenean varius convallis diam at molestie. Mauris eget dui non tortor tempus egestas. Proin hendrerit molestie ligula. Ut felis purus, dignissim non auctor sit amet, ornare in mauris. Integer rhoncus vitae felis at tristique. Phasellus elit erat, malesuada vitae consectetur eu, dapibus eget lacus. Vivamus sed accumsan dolor, vitae pharetra dui.

Screenshot_16.png