Subversion Repositories SmartDukaan

Rev

Rev 20581 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hotspot Store</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/slick.min.js" type="text/javascript"></script>
#set($banners = $action.getActiveBanners())
#set($snippetMap = $action.getSnippetMap())
#include ( "templates/commoncssfiles.vm" )
#include ("templates/commonjsfiles.vm" )
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>

</head>

<body>
#include("templates/header.vm")

<!--Slide Area Starts Here-->

<div class="fade">
        #foreach($banner in $banners)
                <div>
                        <a href="$banner.getLink()" #if(!$banner.isSameWindowTarget())target="_blank"#end>
                                <img style="width:100%; height:auto;" src="images/banners/$banner.getImageName()"/>
                        </a>
                </div>
        #end
</div>

<script type="text/javascript">
$(document).ready(function(){
  $('.fade').slick({
    dots: true,
    infinite: true,
    speed: 300,
    //fade: true,
        arrows: false,
    cssEase: 'linear',
    autoplay: true,
  });
});
</script>
<!--Slide Area Ends Here-->


<!--Latest Mobile Area Starts Here-->

#if($snippetMap.get('latest-phones'))
<div class="mobileContentArea">
<h4>Latest Arrivals</h4>
<ul class="mobileArea_ulList">
        #foreach($entity in $snippetMap.get('latest-phones'))
                <a href="$entity.getUrl()">
                        <li class="mobileArea_liList">
                                <img src="$entity.getThumbnail()" />
                                <p style="font-weight:bold;">$entity.getTitle()</p>
                        </li>
                </a>
        #end
</ul>
</div>
#end
#if($snippetMap.get('best-sellers'))
<div class="mobileContentArea">
<h4>Best Sellers</h4>
<ul class="mobileArea_ulList">
        #foreach($entity in $snippetMap.get('best-sellers'))
                <a href="$entity.getUrl()">
                        <li class="mobileArea_liList">
                                <img src="$entity.getThumbnail()" />
                                <p style="font-weight:bold;">$entity.getTitle()</p>
                        </li>
                </a>
        #end
</ul>
</div>
#end
#if($snippetMap.get('best-deals'))
<div class="mobileContentArea">
<h4>Best Deals</h4>
<ul class="mobileArea_ulList">
        #foreach($entity in $snippetMap.get('best-deals'))
                <a href="$entity.getUrl()">
                        <li class="mobileArea_liList">
                                <img src="$entity.getThumbnail()" />
                                <p style="font-weight:bold;">$entity.getTitle()</p>
                        </li>
                </a>
        #end
</ul>
</div>
#end

<!--Latest Mobile Area Ends Here-->



<!--Socialmedia Area Starts Here-->

<div class="socialmedia_Container">

<div class="facebook_Container"><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FSpiceHotspot%2F&tabs=timeline&width=480&height=300&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=180220242067759" width="480" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div>

<div class="youtube_Container"><iframe width="480px" height="300px" src="https://www.youtube.com/embed/axiJGJENU9E" frameborder="0" allowfullscreen></iframe></div>

</div>

<!--Socialmedia Area Ends Here-->

#include("templates/footer.vm")
</body>
</html>