{*
* 2007-2016 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2016 PrestaShop SA
*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

<script>
$(document).ready(function(){
	$(".fancybox")
	.attr('rel', 'gallery')
	.fancybox({
	openEffect: 'elastic',
	prevEffect: 'fade',})
});
</script>
<div class="panel-heading">
	<i class="icon-info"></i> {l s='Help' mod='cmscontact'}
</div>

<div class="panel-content">
	<p class="col-md-4">{l s='Put the next shortcode into any CMS: ' mod='cmscontact'} <strong>[contact]</strong><br /><br />
	<a href="../modules/cmscontact/views/img/screenshot01.jpg" class="fancybox" data-fancybox-group="views" title="{l s='View backend screenshot' mod='cmscontact'}" target="_blank"><img src="../modules/cmscontact/views/img/screenshot01.jpg" class="img-responsive"></a>
	</p>
    <p class="col-md-2"></p>
	<p class="col-md-4">
    	{l s='The shortcode will be replaced by the Contact form' mod='cmscontact'}<br /><br />
   
	<a href="../modules/cmscontact/views/img/screenshot02.jpg" class="fancybox" data-fancybox-group="views" title="{l s='View frontend screenshot' mod='cmscontact'}" target="_blank"><img src="../modules/cmscontact/views/img/screenshot02.jpg" class="img-responsive"></a>
	 </p>
</div>