Orchid — Free One-Page Agency Portfolio Website Template
Orchid is a free one-page template for a small design or digital agency that wants its services and portfolio on one scrolling page. The homepage runs from a Creative Ideas & Solutions hero through What We Do, a working process block, a portfolio section, the team, client testimonials, a We Are Trusted By section, a blog preview and a location and contact block. Separate blog and single post pages add a sidebar and comments. The demo uses placeholder copy. It is an older Bootstrap 3 build that still uses jQuery; fine for a quick static site, but not a modern base.
Key features
- One-page homepage with a hero, What We Do services and Our Working Process
- Portfolio section with six project items
- Meet The Team, client testimonials and a We Are Trusted By section
- Blog preview on the homepage plus blog.html and blog-single.html
- Blog sidebar with popular posts, categories, archives, a tag cloud and a Flickr photo block
- Single post page with an author box, comments and an Add Comment form
- Location block and a Get in Touch contact form on every page
- Off-canvas Sidebar Menu via hippo-offcanvas.js
- Loads Owl Carousel, WOW.js, Stellar, countTo and Shuffle plugins
Best for
- Small design, web or marketing agencies
- Freelancers who want services and work on one page
- Quick static sites where a jQuery stack is acceptable
At a glance
- Stack: Bootstrap 3.3.0 with jQuery; legacy build, not modernised
- 3 pages: index.html, blog.html, blog-single.html
- Contact and comment forms are front-end only; connect a form service or backend
- Old-browser shims still included: Modernizr, html5shim, respond.min.js
- Icons from flaticon.css
- Licence: free for personal and commercial use, including client work; attribution optional. Full terms: uicookies.com/license
How to use it
Download the zip, unzip it and open index.html in a browser. Edit the sections, portfolio items and blog posts directly in the three HTML files. Custom behaviour is in scripts.js, which runs on top of jquery.js, bootstrap.min.js and plugins such as owl.carousel.min.js and wow.min.js; icons come from flaticon.css. Connect the contact and comment forms to a form service or backend, then upload to any static host. The template depends on jQuery, so keep jquery.js loading before the other scripts.
Frequently asked questions
Can I use Orchid for commercial or client projects?
Yes. Orchid is free for personal and commercial use, including client work, and there are no paid tiers. Attribution is optional but always welcome, so you can keep or remove the footer credit. Full terms: uicookies.com/license
Does Orchid use jQuery?
Yes. Orchid is an older Bootstrap 3.3.0 build that loads jQuery along with plugins such as Owl Carousel, WOW.js, Stellar and Shuffle. It works for a quick static site, but it is not a modern base for a long-term project.
Is Orchid really one page?
The homepage is a single scrolling page with services, work, team, testimonials, a blog preview and contact. Two extra pages, blog.html and blog-single.html, cover the blog. It fits an agency or freelancer portfolio.
Do the contact and comment forms work?
No. They are front-end markup only and send nothing until you connect them to a form service or your own backend. The demo text is placeholder copy you will replace as well.
Great but only one problem, how to i include my Google maps API key? you seem not to have highlighted that anywhere on the scripts.js and that makes it very hard to figure things out. Help would be appreciated