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!
- ๐ Web Agency Design -
HTML DEMO
- ๐ Web Agency Design -
Source Code
The customization can be easily done via the SCSS files where the primary and secondary colors can be changed and applied to the layout.
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 -
Company Info Section
โ Web Design Agency -
Portfolio Component
โ Web Design Agency -
Contact
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 - free & paid products
- ๐ Admin Dashboards - a huge index
Top comments (8)
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!
Noted. Ty
very niceโค๏ธ
Ty :)
really nice.
ty ๐๐
Thanks for sharing. So colorful.
๐๐