Web Agency Design

Open-Source Web-Agency Design Template styled with Bootstrap 5 using a simple codebase and best practices - Actively supported by AppSeed.

• 👉 Web Agency Design: HTML DEMO
• 👉 License CC BY 3.0 - Preserve footer credit

Need More? 🛒 BUY License: ONLY $19 (managed by GUMROAD)

• Access to FIGMA File view demo
• Remove Footer Credits
• Updates: Lifetime
• Unlimited hobby & commercial projects
• 🚀 Support via Email & Discord

Features

• 🚀 Bootstrap 5
• ⚙️ Gulp Tooling (simple usage, no fancy tools)
• ✅ Easy Customization (files already integrated)
  • Primary/secondary colors in variables.scss
  • Add your own code in custom.scss
• ✅ Sections
  • ✅ 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

How To use it

Compile the project

$ yarn       # install modules
$ gulp       # start for development
$ gulp scss  # recompile SCSS

The design should be visible in the browser.

How To Customize

✅ Step 1: Open & Edit assets\scss\variables.scss. This file allows to set the primary and seconday colors of the website

/*
* Global Styling (edit below variables) 
* Warn: once edited, the SCSS needs to be recompiled
*/
$primary:   #FF7A00 !default; // primary color
$secondary: #00D2C4 !default; // secondary
$info:      #17c1e8 !default; 
$success:   #82d616 !default;
$warning:   #fbcf33 !default;
$danger:    #ea0606 !default;

✅ Step 2: Add custom styles to assets\scss\custom.scss. This file, initially shipped empty, should contain your own code CSS code.

.your-awesome-class {
    color: red;
}

✅ Step 3: Recompile SCSS via GULP

$ gulp scss

At this point, the new styles should be visible in the website.

Sevices Section

Company Section

Portfolio Section

Testimonials Section

Contact Section

---

Web Agency Design - Open-Source project crafted by AppSeed.