Components for Learning
Key concept
The default behavior of learning components is to take 75% of width in screens larger than 768px.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Use modifier class c4l-full-width-variant to force 100%
width.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Reminder
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Attention
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Tip
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Do/Donts
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
All purpose card
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Example
Example title
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quisquam quas vero perferendis dignissimos delectus fugit, autem, animi neque veritatis saepe ad unde quia quidem ratione, placeat mollitia maxime magni.
Learning Outcomes
Defaul with unordered list
- Ποιοι είναι οι τρόποι ηλεκτρονικής επικοινωνίας.
- Πώς μπορείτε να δημιουργήσετε έναν λογαριασμό ηλεκτρονικού ταχυδρομείου και να συνδεθείτε σε αυτόν.
- Πώς μπορείτε να λαμβάνετε και να στέλνετε μηνύματα ηλεκτρονικού ταχυδρομείου.
- Πώς να ταξινομείτε μηνύματα ηλεκτρονικού ταχυδρομείου.
- Πώς να δημιουργήσετε λογαριασμό και να συνδεθείτε στις εφαρμογές Messenger και Viber.
- Πώς να λαμβάνετε και να στέλνετε μηνύματα στις εφαρμογές Messenger και Viber.
- Πώς να κάνετε κλήσεις με φίλους σας μέσω των εφαρμογών Messenger και Viber.
Ordered list variant with class c4l-ordered-list-variant. Note the list remains ul in ordered variant.
- Ποιοι είναι οι τρόποι ηλεκτρονικής επικοινωνίας.
- Πώς μπορείτε να δημιουργήσετε έναν λογαριασμό ηλεκτρονικού ταχυδρομείου και να συνδεθείτε σε αυτόν.
- Πώς μπορείτε να λαμβάνετε και να στέλνετε μηνύματα ηλεκτρονικού ταχυδρομείου.
- Πώς να ταξινομείτε μηνύματα ηλεκτρονικού ταχυδρομείου.
- Πώς να δημιουργήσετε λογαριασμό και να συνδεθείτε στις εφαρμογές Messenger και Viber.
- Πώς να λαμβάνετε και να στέλνετε μηνύματα στις εφαρμογές Messenger και Viber.
- Πώς να κάνετε κλήσεις με φίλους σας μέσω των εφαρμογών Messenger και Viber.