Subversion Repositories SmartDukaan

Rev

Rev 10095 | Go to most recent revision | 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;
47
				}
9301 kshitij.so 48
    </style>
49
 
50
</head>
51
 
52
<body>
53
	<noscript>
54
		<p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
55
	</noscript>
56
	$action.getHeaderSnippet()
57
	<!-- Main -->
58
	<div id="main">
59
		<div class="main-content">
60
			<div class="main-top"></div>
61
			<div class="main-left left">
62
				#if ( $bannerCount == 0 )
63
					<div class="main-left-banner" style="display: none">
64
				#elseif ( $bannerCount < 3 )
65
					<div class="main-left-banner"  style="height: 210px;">
66
				#else
67
					<div class="main-left-banner"  style="height: 230px;">
68
				#end
69
 
70
				#if($bannerCount > 1 && $bannerCount < 3)
71
					<ul id="bannerMenu">
72
						#foreach($banner in $banners)
73
							#if($banner.isHasMap())
10095 kshitij.so 74
								<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 75
								<map name='map$velocityCount'> 
76
									#set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
77
									#foreach($mapdetail in $mapdetails)
78
										<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
79
									#end
80
									</map>
81
									</li>
82
							#else
10095 kshitij.so 83
								<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 84
	                        #end
85
						#end
86
					</ul>
87
					<div class="container">
88
                      <div class="slider_arrow_left"></div>
89
                      <div class="slider_arrow_right"></div>
90
                    </div>
91
				#else
92
					  <div id="banner-menu">
93
						#foreach($banner in $banners)
94
							#if($banner.isHasMap())
10095 kshitij.so 95
								<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 96
								<map name='map$velocityCount'> 
97
									#set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
98
									#foreach($mapdetail in $mapdetails)
99
										<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
100
									#end
101
									</map>
102
							#else
10095 kshitij.so 103
								<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 104
	                        #end
105
						#end
106
                       </div>
107
					#end
108
               </div>
11607 kshitij.so 109
			   <div id="expiryMsg" style="">
110
				</div>
9301 kshitij.so 111
			   <div class="aircel-offer-container" style="font-size:13px">
112
                                        <div class="activation-process">
113
<h3 style="color: black; font-weight: bold; padding-left: 10px; padding-top: 10px; font-size: 25px;">Saholic Accessories Festival</h3>
114
<h3 style="padding: 10px; font-size: 13px; font-weight: normal;">December 20, 2013 - January 31, 2014</h3>
115
<h3 style="padding: 10px; font-size: 18px;">Pick any accessory, get Extra 10% off</h3>
116
<ul style="list-style: decimal inside none; padding: 5px 10px 10px;">
117
<li>
118
The offer is valid on all accessories.
119
</li>
120
<li>
121
A discount of 10% (upto a maximum of Rs.250) will be applicable
122
</li>
123
<li>
124
The discount can be enjoyed upon using the coupon code: <b>saholic-fest</b>
125
</li>
126
<li>
127
        The offer is also valid on Cash on Delivery (COD) orders.
128
</li>
129
<li>
130
Only one order per person will be accepted.
131
</li>
132
<li>
133
The offer is valid till January 31, 2014 or till stocks last.
134
</li>
135
<li>
136
        Saholic reserves the right to end promotion without any notice.
137
</li>
138
</ul>
139
</div>
140
 
141
			   </div>
142
			</div>
143
		<div class="widgets right">
144
			$action.getCartWidgetSnippet()
145
		</div>
146
		</div>
147
	</div>
148
	#include("templates/footer.vm")
149
	#include ( "templates/commonjsfiles.vm" )
150
	<script type="text/javascript" charset="utf-8">
11607 kshitij.so 151
		$(function(){
152
			$("#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.");
153
			$("#expiryMsg").attr('style', 'color:red;border:1px solid red;box-shadow: red 0 0 30px 1px;');
154
			$("#expiryMsg").fadeIn(600, function() {
155
						window.setTimeout(function() {
156
							$("#expiryMsg").fadeOut(800, function() {
157
								$("#expiryMsg").removeAttr('style');
158
							});
159
						}, 100000000);
160
			});
161
		});
162
	</script>
163
	<script type="text/javascript" charset="utf-8">
9301 kshitij.so 164
	#if ($bannerCount == 1 )
165
	jQuery('#banner-menu').slidy({
166
        animation:  'none',
167
        children:   'a',
168
        menu:       false,
169
        pause:      true,
170
        speed:      400,
171
        time:       4000
172
    });
173
 
174
	#elseif ($bannerCount > 1 && $bannerCount < 3 )
175
	$(document).ready(function() {
176
           $('#bannerMenu').DDSlider({
177
           nextSlide: '.slider_arrow_right',
178
           prevSlide: '.slider_arrow_left',
179
           selector: '.slider_selector'
180
            });
181
          }); 
182
	#else
183
	jQuery('#banner-menu').slidy({
184
        animation:  'fade',
185
        children:   'a',
186
        menu:       true,
187
        pause:      true,
188
        speed:      200,
189
        time:       5000
190
    });
191
	#end
192
	</script>
193
	<style type="text/css">
194
		.slider_arrow_left {
195
         background: url(/images/left_arrow.png) no-repeat top left;
196
         }
197
		.slider_arrow_right {
198
         background: url(/images/right_arrow.png) no-repeat top left;
199
         }
200
	</style>
201
</body>
202
</html>