Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
Portfolio

Search our Site

logo
  • fr-FR
  • English (UK)

Our Amazing Projects

Great design comes with understanding our clients needs

image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.
image

Example Slide

This is dummy text. You can add any text or html markup here.


Example of code used above. It is a combination of Info Slide CSS and Multibox, so those must be turned on in the template configuration. You can actually use any of the info slide styles below just be sure to wrap with the 2 pages DIVs which are "pages_portfolio three" and if you want padding between each image the "pages_padding" DIV. Notice on the first DIV there is a "three". You can enter one, two, three, four, five and six depending on how many portfolio items you want on one row (Be sure to keep that space before the three too):

<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>

Code Used For This Page:

<h1 class="s5_centerit">Our Amazing Projects</h1>
<span class="s5_centerit ourteam_subtitle">Great design comes with understanding our clients needs</span>
<br>
<br>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb4" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb5" href="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb6" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>

lodge with us

With over 1,000 rooms available you will have plenty of room to stay with us. We also have over 50 campgrounds available year round for those who prefer the outdoor life.



lodging
camping
View a quick tour of our
lodging and campgrounds
lodging video

Room Booking

Thanks for staying with us! Please fill out the form below and our staff will be in contact with your shortly.