Web Agency Design - Free Bootstrap 5 Template

Editor -

Hello! This article presents an open-source Web Design Template manually coded from a creative FIGMA design on top of Bootstrap 5. The project can be used by any designer or developer to build professional landing pages with a unique and colorful layout. Thanks for reading!

The customization can be easily done via the SCSS files where the primary and secondary colors can be changed and applied to the layout.

Web Agency Design - Animated Presentation 

This simple, one-page design aims to help developers and designers to start fast a new project for a Web Agency without coding the sources from the scratch. Here is the list of the provided features:

  • 🚀 Bootstrap 5 and Gulp Tooling
  • ✅Easy Customization (Primary/secondary colors in variables.scss)
  • Available Sections (each one styled separately)
  • ✅ Top Section, styled in scss/_header.scss
  • ✅ Services, styled in scss/_services.scss
  • ✅ Company Info, styled in scss/_info.scss
  • ✅ Portfolio, styled in scss/_portfolio.scss
  • ✅ Testimonials, styled in scss/_testimonials.scss
  • ✅ Contact, styled in scss/_contact.scss
  • ✅ Footer, styled in scss/_footer.scss

The final layout can be visualized below and also by accessing this LIVE Demo version.

✅ Web Design Agency - Services Component
Web Design Agency - Services Component (FIGMA)
✅ Web Design Agency - Company Info Section
Web Design Agency - Company Info Section 
✅ Web Design Agency - Portfolio Component
Web Design Agency - Portfolio Component
✅ Web Design Agency - Contact
Web Design Agency - Contact Section

Thanks for reading! The project is also scheduled to be updated with more pages and also migrated to React, Vue, and other fancy frameworks.

For more resources, feel free to access: