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.


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's a Sydney based UX/UI Designer & Front End Developer. He's an advocate for clean, accessible, user centric design. He's also a Nappy changing machine & surfer.

View all contributions by


Related Articles

Feedback 130

  1. 1

    Hey, I’m French

    Great template :)

    But I can not use light box 2 for the portfolio . it’s possible to have an update of this template because I am not an expert on code… :/

    Thks :)

    • 2

      Hi I think its a good template to,

      I didn’t develop this template however, if nobody has come along to help, I can. I’ve used lightbox quite alot.

      send me a reply with the issue and I will happly help


    • 3

      Hi Thibault, what problems are you experiencing when trying to implement lightbox2? Have you tried using FancyBox? There are many other free lightboxes you can use with this template. Feel free to email me if you are stuck. Cheers.

  2. 5

    Is there a way to integrate this into I’ve tried using barebones temps to pull the assets into it but havent quite navigating down my noob web-dev techniques.

  3. 6

    Hey Peter! Beautiful simple layout and concept. So much so I have been trying to implement this into my wordpress(.com) yet have been having trouble figuring things out (using barebone temps to pull your content into). Have you done anything like this? Have you already created a WP-ready theme for Halcyon? -Ben the webdev noob

  4. 11

    Hi, I love this template, but I dont like the menu because it’s too complicated for the audience that I would like to reach. Can anyone help me implement a simple menu?

  5. 12


    Great site, thanks. But is anyone else having issues embedding Vimeo videos to the site? It just comes up as a link on mine.

    • 13

      Hi David,

      I have similar problems embedding Vimeo videos. Only in the combination Mac/Safari in the full screen modus it seems that the left and right third of the screen were cut off.
      Is this problem well known and any idea to solve the problem?

  6. 14

    Thank you very much for this wonderful template. There is only one thing:
    when I minimize the screen, a horizontral bar appears. Is there a possibility to avoid this?

  7. 15

    Thanks a million for sharing this awesome template for free Peter. Developers like you are the ones who have kept open source idea running.
    And Tobias, thanks a ton for sharing the links to get the free avatars.

  8. 18

    Thanks its nice template and giving out for free, template is clean and easy to use with soft navigation. Can we use this template in commercial project also ?

  9. 19

    The social buttons at the bottom of the page are only visible on an iPad/iPhone. They are not visible on desktop. Is there a way to make them visible on desktop too. Thanks.

Follow this discussion

Leave a Comment

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>