Legend: Free Responsive Html5 One Page Website Template

Free Responsive Html5 One Page Website Template

This week’s free responsive website template is Legend, which is a free responsive html5 one page website template. Legend’s style is unique and the whole package is put together well. Legend is a simple one page website template. However, don’t let its simplicity fool you. You can accomplish a lot with this smaller one page template. It has a built in form for collecting emails. It also has social media integrated right under the sign up form.

legend-html5 one page website template

This html5 one page website template is responsive and very clean. I especially like the one liner contact form.

first screen: html5 one page website template

Legend also features a portfolio section to showcase your work and make it look its best. The theme features 3 columns and the text and links are left aligned. The menu bar at the top stays no matter how far down you end up scrolling.

Portfolio: html5 one page website template

Legend also has a section for your most recent blog posts to show up, promoting your latest news, and keeping your content fresh.

Screen shot 2013-05-14 at 4.03.41 PM

The services section allows you to list your most prominent services, promoting your work. This is a great place to tell everyone what you do best.

Screen shot 2013-05-14 at 4.02.50 PM

Another great section is the “meet the team” section. The dark background, combined with the circular images make this part of the site dramatic, yet open and friendly. This is also a great place, if you have more than one employee, to tell everyone who does what within your team.

Screen shot 2013-05-14 at 4.03.57 PM


The contact form is fully responsive, which is excellent. The form seems a little wide on wide screens, but it still looks good and works well at smaller sizes.Screen shot 2013-05-14 at 4.04.12 PM

Overall, Legend is a clean, sophisticated free html5 one page website template. It is responsive, so it looks great on most devices, and each section of this one page site is distinct and really makes the content stand out. What will you use this week’s html5 template for? To view a live demo, or to download this html5 one page website template, simply click the link below.

Demo | Download


  1. Thanks for the theme. Have been looking for something like this for hours. Are you the author of the theme?

    Will check it out and give my review. Cheers

    • No, I am not the author of the theme, but I try to share any free stuff out there that I can find to promote other peoples awesome work, and help people find free stuff at the same time.

  2. I am having trouble with the contact form, where do I put in my email to have the contact form sent to me?

    • I would have to look at the actual file structure, but my best guess would be to look at the send.php file if there is one, and change the email address to your own email. I hope that helps. If not, let me know and I will look into it further.

      • I downloaded all the files to this demo and I don’t see anything like that.

  3. why does the website resize between width 750 and 751 and gets white from the left and right site of the page?

  4. thanks bro.. I was searching for some thing like this for months.. :)

  5. Thank you! I was so stuck. Beautiful work!

  6. Did Elle ever figure this out? I am also facing the same issue. I’d like to get the contact forms to work with my hosting provider but there is no send.php file or instructions of any kind. I guess there’s a reason it’s free!

    • Hmm. In the free Beacon template that I give away on here is a send.php file-even though it is free, I still want it to be top quality. I think the reason that they did this is because some people like to integrate their own validation, etc. Let me kook into this and see if I can help you out.



  1. Legend. Plantilla web One Page en Html5 y Responsive | Ateneu Popular - [...] Vía: Creative Beacon 11 jul / 2013 a las 15:00 …

Submit a Comment

Your email address will not be published. Required fields are marked *

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=""> <s> <strike> <strong>