Cardly - Card-Based Landing Page Template (PSD/HTML)

This free landing page template uses a card-based layout which makes it very flexible and easy to make responsive across multiple devices and screen sizes. Download it now for free and use it in your next project.

Update - Sept 19, 2016

Cardly is now fully coded with HTML5 and CSS3 to save you even more time getting up and running with the template.

Live Preview

See Cardly in action with the live preview.

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

  • Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
  • You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.

Single Purchase


  • Get instant access to this item after purchase
  • Stored in your Medialoot account to re-download when you'd like
  • Simple, flexible license that gives you powerful options for your design

Join Medialoot Premium


  • Get instant access to this item plus all of our other resources
  • Updates for your products as long as you're a member
  • Simple, flexible license that gives you powerful options
  • Unlimited access to Medialoot's entire collection with subscription
  • New items added regularly, and we love member suggestions
  • Cancel your membership anytime and for any reason
Join Now

More from User Interface » Web


  • Reply »


    I really like your template and I am planning on using it soon. I just want you to know that the nav links are mixed up (for example, there is no “about” anchor, and “pricing” and “portfolio” are swapped) in the demo and in the download.

    Best regards,


    Sep 21, 2016 at 12:31 pm
  • Reply »


    Nice work! Looking forward to checking this out in greater detail. Cheers!

    Sep 22, 2016 at 9:39 am
  • Reply »


    Thankyou Very much. Beatyfull

    Oct 8, 2016 at 11:13 am
  • Reply »
    Mark - web designer

    Mark - web designer

    The card approach has my gears turning.  Thanks for the inspiration.

    Oct 10, 2016 at 9:47 pm
  • Reply »


    wow this nice design

    Nov 22, 2016 at 4:32 pm

Leave a comment

Tag Cloud

Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource


Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all