SOI Learning Portal
Bootstrap CSS Website
SOI Learning portal is a school assignment that requires us to use bootstrap and a bit of javascript to create a page contain responsive items such as drop down bar, notification and autofill.
A quick overview of the webiste
Interactive page
SOI Learning Portal has a few interactive requirements, one of it is a CSS dropdown bar. How it works is when the user hovers over the Courses button, the hide property of the dropdown bar would be removed, showing the drop down bar. Threre is also a notifcation function to alert the user of an update, it works similar to dropdown bar.
There is also an autofill function that allows users to search for an item and autofill appearing to allow the user to quick select. It was made using javascript function to achieve it.
Carousell
In the featured Courses, it has a carousell function made using bootstrap. It auto scrolls to the next section after a few seconds and also be controlled manually. Both sections have similar content, thus in it looks like it is scrolling to the same section.