[contact header="Header" header_sub="Subheader with <strong>bolded</strong> text" homepage="0"]

[contact_details]
<img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/blog-3.jpg"/>
<p>
    Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.
</p>
[/contact_details]

[contact_form header="Contact Form"/]

[/contact]

<div class="content frame-page-width grid-demo">	 
    <h2>COLUMNS</h2>	 
    <div class="row padding">	 
        <div class="grid-6">	 
            <h3>1/2 Column</h3>

            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>



        </div>	 
        <div class="grid-6">	 
            <h3>1/2 Column</h3>

            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 

        </div>	 
        <div class="grid-4">	 
            <h3>1/3 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div>	 

        <div class="grid-4">

            <h3>1/3 Column</h3>

            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div>	 
        <div class="grid-4">

            <h3>1/3 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div>	 
        <div class="grid-3">	 
            <h3>1/4 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div> 	 
        <div class="grid-3">	 
            <h3>1/4 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div> 	 
        <div class="grid-3">	 
            <h3>1/4 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div> 	 
        <div class="grid-3">	 
            <h3>1/4 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div> 	 
        <div class="grid-8">	 
            <h3>2/3 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div> 	 
        <div class="grid-4">	 
            <h3>1/3 Column</h3>	 
            <p>	 
                Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor.	 
            </p>	 
        </div> 	 
    </div>	 
</div>

<div class="content frame-page-width grid-demo">
    <div class="row padding">
        <div class="grid-6">
            <h2>Gallery</h2>
            <div class="side-gallery">
                <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a1.jpg"/>
                <div class="section-gallery-bar">
                    <div class="scroll-wrap clearfix">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a1.jpg" alt="">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a2.jpg" alt="">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a3.jpg" alt="">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a4.jpg" alt="">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a5.jpg" alt="">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a6.jpg" alt="">
                        <img src="//hotel.tidio.net/wp-content/themes/hotel/media-frontend/img/_gallery/a7.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="grid-6 alert-demo">
            <h2>Video</h2>
            <iframe width="560" height="315" src="//www.youtube.com/embed/tto-eTLXEH4?rel=0" frameborder="0" allowfullscreen></iframe>
            <h3>ALERTS</h3>
            <p class="alert success"><strong>Success.</strong> Your message here. Lorem ipsum dolor sit amet.</p>
            <p class="alert info"><strong>Info.</strong> Your message here. Lorem ipsum dolor sit amet.</p>
            <p class="alert error"><strong>Error.</strong> Your message here. Lorem ipsum dolor sit amet.</p>
        </div>
    </div>
    <h3>ICONS</h3>
    <div class="icons-demo">
		<i class="fa fa-signal fa-3x"></i>
		<i class="fa fa-cutlery gold fa-3x"></i>
		<i class="fa fa-picture-o fa-3x"></i>
		<i class="fa fa-tag gold fa-3x"></i>
		<i class="fa fa-signal circle-icon fa-3x"></i>
		<i class="fa fa-cutlery circle-icon gold fa-3x"></i>
		<i class="fa fa-picture-o circle-icon fa-3x"></i>
		<i class="fa fa-tag gold circle-icon fa-3x"></i>
    </div>
</div>