Web Agency Design - Free Bootstrap 5 Template
Tags: bootstrap5, opensource, design, appseed
Published: 2023-02-07 17:55:11

---
title: Web Agency Design - Free Bootstrap 5 Template
published: true
description: A colorful one-page template for a Web Design Agency - an Open-source project crafted on top of Bootstrap 5
tags: bootstrap5, opensource, design, appseed
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gsvpvhmgwaqd5ulm9xjq.jpg
canonical_url: https://blog.appseed.us/web-agency-design-free-bootstrap-5/
---
Hello Coders!
 
This article presents an open-source [Web Design Template](https://github.com/app-generator/design-web-agency) manually coded from a creative [FIGMA design](https://bit.ly/figma-web-agency) 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!

- 👉 [Web Agency Design](https://design-web-agency.appseed-srv1.com/) - `HTML DEMO`
- 👉 [Web Agency Design](https://github.com/app-generator/design-web-agency) - `Source Code`

The customization can be easily done via the [SCSS](https://github.com/app-generator/design-web-agency/tree/main/assets/scss) files where the primary and secondary colors can be changed and applied to the layout.

![Web Agency Design - Animated Presentation.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oo8onacc9xir01puqkds.gif)

---

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](https://www.admin-dashboards.com/bootstrap-5-templates/) and Gulp Tooling
- ✅`Easy Customization` (Primary/secondary colors in [variables.scss](https://github.com/app-generator/design-web-agency/blob/main/assets/scss/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](https://design-web-agency.appseed-srv1.com/) version.

---

> ✅ [Web Design Agency](https://github.com/app-generator/design-web-agency) - `Services Component`

![Web Design Agency - Services Component (FIGMA)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vuj1oveqc210oaskfmlz.png)

---

> ✅ [Web Design Agency](https://github.com/app-generator/design-web-agency) - `Company Info Section`

![Web Design Agency - Company Info Section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4dhf9slcy1t0qjois36a.png)

---

> ✅ [Web Design Agency](https://github.com/app-generator/design-web-agency) - `Portfolio Component` 

![Web Design Agency - Portfolio Component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lckrgen8xdxi6b43xdjn.png)

---

> ✅ [Web Design Agency](https://github.com/app-generator/design-web-agency) - `Contact`

![Web Design Agency - Contact Section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xd0dzyh2h665e03kfn1v.png)

---

**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:

- 👉 More [UI Themes and Templates](https://www.ui-themes.com/) - free & paid products
- 👉 [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index