Subversion Repositories SmartDukaan

Rev

Rev 11607 | 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=iso-8859-1" />

<!-- Prevent MS Office toolbar from changing layout -->
        <meta name="google-site-verification" content="NPHVASYh9ZsYbjffRuAU4dhEHhx7xSKUj9GycYUMo_o" /> 
        <META name="y_key" content="116f6310a0df3c4f" />
        <meta name="msvalidate.01" content="A9BB200170442859BD6DF681353ACD78" />
        <meta name="keywords" content="Accessory offer, ${domain.name}" />
        <title>Accessory Offer | ${domain.name}</title>
#set($banners = $action.getActiveBanners("/static/accessory-offer"))
#if($banners)
#set($bannerCount = $banners.size())
#else
#set($bannerCount = 0)
#end
#include ( "templates/commoncssfiles.vm" )
 
        <link rel="stylesheet" href="/css/home.css" type="text/css" />
        <link href="https://plus.google.com/108546508648658526684" rel="publisher" />
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
        <style>
                .aircel-offer-container{
                        border: 1px solid #2789C1;
                        color: #444444;
                        float: left;
                        font-size: 13px;
                        width: 100%;
                        min-height: 430px;
                }
                .activation-process li {
                        margin-top: 20px;
                }
                                #expiryMsg{
                                        position: fixed;
                                        top: 40%;
                                        border: 1px solid #2978C1;
                                        font-size: 18px;
                                        box-shadow: #2978C1 0 0 30px 1px;
                                        background-color: white;
                                        color: #666;
                                        display: none;
                                        line-height:25px;
                                        margin-left:3px;
                                        padding:10px;
                                        width:674px;
                                        z-index:99;     
                                }
    </style>

</head>

<body>
        <noscript>
                <p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
        </noscript>
        $action.getHeaderSnippet()
        <!-- Main -->
        <div id="main">
                <div class="main-content">
                        <div class="main-top"></div>
                        <div class="main-left left">
                                #if ( $bannerCount == 0 )
                                        <div class="main-left-banner" style="display: none">
                                #elseif ( $bannerCount < 3 )
                                        <div class="main-left-banner"  style="height: 210px;">
                                #else
                                        <div class="main-left-banner"  style="height: 230px;">
                                #end
                                
                                #if($bannerCount > 1 && $bannerCount < 3)
                                        <ul id="bannerMenu">
                                                #foreach($banner in $banners)
                                                        #if($banner.isHasMap())
                                                                <li class="square"><a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' usemap='#map$velocityCount' height="200" width="710"/></a>
                                                                <map name='map$velocityCount'> 
                                                                        #set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
                                                                        #foreach($mapdetail in $mapdetails)
                                                                                <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                                                                        #end
                                                                        </map>
                                                                        </li>
                                                        #else
                                                                <li class="square"><a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' height="200" width="710" /></a></li>
                                #end
                                                #end
                                        </ul>
                                        <div class="container">
                      <div class="slider_arrow_left"></div>
                      <div class="slider_arrow_right"></div>
                    </div>
                                #else
                                          <div id="banner-menu">
                                                #foreach($banner in $banners)
                                                        #if($banner.isHasMap())
                                                                <a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()" usemap='#map$velocityCount'/></a>
                                                                <map name='map$velocityCount'> 
                                                                        #set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
                                                                        #foreach($mapdetail in $mapdetails)
                                                                                <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                                                                        #end
                                                                        </map>
                                                        #else
                                                                <a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
                                #end
                                                #end
                       </div>
                                        #end
               </div>
                           <div id="expiryMsg" style="">
                                </div>
                           <div class="aircel-offer-container" style="font-size:13px">
                                        <div class="activation-process">
<h3 style="color: black; font-weight: bold; padding-left: 10px; padding-top: 10px; font-size: 25px;">Saholic Accessories Festival</h3>
<h3 style="padding: 10px; font-size: 13px; font-weight: normal;">December 20, 2013 - January 31, 2014</h3>
<h3 style="padding: 10px; font-size: 18px;">Pick any accessory, get Extra 10% off</h3>
<ul style="list-style: decimal inside none; padding: 5px 10px 10px;">
<li>
The offer is valid on all accessories.
</li>
<li>
A discount of 10% (upto a maximum of Rs.250) will be applicable
</li>
<li>
The discount can be enjoyed upon using the coupon code: <b>saholic-fest</b>
</li>
<li>
        The offer is also valid on Cash on Delivery (COD) orders.
</li>
<li>
Only one order per person will be accepted.
</li>
<li>
The offer is valid till January 31, 2014 or till stocks last.
</li>
<li>
        Saholic reserves the right to end promotion without any notice.
</li>
</ul>
</div>

                           </div>
                        </div>
                <div class="widgets right">
                        $action.getCartWidgetSnippet()
                </div>
                </div>
        </div>
        #include("templates/footer.vm")
        #include ( "templates/commonjsfiles.vm" )
        <script type="text/javascript" charset="utf-8">
                $(function(){
                        $("#expiryMsg").html("This offer has expired. Please visit our <a href='http://www.facebook.com/mysaholic' target='_blank'>Facebook Page</a> for more offers and discounts.");
                        $("#expiryMsg").attr('style', 'color:red;border:1px solid red;box-shadow: red 0 0 30px 1px;');
                        $("#expiryMsg").fadeIn(600, function() {
                                                window.setTimeout(function() {
                                                        $("#expiryMsg").fadeOut(800, function() {
                                                                $("#expiryMsg").removeAttr('style');
                                                        });
                                                }, 100000000);
                        });
                });
        </script>
        <script type="text/javascript" charset="utf-8">
        #if ($bannerCount == 1 )
        jQuery('#banner-menu').slidy({
        animation:  'none',
        children:   'a',
        menu:       false,
        pause:      true,
        speed:      400,
        time:       4000
    });

        #elseif ($bannerCount > 1 && $bannerCount < 3 )
        $(document).ready(function() {
           $('#bannerMenu').DDSlider({
           nextSlide: '.slider_arrow_right',
           prevSlide: '.slider_arrow_left',
           selector: '.slider_selector'
            });
          }); 
        #else
        jQuery('#banner-menu').slidy({
        animation:  'fade',
        children:   'a',
        menu:       true,
        pause:      true,
        speed:      200,
        time:       5000
    });
        #end
        </script>
        <style type="text/css">
                .slider_arrow_left {
         background: url(/images/left_arrow.png) no-repeat top left;
         }
                .slider_arrow_right {
         background: url(/images/right_arrow.png) no-repeat top left;
         }
        </style>
</body>
</html>