A full-width footer with navigation links for a company (template.) This has been coded using vanilla HTML5 & CSS3 (SCSS) and is fully responsive, with a stylish, modern interface and optimised for the web.
โ๏ธ Features:
- Dark themed style
- Fully responsive
- Optimised for the web
๐ Links
๐๏ธ Notes
Forking/cloning this repo to work on yourself is welcomed. Before doing so however, the repo owner strongly advises reading the following:
This has been built using Dart SASS and Parcel. To run this in a dev environment, run npm install sass -D
and npm install parcel-bundler -D
in the terminal. Below are Parcel and SASS-specific commands for dev and production compiling:
npx sass --watch src/scss:dist/css
(optional)*npm run dev
will run an auto-compile with each changenpm run build
will optimise and package the project for client-side interaction
*the Parcel Bundler will compile the src
and dist
code, so this step is optional (ideal for checking SASS compilation beforehand or where Parcel Bundler may not be required. For further commands, see the SASS Documentation)
For serverless deployment, ensure the settings has dist
configured as the base directory. These can be altered in the package.json
All assets used deemed relevant for this project to be used client-side and cloned to a local computer have been added in their respective directories. Any changes to the files and dirs will need to be adjusted accordingly in the package.json
While the repo owner is open to new/alternative approaches to the code leveraged in this repo, please kindly note he is only considering PRs pertaining to improved functionality, accessibility or stability. PRs therefore pertaining to design or aesthetics will not be considered at this time. If you would like to discuss these separately, the repo owner will happily do so. You may contact him either via email or via LinkedIn.