From our sponsor: Create stunning brand assets with the help of our AI-driven Creative Assistant. Get started today.
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.
Thank you for this, it’s great!
Thank you very much! Great design! Look forward for another one…
This is very good, Peter!
I´m sorry but this is an UX atrocity. Nice aesthetics tho.
I would like to know why you think this?
Navigation system makes no sense. Specially on small devices.
Wow, great design. Thanks for the freebie!
thank u 😉
It’s so clean thank you !
Amazingly beautiful and clear,
Thank You !
muito bom mesmo, parabéns !
The portfolio reminds me of jeans with fake pockets. They look nice but when you go to use them for their intended purpose, you realize it’s not possible. Rather than displaying a fake lightbox effect, the author should have just used a plain image.
Otherwise, a nice and simple template.
Thanks!! looks great!
Thanks for what you do guys.
Thank u so much !
Download link not working 🙁
Thank you for the theme, I would like to see a theme created using all of your Blueprints released so far, That would look awesome and can be used for multiple purposes.
Fantastic looking theme. Well done. I’ve downloaded it to test and play around with. It should be fun.
Thanks for this great freebie, Peter, much appreciated! 🙂
Why this Mobile Menu?! Well…. great work, great layout but i’m sad for this terrible menu 🙁
Thanks for sharing!
Great !!! So many Thanks.
Es Hermoso :3
Hi, I want to know where I can have some icons to change the actual icons, thanks.
The icons used are from an icon font called Font Awesome. Thanks Ed for providing the link. Check out http://fortawesome.github.io/Font-Awesome/examples/ to learn about implementing them in to your website.
Excellent. Thank you!
HI Peter Finlan !
Have you version PSD from photoshop, this teamplate so nice , i like this 🙂
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!
Looks great! Also, many props for the Game of Thrones content!!!
Thanks Adam, everyone loves Game of Thrones right?
This is a stunning design and development, I like it… Thanks a lot for sharing
Nice template. Thanks alot!
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.
This is amazing! Thanks so much.
This very beautiful work, absolutely wonderful.
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.
Halcyon Days is released under the Codrops Licence, linked here: http://tympanus.net/codrops/licensing/. You can absolutely change colours, and pictures and use the structure as a base for your website.
Good luck and all the best.
Great works. Thank you………..
I really like this design…. Thank You So Much…
Nice template, thanks for sharing it as a freebie! 😀
Thank you very much.
Dzi?kuj? bardzo – szacunek za to
Wow – stunning! Is there a blog on it? Couldn’t see one – although it really is beautiful regardless… just wondering…
Although a good idea , there is no blog functionality that comes with this template.
I’m glad you like it.
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.
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?
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.
Quick question: in the portfolio section, how can I manage to have something opened on top of my page (without changing window) when clicking on the view more?
You can implement a light box effect to do exactly what you are after. An easy solution to this is to use a plugin like Fancy box or Light box 2.
Hope this helps 🙂
thanks! it really helped
Another question: about the slider, I noticed in the js that there is a function pauseInvisible: true, to pause the slider when it is invisible. However it doesn’t seem to work (when I am in the top of the page, the slider is still running, although I would need to scroll down in order to see it). Am I not understanding the purpose of this function right? Any other way to stop the slider when it’s not clearly displayed on the screen?
For light box effects or overlay effects, search for “Overlay” here on tympanus. There are excellent overlay effects tutorials and examples.
Clicking on the Portfolio images jumps to an anchor at the top of the page. Is this the intended function?
Yes that is intended. There is no light box effect implemented to these links. I left this open to interpretation, depending on what the end user would to integrate here.
Wow! nice! simple and clean.
That photo effect of the background is just amazing ! Mind to share how to achieve that kind of effect? 😛
Hey Jeffrey I’m not too sure about what effect you are talking about, just let me know in more details and I’ll try to help 🙂
Excellent work… Thank you soo much for sharing!!! 🙂
Excellent template, however I noticed that there was quite a bit of jank when I played with it. I went ahead and created an ; criticism most welcome of course 🙂
* Sorry, it looks like my comment got cut. I created a jank-free version here
Parabéns pelo lindo trabalho e também por disponibilizar como um freebie.
Congrats for the beautiful work and to make it available for free!
Thanks a lot!!
I was wondering if you could tell me how to implement a paypal system and how to install a plugin or the like in order to have the page run multilingual via a button.
Thanks and Greets!