Develop a fully functional both horizontal and vertical scrolling website that works with track pad input. It needed a seamless scroll when the user drags up/down and also left/right. Dynamically change the navigation bar’s color scheme based on light and dark backgrounds as it passes over them while scrolling. Create a line animated triggered with scroll. Website needs to be able to work with Internet Explorer 11.

Custom vanilla JavaScript is used to manipulate the DOM and CSS to create a smooth transitions horizontally. jQuery object-oriented programming was used so the white logo dynamically changes color based on the section it’s on seamlessly. On smaller devices the website layout defaults to a standard vertical website. A custom SVG tool tip is used when the user hovers over the SVG map. The accordion auto opens when the map section is clicked and user automatically scrolls to the section. The website is built to work on Internet Explorer 11.

• Fully responsive
• Custom scrolling JS.
• Custom built SVG tool tip accordion.
• Line animation
• Site works in all modern browsers including IE11