Access the live website here: https://gwy15.github.io/263-ux-case-study/
Or run these files with a simple local web server (ex. python -m http.server)

The Chrome dev tool touch emulation interacts oddly with fullPage.js, and 
sometimes a page reload is necessary for the click and drag (touch swipe) 
functionality to work for virtual devices.

Files:

index.html (HTML)
static/styles.less (CSS)
static/images/*.jpg/png (images)


Basic HTML content used:

Images + alt text (img, alt)
Headers (h1, h2, h5)
Paragraphs (p)
Divs (div)
Links (a)
Strong text (strong)
Unordered lists and list items (ul, li)



Basic CSS Styling:

Modified padding and margins (padding-left/padding-right, margin-left/margin-right/margin-bottom)
Modified background and text colors (color, sectionsColor (fullPage.js))



Advanced Features:

Full screen scrolling with right-hand side navigation bar (via fullPage.js).
Horizontally scrolling bootstrap card views on smaller screens. 
Text size and formatting changes in response to devices/window sizes (@media, bootstrap col sizes, etc).



Plugins/Libraries:

https://alvarotrigo.com/fullPage/
JavaScript library allowing for the addition of scrollable full screen pages and navigation bar.

https://lesscss.org/
CSS extension library.

https://getbootstrap.com/
JavaScript/SASS toolkit enabling responsive web design.



Validation:

https://validator.w3.org/

https://jigsaw.w3.org/css-validator/

https://achecker.achecks.ca/checker/index.php



Resources:

https://getbootstrap.com/docs/5.0/getting-started/introduction/

https://github.com/alvarotrigo/fullPage.js/#fullpagejs

https://lesscss.org/

https://www.w3schools.com/html/

https://www.w3schools.com/html/html_css.asp