Freebie: “Halcyon Days” One Page Website Template

A creative one page portfolio template exclusively made for Codrops readers by Peter Finlan. It's especially fitting for a portfolio or start-up website.

From our sponsor: Front-end developers, save time and convert designs into clean React, Vue and HTML code using Anima

Today we are happy to share a creative one page portfolio template with you.

Halcyon Days is a modern and stylish HTML5/CSS3 template with a pixel-perfect design and smooth effects. It’s especially fitting for a portfolio or start-up website, but it’s also very versatile and can be used for many other projects.

About the template

The responsive template is made with the latest web technologies and it’s build with Bootstrap, jQuery FlexSlider, Smooth Scroll, jQuery Waypoints and Animate.css.



Check out the demo of the template here: Halcyon Days Live Preview

Download the template for free:

You can download the ZIP file here:

Use it freely but please don’t republish or redistribute the template.

We hope you enjoy this freebie and find it useful!

If you’d like to contribute and publish your freebie on Codrops just drop us a line.

Tagged with:

Peter Finlan

Peter's a UX lead @ Google. Crafting memorable, emotive and engaging experiences through research, testing and data science.

Stay up to date with the latest web design and development news and relevant updates from Codrops.

Feedback 159

Comments are closed.
  1. Hi, I want to know where I can have some icons to change the actual icons, thanks.

  2. HI Peter Finlan !
    Have you version PSD from photoshop, this teamplate so nice , i like this 🙂

    • Hi Kiditran,

      Thanks for the kind words. I do plan on releasing the PSD as a free resource in the coming weeks so keep an eye out for the release on my Dribbble page and my website!

  3. This is a stunning design and development, I like it… Thanks a lot for sharing

  4. It is not a good practice to hide the menu in one page designs. What’s the purpose for it, if you can’t choose the right section to scroll to?
    The design is great, but it requires a sticky menu.

  5. Excuse me I am new to this website. What is meant by republish? I really like this design. May I change it with my own colors and pictures and so on and use it as a base for my website? Thank you very much for sharing.

  6. Excellent.
    Thank you very much.
    Dzi?kuj? bardzo – szacunek za to


  7. Wow – stunning! Is there a blog on it? Couldn’t see one – although it really is beautiful regardless… just wondering…

    • Hey Brin

      Although a good idea , there is no blog functionality that comes with this template.

      I’m glad you like it.

  8. @slider999

    You can use this template to make your own site. You’re just not allowed to offer/give the theme file to anyone else directly. You gotta refer them to this page for download.

  9. I’m having issues where clicking on the portfolio images brings me back to the top of the page as opposed to making a “lightbox” or fullscreen version of that image.
    Is this something I need to edit in JS or an issue with my own browser?
    Anyone else having this issue?

    • Hey there

      No issue here, there is actually no lightbox implemented to these links – this would be something you would have to code yourself, or simply use a plug in like Fancy box or Light box 2.

      Let me know how you get on.