Freebie: “Sedna” One Page Website Template (HTML5, Sketch)

Sedna is an elegant and versatile one page website template that was implemented with the latest web technologies and with easy reusability in mind. The Sketch file is included as a bonus.

sedna-thumb

Today we are very happy to share yet another responsive and modern one page website template with you. Sedna was designed & developed by Peter Finlan, exclusively for Codrops.

Sedna is a carefully crafted HTML5 one page website template that comes with some lovely, smooth effects. It’s sophisticated design makes for a fitting template usable for many different scenarios. It’s coded with user-friendliness and reusability in mind, so that you can fine tune Sedna for your own project.

As a bonus, we are also offering the Sketch file of the design that you can experiment with and use as a base for your design projects.

sedna

About the website template

The responsive template is made with the freshest web technologies and it’s built with (among others):

Preview

Takes a look at the real pixels:

Sedna_Preview

Check out the live demo of the template: Sedna Live Preview

Download the template for free:

You can download the ZIP file of the template and the design 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.

If you like Sedna then don’t forget to check out Boxify and Halcyon Days, two more responsive and versatile one page website templates for you.

Previous:
Next:

Tagged with:

Peter's an Interaction Designer @ Google. Crafting memorable, emotive and engaging experiences through research, testing and data science.

View all contributions by

Website: http://peterfinlan.com/

Related Articles

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start learning CSS now.

Feedback 53

  1. 4

    This is fantastic! Smooth, classy, elegant.. Thank you so much for sharing this with the world! Appreciated.

  2. 6

    very nice, love the design. The down arrow just below the entrance isn’t working as expected (jumps to the top, no animation) probably lacks the class for the scroll effect.

    • 7

      Hi Eva!

      Ah you’re right! Thank you for pointing this out. I will update the build :)

    • 9

      Hi Rachel – I’ve tested the download link, and also opening the file in app – everything is working fine. It might be a problem with your system configuration.

  3. 16

    Very nice ! (:

    So,

    On Safari (iOS) :
    Background of the fixed navigation appears during the scrolling action.

    On Chrome (iOS) :
    Background of the fixed navigation appears only at the end of the scrolling action.

    Why ?

  4. 18

    firstly Thanks for your article. SEDNA is one of the best One page theme I loved. I will definitely use it in future.

  5. 19

    Hi, there is something I don’t understand. How can I use the sketch file to update the sedna website? Is it possible that I change some text in sketch and when I view it in my browser, it shows the changes?

    • 20

      Hi Seb

      You can use the Sketch file to plan and design any additions or changes to the template you like, after this you would need some knowledge in html/css to implement your changes. Alternatively, you could have a freelancer help you out.

  6. 25

    Great Design I like it!!
    Please give me download link for this web icons you use on this theme,
    Thanks in advance.

Follow this discussion

Leave a Comment