Liftie widgets

index.html

<div class="liftie-widget" data-resort="sugarloaf" /> 
<div class="liftie-widget" data-resort="alta" />
<script src="http://liftie.info/scripts/liftie-embed.min.js" defer>

Liftie-widgets.markdown

Liftie widgets

You can easily embed liftie widget on your page.

All you need is resort ID. The easiest way to get it is to find your resort on liftie and click on its name, which should take you to the details page. The URL in the window should look like this: http://liftie.info/resort/{resort-id} - the last part of the path is what you need.

A Pen by pirxpilot on CodePen.

License.

style.css

.liftie-widget {
  display: inline-block;  
}
.liftie-widget iframe {
  margin: 15px 0 0 15px;
  padding: 10px;
  background-color: #f2f2f2;
  border: 0;
  height: 0;
  width: 250px;
  overflow: none;
  vertical-align: top;
}
/* optional */
.liftie-widget iframe {
  transition: height .6s ease-in;
}