Buy Lift Tickets in Advance and Save! Liftopia Liftopia Logo Search Over 206,610 Lift Tickets & Passes
Search Lift Tickets

Styleguide

Atoms

Typography

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Header 1 .header--1

Header 2 .header--2

Header 3 .header--3

Header 4 .header--4

Header 5 .header--5

Header 6 .header--6

Scroll Spy

Icons

Forms

    Molecules

    Alert

    I'm a success Alert!
    I'm an info Alert!
    I'm a warning Alert!
    I'm a danger Alert!

    Stateful Row

    An active row.
    An neutral row.
    An inactive row.

    Rollover

    Resort logo default
    This is cover content.

    Loading Spinner

    Loading...

    Amenities

    Active Amenity

    Inactive Amenity

    Buttons

    Primary Button with Link

    Primary Button with State (loading)Primary Button with State (loading)

    Primary Button with State (success)Primary Button with State (success)

    Primary Button with State (error)Primary Button with State (error)

    Primary Button Overlay with Link

    Primary Button Overlay with State (loading)Primary Button Overlay with State (loading)

    Primary Button Overlay with State (success)Primary Button Overlay with State (success)

    Primary Button Overlay with State (error)Primary Button Overlay with State (error)

    Primary Button Inverse with Link

    Primary Button Inverse with State (loading)Primary Button Inverse with State (loading)

    Primary Button Inverse with State (success)Primary Button Inverse with State (success)

    Primary Button Inverse with State (error)Primary Button Inverse with State (error)

    Primary Button Transparent with Link

    Primary Button Transparent with State (loading)Primary Button Transparent with State (loading)

    Primary Button Transparent with State (success)Primary Button Transparent with State (success)

    Primary Button Transparent with State (error)Primary Button Transparent with State (error)

    Secondary Button with Link

    Secondary Button with State (loading)Secondary Button with State (loading)

    Secondary Button with State (success)Secondary Button with State (success)

    Secondary Button with State (error)Secondary Button with State (error)

    Secondary Button Overlay with Link

    Secondary Button Overlay with State (loading)Secondary Button Overlay with State (loading)

    Secondary Button Overlay with State (success)Secondary Button Overlay with State (success)

    Secondary Button Overlay with State (error)Secondary Button Overlay with State (error)

    Secondary Button Inverse with Link

    Secondary Button Inverse with State (loading)Secondary Button Inverse with State (loading)

    Secondary Button Inverse with State (success)Secondary Button Inverse with State (success)

    Secondary Button Inverse with State (error)Secondary Button Inverse with State (error)

    Secondary Button Transparent with Link

    Secondary Button Transparent with State (loading)Secondary Button Transparent with State (loading)

    Secondary Button Transparent with State (success)Secondary Button Transparent with State (success)

    Secondary Button Transparent with State (error)Secondary Button Transparent with State (error)

    Danger Button with Link

    Danger Button with State (loading)Danger Button with State (loading)

    Danger Button with State (success)Danger Button with State (success)

    Danger Button with State (error)Danger Button with State (error)

    Danger Button Overlay with Link

    Danger Button Overlay with State (loading)Danger Button Overlay with State (loading)

    Danger Button Overlay with State (success)Danger Button Overlay with State (success)

    Danger Button Overlay with State (error)Danger Button Overlay with State (error)

    Danger Button Inverse with Link

    Danger Button Inverse with State (loading)Danger Button Inverse with State (loading)

    Danger Button Inverse with State (success)Danger Button Inverse with State (success)

    Danger Button Inverse with State (error)Danger Button Inverse with State (error)

    Danger Button Transparent with Link

    Danger Button Transparent with State (loading)Danger Button Transparent with State (loading)

    Danger Button Transparent with State (success)Danger Button Transparent with State (success)

    Danger Button Transparent with State (error)Danger Button Transparent with State (error)

    Grayscale Button with Link

    Grayscale Button with State (loading)Grayscale Button with State (loading)

    Grayscale Button with State (success)Grayscale Button with State (success)

    Grayscale Button with State (error)Grayscale Button with State (error)

    Grayscale Button Overlay with Link

    Grayscale Button Overlay with State (loading)Grayscale Button Overlay with State (loading)

    Grayscale Button Overlay with State (success)Grayscale Button Overlay with State (success)

    Grayscale Button Overlay with State (error)Grayscale Button Overlay with State (error)

    Grayscale Button Inverse with Link

    Grayscale Button Inverse with State (loading)Grayscale Button Inverse with State (loading)

    Grayscale Button Inverse with State (success)Grayscale Button Inverse with State (success)

    Grayscale Button Inverse with State (error)Grayscale Button Inverse with State (error)

    Grayscale Button Transparent with Link

    Grayscale Button Transparent with State (loading)Grayscale Button Transparent with State (loading)

    Grayscale Button Transparent with State (success)Grayscale Button Transparent with State (success)

    Grayscale Button Transparent with State (error)Grayscale Button Transparent with State (error)

    Card

    View Map & Get Directions

    Date Picker

    Open Date Picker

    Breadcrumbs

    Jumplinks

    Content Revealer

    Short text.

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum....Read more

    Organisms

    Search Input

    Image Gallery

    Pre-footer

    About Section

    About California: Lake Tahoe & Northern Skiing and Snowboarding

    10,780 ft base elevation
    13,050 ft peak elevation
    2,270 ft vertical drop

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Hero Area

    Subnavigation

    Trail Counts

    Beginner

    Beg.

    11

    Intermediate

    Int.

    33

    Advanced

    Adv.

    65

    Expert

    Exp.

    25

    Resort Conditions

    Ski Area Status (Today)

    Closed

    Trails Open

    103/109

    Lifts Open

    7/8

    Acres Open

    900/960

    Avg Base Depth

    66"

    24hr Snow Fall

    1"

    Operations

    Mon - Fri: 9:00am - 4:00pm

    Sat - Sun: 8:30am - 4:00pm

    Templates

    Layout #4

    Hero
    Main Content
    • Resort 1
    • Resort 2
    • Resort 3
    • Resort 4
    • Resort 5
    • Resort 6
    • Resort 7
    • Resort 8
    • Resort 9
    • Resort 10
    • Resort 11
    • Resort 12
    • Resort 13
    • Resort 14
    • Resort 15
    • Resort 16
    • Resort 17
    • Resort 18
    • Resort 19
    • Resort 20
    • Resort 21
    • Resort 22
    • Resort 23
    • Resort 24
    • Resort 25
    • Resort 26
    • Resort 27
    • Resort 28
    • Resort 29
    • Resort 30