# Educal Course Block

A volto block for educal course block.

## Customizable properties

<details>
  <summary>Click to expand!</summary>

1. `courseImage` (_image_): URL of the display image for the course block.
1. `tag1` (_string_): Tag for course that appears in blue background.
1. `tag2`(_string_): Tag for course that appears in pink background.
1. `noOfLessons` (_string_): Number of lessons in the course.
1. `avgRating` (_string_): Average rating of the course.
1. `noOfReviews` (_string_): Total number of reviews for the course.
1. `courseName` (_string_): Name of the course.
1. `authorDisplayPic` (_image_): URL of author picture.
1. `authorName` (_string_): Name of the author.
1. `price` (_string_): Price of the course.
1. `discountedPrice` (_string_): Discounted price of the course.
1. `courseUrl` (_string_): URL to be redirected to after clicking on 'Know more' button.

</details>

## Example

### Configuration

```txt
courseImage: '/course-2.jpg'
tag1: 'Finance'
tag2: 'Lifestyle'
noOfLessons: '10'
avgRating '4.50'
noOfReviews: '2'
courseName: 'The Power of Podcast for Storytelling'
authorDisplayPic: '/teacher-1.jpg'
authorName: 'Lewis'
price: 'Free'
discountedPrice: ''
courseUrl: '/'
```

### Output

<img src="/assets/github/course_preview.png" width="34%">