DEV Community

Cover image for Web Agency Design - Free Bootstrap 5 Template
Sm0ke
Sm0ke

Posted on • Originally published at blog.appseed.us

Web Agency Design - Free Bootstrap 5 Template

Hello Coders!

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:

Top comments (8)

Collapse
 
sloan profile image
Sloan the DEV Moderator

Hello! DEV has a whole section for Listings - for everything from products, mentoring, jobs wanted, events, conference CFPs, and things for sale. Please use the Listings for posts like this, this is not a blog post. Thank you!

Collapse
 
sm0ke profile image
Sm0ke

Noted. Ty

Collapse
 
islamkamel profile image
islam kamel

very niceโค๏ธ

Collapse
 
sm0ke profile image
Sm0ke

Ty :)

Collapse
 
uithemes profile image
ui-themes

really nice.

Collapse
 
sm0ke profile image
Sm0ke

ty ๐Ÿš€๐Ÿš€

Collapse
 
crearesite profile image
WebsiteMarket

Thanks for sharing. So colorful.

Collapse
 
sm0ke profile image
Sm0ke

๐Ÿš€๐Ÿš€