Subversion Repositories SmartDukaan

Rev

Rev 11607 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
9301 kshitij.so 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5
 
6
<!-- Prevent MS Office toolbar from changing layout -->
7
	<meta name="google-site-verification" content="NPHVASYh9ZsYbjffRuAU4dhEHhx7xSKUj9GycYUMo_o" /> 
8
	<META name="y_key" content="116f6310a0df3c4f" />
9
	<meta name="msvalidate.01" content="A9BB200170442859BD6DF681353ACD78" />
10
	<meta name="keywords" content="Accessory offer, ${domain.name}" />
11
	<title>Accessory Offer | ${domain.name}</title>
12
#set($banners = $action.getActiveBanners("/static/accessory-offer"))
13
#if($banners)
14
#set($bannerCount = $banners.size())
15
#else
16
#set($bannerCount = 0)
17
#end
18
#include ( "templates/commoncssfiles.vm" )
19
 
20
	<link rel="stylesheet" href="/css/home.css" type="text/css" />
21
	<link href="https://plus.google.com/108546508648658526684" rel="publisher" />
22
	<script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
23
	<style>
24
                .aircel-offer-container{
25
                        border: 1px solid #2789C1;
26
                        color: #444444;
27
                        float: left;
28
                        font-size: 13px;
29
                        width: 100%;
30
                        min-height: 430px;
31
                }
32
                .activation-process li {
33
                        margin-top: 20px;
34
                }
11607 kshitij.so 35
				#expiryMsg{
36
					position: fixed;
37
					top: 40%;
38
					border: 1px solid #2978C1;
39
					font-size: 18px;
40
					box-shadow: #2978C1 0 0 30px 1px;
41
					background-color: white;
42
					color: #666;
43
					display: none;
44
					line-height:25px;
45
					margin-left:3px;
46
					padding:10px;
11609 kshitij.so 47
					width:674px;
48
					z-index:99;	
11607 kshitij.so 49
				}
9301 kshitij.so 50
    </style>
51
 
52
</head>
53
 
54
<body>
55
	<noscript>
56
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
57
	</noscript>
58
	$action.getHeaderSnippet()
59
	<!-- Main -->
60
	<div id="main">
61
		<div class="main-content">
62
			<div class="main-top"></div>
63
			<div class="main-left left">
64
				#if ( $bannerCount == 0 )
65
					<div class="main-left-banner" style="display: none">
66
				#elseif ( $bannerCount < 3 )
67
					<div class="main-left-banner"  style="height: 210px;">
68
				#else
69
					<div class="main-left-banner"  style="height: 230px;">
70
				#end
71
 
72
				#if($bannerCount > 1 && $bannerCount < 3)
73
					<ul id="bannerMenu">
74
						#foreach($banner in $banners)
75
							#if($banner.isHasMap())
10095 kshitij.so 76
								<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>
9301 kshitij.so 77
								<map name='map$velocityCount'> 
78
									#set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
79
									#foreach($mapdetail in $mapdetails)
80
										<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
81
									#end
82
									</map>
83
									</li>
84
							#else
10095 kshitij.so 85
								<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>
9301 kshitij.so 86
	                        #end
87
						#end
88
					</ul>
89
					<div class="container">
90
                      <div class="slider_arrow_left"></div>
91
                      <div class="slider_arrow_right"></div>
92
                    </div>
93
				#else
94
					  <div id="banner-menu">
95
						#foreach($banner in $banners)
96
							#if($banner.isHasMap())
10095 kshitij.so 97
								<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>
9301 kshitij.so 98
								<map name='map$velocityCount'> 
99
									#set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
100
									#foreach($mapdetail in $mapdetails)
101
										<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
102
									#end
103
									</map>
104
							#else
10095 kshitij.so 105
								<a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
9301 kshitij.so 106
	                        #end
107
						#end
108
                       </div>
109
					#end
110
               </div>
11607 kshitij.so 111
			   <div id="expiryMsg" style="">
112
				</div>
9301 kshitij.so 113
			   <div class="aircel-offer-container" style="font-size:13px">
114
                                        <div class="activation-process">
115
<h3 style="color: black; font-weight: bold; padding-left: 10px; padding-top: 10px; font-size: 25px;">Saholic Accessories Festival</h3>
116
<h3 style="padding: 10px; font-size: 13px; font-weight: normal;">December 20, 2013 - January 31, 2014</h3>
117
<h3 style="padding: 10px; font-size: 18px;">Pick any accessory, get Extra 10% off</h3>
118
<ul style="list-style: decimal inside none; padding: 5px 10px 10px;">
119
<li>
120
The offer is valid on all accessories.
121
</li>
122
<li>
123
A discount of 10% (upto a maximum of Rs.250) will be applicable
124
</li>
125
<li>
126
The discount can be enjoyed upon using the coupon code: <b>saholic-fest</b>
127
</li>
128
<li>
129
        The offer is also valid on Cash on Delivery (COD) orders.
130
</li>
131
<li>
132
Only one order per person will be accepted.
133
</li>
134
<li>
135
The offer is valid till January 31, 2014 or till stocks last.
136
</li>
137
<li>
138
        Saholic reserves the right to end promotion without any notice.
139
</li>
140
</ul>
141
</div>
142
 
143
			   </div>
144
			</div>
145
		<div class="widgets right">
146
			$action.getCartWidgetSnippet()
147
		</div>
148
		</div>
149
	</div>
150
	#include("templates/footer.vm")
151
	#include ( "templates/commonjsfiles.vm" )
152
	<script type="text/javascript" charset="utf-8">
11607 kshitij.so 153
		$(function(){
11609 kshitij.so 154
			$("#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.");
11607 kshitij.so 155
			$("#expiryMsg").attr('style', 'color:red;border:1px solid red;box-shadow: red 0 0 30px 1px;');
156
			$("#expiryMsg").fadeIn(600, function() {
157
						window.setTimeout(function() {
158
							$("#expiryMsg").fadeOut(800, function() {
159
								$("#expiryMsg").removeAttr('style');
160
							});
161
						}, 100000000);
162
			});
163
		});
164
	</script>
165
	<script type="text/javascript" charset="utf-8">
9301 kshitij.so 166
	#if ($bannerCount == 1 )
167
	jQuery('#banner-menu').slidy({
168
        animation:  'none',
169
        children:   'a',
170
        menu:       false,
171
        pause:      true,
172
        speed:      400,
173
        time:       4000
174
    });
175
 
176
	#elseif ($bannerCount > 1 && $bannerCount < 3 )
177
	$(document).ready(function() {
178
           $('#bannerMenu').DDSlider({
179
           nextSlide: '.slider_arrow_right',
180
           prevSlide: '.slider_arrow_left',
181
           selector: '.slider_selector'
182
            });
183
          }); 
184
	#else
185
	jQuery('#banner-menu').slidy({
186
        animation:  'fade',
187
        children:   'a',
188
        menu:       true,
189
        pause:      true,
190
        speed:      200,
191
        time:       5000
192
    });
193
	#end
194
	</script>
195
	<style type="text/css">
196
		.slider_arrow_left {
197
         background: url(/images/left_arrow.png) no-repeat top left;
198
         }
199
		.slider_arrow_right {
200
         background: url(/images/right_arrow.png) no-repeat top left;
201
         }
202
	</style>
203
</body>
204
</html>