tatygrassini / landio-html

Landio design (Sketch to HTML)

"Land.io" UI Kit + Landing Page (HTML)

Landio is a responsive HTML template, built on top of Bootstrap 4 and based on the Land.io Sketch design by Peter Finlan. This template and the UI kit were coded by Taty Grassini.

Read more about it on Codrops

Demos

Template Demo

Slider Demo

UI Kit Demo

License

Use it freely but please do not republish, distribute or sell "as-is". Please credit the designer and developer when you use it in your project. Read more about our license.

Credits

• Bootstrap
• Icomoon
• UI Faces
• Quotes on Design
• Unsplash
• Video JS
• Vimeo jQuery API
• Chart JS
• Waypoints
• Animate.css

Misc

Follow Pete: Twitter, Dribbble

Follow Taty: Twitter, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest

© Codrops 2015

landio-html's Issues

Updating bootstrap

This is just a question, but do you think you'd consider updating this to the beta, or maybe wait until 4 is actually released and completely update it to 4? This is a really nice starter template/uikit that I've used multiple times already, I just wonder if it will make it to the newest versions.

Play button on videos

Nice theme!

Cannot seem to get any type of play button to appear on the videos. Have tried the stand alone mp4 and YouTube versions. Currently you must find exact spot to get video to play and many visitors would never find. Tried on Chrome, IE 10 and Edge.

Also would be very helpful to have unminified version of CSS to make tweaks much simpler.

Thanks for sharing this excellent theme.

App Store and Instagram icons

Hi @tatygrassini,

Thank you for this template! I love it! 👍 👍 👍
I am wondering whether you had already integrated an App Store and an Instagram icon which match with the landio design?

I would like to use the Apple app store logo in your button and the instagram icon with the other social media ( Facebook and twitter)

Thanks a lot!

Have a good one! 💯

Suggestion: Separate landio and bootstrap css

Wonderful template and we use it in many classroom projects. Thank you!

Maybe this is not possible or you have other reasons but... Separate the css so easier to update bootstrap to current releases.

Thanks for at least considering:)

Susan

YouTube Video not working on mobile

The YouTube video works properly on desktops, but when it loads on mobile the background image does not appear and you cannot load any of the YouTube videos.

Please add an "article" page

Please add an article.html page, linked from the featured articles section, which can be used for other site pages.

Thank YOU!

Import in conditional block error in landio.scss

When I try to recompile landio.scss to landio.css I am getting an import in conditional block error in landio.scss

@include media-breakpoint-up(md) { @import 'plugins/animate'; }

Auto Transition of Slider

Any suggestions on how we can make the slider to auto transition. if anyone can help would really appreciate it.

Multiple scss syntax errors

Hi,

I'm getting multiple errors regarding syntax and import import directives being used inside control structures. Whereas I simply removed the imports inside @if and @include, the syntax errors regarding lists isn't going away.

Sample error messages include

error scss/landio.scss (Line 64 of scss/bootstrap/_custom-variables.scss: Invalid CSS after "  0": expected ")", was ": (")
error scss/bootstrap/bootstrap-grid.scss (Line 19: Invalid CSS after "  xs": expected ")", was ": 0,")
error scss/bootstrap/bootstrap.scss (Line 64 of scss/bootstrap/_variables.scss: Invalid CSS after "  0": expected ")", was ": (")

After checking the files, the errors are coming from declarations as these

$spacers: (
  0: (
    x:   0,
    y:   0
  ),
  1: (
    x:   $spacer-x,
    y:   $spacer-y
  ),
  2: (
    x:   ($spacer-x * 1.5),
    y:   ($spacer-y * 1.5)
  ),
  3: (
    x:   ($spacer-x * 3),
    y:   ($spacer-y * 3)
  )
) !default;

I'm using Sass 3.4.21 (Selective Steve). How can I resolve this without having to rewrite/redo your work?

Domain name

Why this named like registered domain name? Confusing.

ios issue

when loading the demo in ios 9.1 & 9.2 beta in safari and chrome the animation causes the viewport to decrease in size momentarily until the animation has completed

navbar-fixed-top not working?

Hi, I've just tried this out, and navbar-fixed-top doesn't seem to work as expected. I tried switching to navbar-fixed-bottom and it works as it should. Any idea why it is behaving like that? Or did I missed something?

Thanx for a lovely template

Including other Bootstrap plugins - like Scrollspy

This is more of a question than an issue so I apologize if this isn't the appropriate forum.

I'd like to enable Scrollspy. I know that I can include the code manually, but I am trying to learn the "right way" using modern tools. The file /js/landio.js has a bunch of @codekit-prepend comments that reference the different bootstrap plugins. If I add:

// @codekit-prepend "bootstrap/scrollspy.js";

it appears I would need to purchase codekit to compile this correctly?

Or are there commands I can enter into Terminal like SASS?