The British and Tea
I’ve set myself a challenge to update my portfolio and this is a fully responsive sample
(i.e. can be viewed on desktop/ tablet or any phone)
which has a lot going on in the background with theming and coding.
View the sample here: Responsive Tea sample
Adapt Authoring tool
I’ve always been a champion of Open Source software (Libre Office and Gimp) so using Adapt to create e-learning is a perfect fit, for me. I’ve learned to code in HTML and less to create this sample.
Sample Features
This sample has quite a bit going on ‘behind the scenes’, there’s
- Colour- coded sections (alternate to create a theme look)
- Hyper-link to take you to the quiz page
- color coded text – coded in the custom section using LESS
- Menu-header image- This may seem straight-forward in some authoring tools, but in Adapt it requires a certain amount of code (see below)
Custom Less coding
Adapt’s authoring tool has a handy Custom LESS/ CSS section, this allows you to change code from within. This is handy for creating themes changing background colours and fonts.
Below are screenshots of the coding I did for this sample.
Fully reponsive
Adapt is a great way to create content quickly and is fully responsive.
I’ve had to learn quite a bit to get this far. (Adapt has a steep learning curve) But it’s worth it when you see the fully-responsive output