Jake & Elwood website

A simple website for a fictional company that provides SEO services.

This project is part of the Learn Responsive Web Design course on Scrimba.

Implementation

• Responsive.
• Accessible + screen reader friendly.
• Mobile first approach.

While my implementation follows the course content loosely, it isn't an exact match of the design or the implementation shown in the course. I've made some intentional changes, with the aim of improving upon the provided design. Here's a non-exhaustive list:

• Responsiveness issues have been fixed.
• Contrast issues have been fixed.
• Accessibility features have been added/fixed.
• Height of the header and spacing of nav links have been adjusted.
• Size and position of the toggle nav button have been adjusted.
• When the mobile nav menu is open, it's no longer possible to use the tab key to navigate to focusable elements outside the menu.

Dependencies

The project is written in HTML, CSS, JavaScript.

The following dependencies require an online connection:

• :focus-visible polyfill.
• Font awesome icons.

Run locally

Download the 'src' folder and open 'index.html' in the browser.

Screenshots

See screenshots.