# Design your Online E-learning Website

## Guiding Video

{% embed url="<https://www.youtube.com/watch?v=c2Ojq7rPrkU&t=1778s>" %}

## 1. Brand Logo

{% content-ref url="display-setting/menu/logo" %}
[logo](https://docs.hoola.vn/english/display-setting/menu/logo)
{% endcontent-ref %}

## 2. Hero Banner

{% content-ref url="display-setting/homepage/hero-banner" %}
[hero-banner](https://docs.hoola.vn/english/display-setting/homepage/hero-banner)
{% endcontent-ref %}

3\. Create your own courses 101

{% content-ref url="manage-content/courses/create-your-own-courses-101" %}
[create-your-own-courses-101](https://docs.hoola.vn/english/manage-content/courses/create-your-own-courses-101)
{% endcontent-ref %}

**Tips:** Creating more courses with different topics and tags will make your website much more informative and ‘aesthetic’

#### Note: In order to showcase the courses on your homepage, you should visit:&#xD;

{% content-ref url="manage-content/courses/how-to-display-courses-on-your-website" %}
[how-to-display-courses-on-your-website](https://docs.hoola.vn/english/manage-content/courses/how-to-display-courses-on-your-website)
{% endcontent-ref %}

The administrators can turn on/off the courses and check out your website to know these changes in depth.

## 4. Partners - Customers

{% content-ref url="display-setting/homepage/partners-customers" %}
[partners-customers](https://docs.hoola.vn/english/display-setting/homepage/partners-customers)
{% endcontent-ref %}

## 5. Testimonials

{% content-ref url="display-setting/homepage/testimonials" %}
[testimonials](https://docs.hoola.vn/english/display-setting/homepage/testimonials)
{% endcontent-ref %}

## 6. Footer

The footer will contain the information about the business and the subpages of the website

#### Subpages

{% content-ref url="manage-content/subpages" %}
[subpages](https://docs.hoola.vn/english/manage-content/subpages)
{% endcontent-ref %}

#### Business Information

{% content-ref url="display-setting/chan-trang" %}
[chan-trang](https://docs.hoola.vn/english/display-setting/chan-trang)
{% endcontent-ref %}