---
title: 'Open Course Hub Package Now Includes Three Example Sites'
date: 02/12/2018
continue_link: true
header_image: false
metadata:
    'twitter:card': summary
    'twitter:site': '@hibbittsdesign'
    'twitter:title': 'Open Course Hub Package Now Includes Three Example Sites'
    'twitter:description': 'A brief look at the three example sites now included with the Open Course Hub Package.'
    'twitter:image': 'http://hibbittsdesign.org/blog/posts/2018-02-12-open-course-hub-now-includes-three-example-sites/intermediate-open-course-hub.png'
taxonomy:
    category: blog
    tag:
        - GravCMS
---

With the release of the Open Course Hub 2.0 package, three example sites are included in the Course Hub Bootstrap theme's **_demo** folder; _basic_, _intermediate_ and _advanced_. Let's take a brief look at the visual appearance and highlights of each example:

===

**Basic Open Course Hub**  
![Basic Open Course Hub Site Example](basic-open-course-hub.png)  
_Figure 1. Basic Open Course Hub Site Example._

Highlights:  
* Homepage Blog + two visible top-level standard pages ('Resources' and 'Syllabus')
* Markdown/HTML custom 'Sidebar' and 'Footer' pages
* Optional site header image folder ('Header Image')
* One unpublished top-level page ('Schedule')
* One published but not visible page ('Mini Homepage') for embedding into LMS

Explore a [basic example Open Course Hub site](http://demo.hibbittsdesign.org/grav-skeleton-course-hub-site-basic/) or [download a ready-to-run package](http://www.hibbittsdesign.org/blog/downloads/grav-skeleton-course-hub-site-basic.zip).

![Basic Open Course Hub Site Example Pages](basic-site-pages.png)  
_Figure 2. Basic Open Course Hub Site Example Pages._

![Basic Open Course Hub Site Example File Structure](basic-file-structure-brackets.png)  
_Figure 3. Basic Open Course Hub Site Example File Structure._

**Intermediate Open Course Hub**  
![Intermediate Open Course Hub Site Example](intermediate-open-course-hub.png)  
_Figure 4. Intermediate Open Course Hub Site Example._

Highlights:  
* Homepage Blog + two visible top-level standard pages ('Resources' and 'Syllabus')
* Markdown/HTML custom 'Sidebar' and 'Footer' pages
* Optional site header image folder ('Header Image')
* One unpublished top-level page ('Schedule')
* One published but not visible page ('Mini Homepage') for embedding into LMS
* One top-level modular collection page ('UX Techniques')
* One custom content type page for modular use  ('Web Pick of the Week')

Explore an [intermediate example Open Course Hub site](http://demo.hibbittsdesign.org/grav-skeleton-course-hub-site-intermediate/) or [download a ready-to-run package](http://www.hibbittsdesign.org/blog/downloads/grav-skeleton-course-hub-site-intermediate.zip).

![Intermediate Open Course Hub Site Example Pages](intermediate-site-pages.png)  
_Figure 5. Intermediate Open Course Hub Site Example Pages._

![Intermediate Open Course Hub Site Example File Structure](intermediate-file-structure-brackets.png)  
_Figure 6. Intermediate Open Course Hub Site Example File Structure._

**Advanced Open Course Hub**  

![Advanced Open Course Hub Site Example](advanced-open-course-hub.png)  
_Figure 7. Advanced Open Course Hub Site Example._

Highlights:  
* Homepage Blog + two visible top-level standard pages ('Resources' and 'Syllabus')
* Markdown/HTML custom 'Sidebar' and 'Footer' pages
* Optional site header image folder ('Header Image')
* One unpublished top-level page ('Schedule')
* One published but not visible page ('Mini Homepage') for embedding into LMS
* One top-level modular collection page ('UX Techniques')
* One top-level custom content type page ('UX News')
* Two custom content type pages for modular use ('Web Pick of the Week' and 'Twitter Feed')
* One custom content type listing page, capable of automatically displaying  multiple content types for modular use ('Required Readings' and 'Slides')

Explore an [advanced example Open Course Hub site](http://demo.hibbittsdesign.org/grav-skeleton-course-hub-site-advanced/) or [download a ready-to-run package](http://www.hibbittsdesign.org/blog/downloads/grav-skeleton-course-hub-site-advanced.zip).

![Advanced Open Course Hub Site Example Pages](advanced-site-pages.png)  
_Figure 8. Advanced Open Course Hub Site Example Pages._

![Advanced Open Course Hub Site Example File Structure](advanced-file-structure-brackets.png)  
_Figure 9. Advanced Open Course Hub Site Example File Structure._