This is a marketing page for a Diabetes Manager Application. This application is responsible for tracking, monitoring, and predicting the user's future bloodsugar levels. The website features three pages: Home, About, and Sign Up.
All main pages html files are found in the file with their name. For example, sign-up.html houses the Sign Up Page.
Each section is chunked into it's own .less file. The following .less files are shared amongst all .html files:
- variables.less
- mixins.less
- normalize.less
- global.less
- navigation.less
- footer.less
The following .less files are specific to only their named .html files:
- home-header.less
- home-main-content.less
- about-main-content.less
Please Note: All CSS keyframe animations, as well as, classes added to elements through JavaScript will be found within the mixins.less file.
The index.js is responsible for two visual effects.
-
Home page images fade in from the left and right when the bottom of the user's screen reaches the top of the image.
-
Count down fade-in effect, within the final paragraph on the home page.