Freebie: “Land.io” UI Kit + Landing Page Template

来源:转载

Land.io is a carefully crafted landing page UI kit and landing page template built on Bootstrap 4, designed by Peter Finlan and developed by Taty Grassini.

Today we are very happy to share the coded version of Peter’s last freebie, the “Land.io” UI Kit + Landing Page Design (Sketch) with you. The template and the UI Kit were carefully coded by Taty Grassini .

About the Land.io Website Template

Land.io is a responsive HTML template, with focus on simplicity, performance and usability. Built on top of Bootstrap 4 , it was developed using Sass (new Bootstrap standard) and many of its components and utilities.

The new Cards component was of great help for the featured and pricing sections.

The Spacing utility was heavily used in most parts of the markup. In other words, with these and many more new BS4 niceties, you could easily create a decent landing page without writing a single line of custom CSS.

All CSS was written the Bootstrap way , Code Guide by @mdo is a nice read for everyone coding CSS (and HTML), even if you’re not using BS at all. And, for folks who love to go that extra mile, CSSComb is a must for code readability.

For the HTML5 video section, we used the Video JS plugin. Included are two more video options which you can test in theUI Kit page: Vimeo and YouTube embeds in Bootstrap modals with autoplay and pause/stop functions when you close the modal.

Finally, performance basics are covered: unused Bootstrap SCSS/JS is commented out, assets are minified into single CSS and JS files and the images are optimized.

Hope you guys like it! If you find any bugs, please let me know in the GitHub repo .

Credits Icomoon UI Faces Quotes on Design Unsplash Video JS Vimeo jQuery API Chart JS The Sketch file

The template was designed by Peter Finlan and you can find all details and information regarding the Sketch file here . Below you can also download it directly.

Live Demo

Check out the live demo of the template: Land.io Live Preview

Don’t forget to check out the demo of the UI elements: Landi.io UI Kit Live Preview

Download the template for free:

Download the ZIP file and the Sketch design file of the template and UI Kit (see GitHub link below):

Download Land.io (ZIP file 8.6 MB) Download the Land.io design files (Sketch file 77.4 MB)

The license for Land.io is the Creative Commons Attribution 4.0 International License with the restriction that you can’t redistribute/sell it as-is . Please credit the designer and developer when you base your project on Land.io.

We hope you enjoy this freebie and find it useful!

If you’d like to contribute and publish your freebie on Codropsjust drop us a line.

If you like Land.io then don’t forget to check outSedna,Boxify andHalcyon Days, three more responsive and versatile one page website templates for you.


分享给朋友:
您可能感兴趣的文章:
随机阅读: