SilasRodrigues19 / SimpleBoilerplate

A simple boilerplate for front end projects without frameworks

Simple Boilerplate

Boilerplate code built with HTML5, SASS and JavaScript ES6.

Demo Report Bug

Table of Contents

1. About The Project
   • Built With
2. Contributing
3. License
4. Contact

About The Project

This project was built to be a base for other projects and not need to create repeated things from scratch.

Elements that have this base:

• Header: header with links to project sections.
• Section Structure: 4 example sections, with styling to start creating content for that same section.
• Footer: footer fixed on bottom of page.
• Light / Dark: Icon to switch between light and dark themes.
• localStorage: localStorage to store the chosen icon and theme for next access.
• Animation Structure: file with some animations configured using ScrollReveal.
• Styles Structure: cross browser code, use of variables, functions, reset and other code that is imported into the main file.
• Scripts Structure: function separated files within modules that are imported into the main file.
• Smooth Scroll Function: function for smooth scrolling of internal page links.

Built With

Technologies used in the project.

Technologies

• SASS

Libraries

• ScrollReveal
• Iconscout

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Silas Rodrigues - @jinuye1 - [e-mail]

Project Link: https://github.com/SilasRodrigues19/SimpleBoilerplate

---

🔼 Back to top