Subversion Repositories SmartDukaan

Rev

Rev 8314 | Rev 8317 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
8156 anupam.sin 1
<!DOCTYPE html>
2
 
3
<html>
8300 anupam.sin 4
    <head>
5
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
6
        <meta content="NO-CACHE" http-equiv="CACHE-CONTROL">
7
        <meta content="no-cache" http-equiv="Pragma">
8
        <meta content="India's first Android only devices stores. Find all the latest Android smartphones, tablets, accessories and apps under one roof." name="description">
9
        <meta content="-1" http-equiv="Expires">
10
 
11
        <title>Android Store | Androidland in India</title>
12
        #include ( "templates/commoncssfiles.vm" )
13
        <link href="/css/androidland/style.css" rel="stylesheet" type="text/css">
14
        <link href="/css/androidland/main.css" rel="stylesheet" type="text/css">
15
        <link href="/css/androidland/counter013.css" media="all" rel="stylesheet" type="text/css">
16
        <link href="/css/androidland/widget115.css" media="all" rel="stylesheet" type="text/css">
17
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script> 
18
        #include ( "templates/commonjsfiles.vm" )
19
		<script type="text/javascript" src="/js/jquery.slidy.min.js"></script>
20
		<link type="text/css" rel="stylesheet" href="/css/jquery.slidy.css"/>
21
		<script>
8302 anupam.sin 22
        function initialize_kor() {
23
                var mapCanvas = document.getElementById('map_canvas_kor');
8300 anupam.sin 24
                var kora = new google.maps.LatLng(12.931957,77.62271);
8302 anupam.sin 25
                var center = new google.maps.LatLng(12.931957,77.62271);
8300 anupam.sin 26
                var mapOptions = {
27
                    center: center,
8302 anupam.sin 28
                    zoom: 14,
8300 anupam.sin 29
                    mapTypeId: google.maps.MapTypeId.ROADMAP
30
                };
31
                var map = new google.maps.Map(mapCanvas, mapOptions);
8302 anupam.sin 32
                var koramarker = new google.maps.Marker({
33
                    position: kora,
34
                    map: map,
35
                    title: 'Koramangala, Bangalore'
36
                });
37
            }
38
 
39
			function initialize_noida() {
40
                var mapCanvas = document.getElementById('map_canvas_noida');
41
                var tgip = new google.maps.LatLng(28.57201,77.326555);
42
                var center = new google.maps.LatLng(28.57201,77.326555);
43
                var mapOptions = {
44
                    center: center,
45
                    zoom: 14,
46
                    mapTypeId: google.maps.MapTypeId.ROADMAP
47
                };
48
                var map = new google.maps.Map(mapCanvas, mapOptions);            
8300 anupam.sin 49
                var tgipmarker = new google.maps.Marker({
50
                    position: tgip,
51
                    map: map,
52
                    title: 'TGIP Mall, Noida'
53
                });
8302 anupam.sin 54
            }
55
            google.maps.event.addDomListener(window, 'load', initialize_noida);
56
			google.maps.event.addDomListener(window, 'load', initialize_kor);
8300 anupam.sin 57
        </script>
58
 
59
    	<style>
8301 anupam.sin 60
			@font-face {
61
                font-family: 'ralewaylight';
62
                src: url('/fonts/androidland/raleway-light.eot');
63
                src: url('/fonts/androidland/raleway-light.eot?#iefix') format('embedded-opentype'),
64
                     url('/fonts/androidland/raleway-light.woff') format('woff'),
65
                     url('/fonts/androidland/raleway-light.ttf') format('truetype'),
66
                     url('/fonts/androidland/raleway-light.svg#ralewaylight') format('svg');
67
                font-weight: normal;
68
                font-style: normal;
69
 
70
            }
71
 
72
 
73
 
74
 
75
            @font-face {
76
                font-family: 'ralewayregular';
77
                src: url('/fonts/androidland/raleway-regular.eot');
78
                src: url('/fonts/androidland/raleway-regular.eot?#iefix') format('embedded-opentype'),
79
                     url('/fonts/androidland/raleway-regular.woff') format('woff'),
80
                     url('/fonts/androidland/raleway-regular.ttf') format('truetype'),
81
                     url('/fonts/androidland/raleway-regular.svg#ralewayregular') format('svg');
82
                font-weight: normal;
83
                font-style: normal;
84
 
85
            }
86
 
8300 anupam.sin 87
    		.main-background {
88
    			background-color:#E1E1E1;
89
    		}
90
 
91
    		.container {
92
    			padding:10px 10px 0 10px;
93
    			box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
94
                -moz-box-shadow: 0 0 9px 1px -moz-rgba(0,0,0,.2);
95
                -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
96
				width:940px;
97
				margin:auto;
98
				background-color:white;
8302 anupam.sin 99
				color:#444444;
8300 anupam.sin 100
    		}
101
 
8301 anupam.sin 102
			.content-after-banner {
103
				font-size:18px;
104
				font-family:'ralewaylight';
105
			}
106
 
8300 anupam.sin 107
			h1, h2 {
108
				font-size:40px;
8301 anupam.sin 109
				font-family:'ralewayregular';
8300 anupam.sin 110
				margin:40px 0 0 0;
111
				color:#444444;
112
			}
113
 
114
			h3 {
115
				font-size:30px;
116
				margin:30px 0;
117
				color:#444444;
8301 anupam.sin 118
				font-family:'ralewaylight';
8300 anupam.sin 119
			}
120
 
121
			.container p {
122
				padding:30px 0 30px 20px;
123
			}
124
 
125
			.container h1, .container h2{
126
				padding-left:20px;
127
			}
128
 
129
			table.promotion-table {
130
                padding-left: 20px;
131
                background-color: #2789c1;
132
                color: white;
133
                width: 100%;
134
			}
135
 
136
			table.promotion-table td {
137
                height: 100px;
138
                vertical-align: middle;
139
                font-size: 30px;
140
			}
141
 
142
			.separator {
143
				border-top:1px solid #d9d9d9;
144
				margin:2px 0;
145
			}
146
 
147
			.outer-block {
148
            	margin:45px 0;padding: 0 40px;
8156 anupam.sin 149
            }
8300 anupam.sin 150
 
151
            .image-holding-block {
152
            	text-align:center;
153
            }
154
 
155
            .image-block {
8301 anupam.sin 156
            	width:330px;
157
				height:300px;
8302 anupam.sin 158
				box-shadow:0px 0px 5px 1px #666666;
8300 anupam.sin 159
            }
8302 anupam.sin 160
 
161
			#store-banners {
162
				box-shadow:0px 0px 5px 1px #666666;
163
			}
8300 anupam.sin 164
 
8301 anupam.sin 165
            .left-inner-block {
166
            	padding:0 20px 0 60px;
8300 anupam.sin 167
				float:left;
8301 anupam.sin 168
				width:350px;
8300 anupam.sin 169
            }
170
 
8301 anupam.sin 171
			.right-inner-block {
172
            	padding:0 60px 0 20px;
173
				float:left;
174
				width:350px;
175
            }
176
 
8302 anupam.sin 177
			.map_canvas {
178
                width: 420px;
179
                height: 250px;
8300 anupam.sin 180
			}
181
 
8301 anupam.sin 182
			.right-inner-block p, .left-inner-block p {
183
				padding:0 0 0 0;
8300 anupam.sin 184
			}
8302 anupam.sin 185
 
186
			.inline-mini-banner {
187
				float:left;
188
				box-shadow:0px 0px 5px 1px #666666;
189
				height:140px;
190
				width:220px;
191
			}
192
 
193
			#map_canvas_kor {
194
				margin: 0 30px 0 20px;
195
				float: left;
196
			}
197
 
198
			#map_canvas_noida {
199
				margin: 0 20px 0 30px;
200
				float: left;
201
			}
202
 
203
			.address-heading {
204
				width: 470px;
205
				float: left;
206
				text-align: center;
207
				margin: 30px 0 0 0;
208
				font-size: 30px;
209
			}
210
 
8300 anupam.sin 211
    	</style>
212
    </head>
8156 anupam.sin 213
 
8300 anupam.sin 214
    <body>
215
         $action.getHeaderSnippet()
216
        <div class='main-background'>
217
    		<div class='container'>
218
				<div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
219
                    <script>
220
        function navBannerGo(val) {
221
                    location.href = val;
222
                    }
223
                    </script>
224
 
225
                    <div class="content_tabber_con">
226
                        <div class="content_tabber_scroller">
227
                            <a class="content_tabber" href="/androidland-overview">Overview</a>
8314 anupam.sin 228
        					<a class="content_tabber  current" href="/androidland">AndroidLand Store
8300 anupam.sin 229
								<img src="/images/androidland/orange-tab.png" style="width: 100%;">
230
							</a>
231
        					<a class="content_tabber" href="/androidland-devices">Android Devices</a>
8302 anupam.sin 232
        					<a class="content_tabber" href="/androidland-apps">Android Apps</a>
8314 anupam.sin 233
							<a class="content_tabber" href="/androidland-fun-zone">Fun Zone</a>
8300 anupam.sin 234
                        </div><!-- .content_tabber_con -->
235
                    </div>
236
                </div>
237
				<div class="content-after-banner">
8301 anupam.sin 238
        			<h1>Welcome to Androidland</h1>
8316 anupam.sin 239
        			<p>India's first chain of Android focused stores. Discover the latest and the widest range of Android smartphones
240
						and tablets from all the big brands.
241
						<br><br>An engaging store concept especially developed by Spice in collaboration with Google.</p>
8300 anupam.sin 242
					<div id="store-banners">
243
						<img src="/images/androidland/slide-1.jpg"></img>
244
						<img src="/images/androidland/slide-2.jpg"></img>
245
						<img src="/images/androidland/slide-3.jpg"></img>
246
						<img src="/images/androidland/slide-4.jpg"></img>
247
						<img src="/images/androidland/slide-5.jpg"></img>
248
						<img src="/images/androidland/slide-6.jpg"></img>
249
                    </div>
250
 
251
					<h2>First of its kind</h2>
252
					<p>AndroidLand chain of stores will sell only Android-related products.</p> 
253
					<p style="padding-top:0;">Inside these vast stores, you will get a comprehensive, never-before experience of the Android platform - products, accessories, apps, helpful assistants, and of course, the gentle green Android Robots.</p>
254
					<div class='separator' style='margin-top:30px;'></div>
255
					<table class='promotion-table'>
256
						<thead></thead>
257
						<tbody>
258
							<tr>
8314 anupam.sin 259
								<td>Get a chance to win a Google Nexus 4</td>
260
								<td><a style="background-color: #ff5d00;display: inline-block;padding: 5px;font-size: 25px;text-decoration: none;color: white;" href="/androidland-fun-zone">Know More</a></td>
8300 anupam.sin 261
							</tr>
262
						</tbody>
263
					</table>
264
					<div class='separator'></div>
265
 
266
					<div class='outer-block'>
8301 anupam.sin 267
						<div class='left-inner-block'>
8300 anupam.sin 268
							<h3>Experience wide, open spaces</h3>
269
							<p>
8316 anupam.sin 270
								Explore our spacious stores and experience the latest Android technology. 
271
								Learn about the things you can do with mobile Internet. 
272
								Interact with the displays and devices at leisure. Take photographs with the Android robots. 
8300 anupam.sin 273
							</p>
274
						</div>
8301 anupam.sin 275
						<div class='image-holding-block right-inner-block'>
8314 anupam.sin 276
							<img class='image-block' src='/images/androidland/space-block.jpg'>
8300 anupam.sin 277
						</div>
278
						<div style='clear:both;'></div>
8158 anupam.sin 279
					</div>
8300 anupam.sin 280
					<div class='separator'></div>
281
 
282
					<div class='outer-block'>
8301 anupam.sin 283
						<div class='image-holding-block left-inner-block'>
8314 anupam.sin 284
							<img class='image-block' src='/images/androidland/brands-block.jpg'>
8300 anupam.sin 285
						</div>
8301 anupam.sin 286
						<div class='right-inner-block'>
8300 anupam.sin 287
							<h3>Explore all the big brands</h3>
288
							<p>
8316 anupam.sin 289
								You will find all the top smartphone and tablet brands under one roof
290
								- Spice, Sony, Samsung, Micromax, Karbonn, HTC, LG and many more.
291
								<br>Explore accessories specially designed for your android smartphone.
8300 anupam.sin 292
							</p>
293
						</div>
294
						<div style='clear:both;'></div>
8158 anupam.sin 295
					</div>
296
 
8300 anupam.sin 297
					<div>
298
						<div class="cycle" style="background:url('/images/androidland/panorama.jpg');height:330px"></div>
299
					</div>
8158 anupam.sin 300
 
8300 anupam.sin 301
					<div class='outer-block'>
8301 anupam.sin 302
						<div class='left-inner-block'>
8314 anupam.sin 303
							<h3>Expert advice</h3>
8300 anupam.sin 304
							<p>
8314 anupam.sin 305
								AndroidLand store staff (Spice Android Gurus) have been specially trained
306
								on the Android platform and will be able to help you select the device that’s
307
								right for you and then set-up, customize and provide apps recommendations. 
8300 anupam.sin 308
							</p>
309
						</div>
8301 anupam.sin 310
						<div class='image-holding-block right-inner-block'>
8314 anupam.sin 311
							<img class='image-block' src='/images/androidland/advice-block.jpg'>
8300 anupam.sin 312
						</div>
313
						<div style='clear:both;'></div>
8158 anupam.sin 314
					</div>
8300 anupam.sin 315
					<div class='separator'></div>
8158 anupam.sin 316
 
8302 anupam.sin 317
					<div class="outer-block">
318
						<div style="margin: 0 25px 0 50px;" class='inline-mini-banner'>
8314 anupam.sin 319
							<img width="220px" height="140px" src="/images/androidland/free-wifi.jpg">
8300 anupam.sin 320
						</div>
8302 anupam.sin 321
						<div style="margin: 0 25px 0 25px;" class='inline-mini-banner'>
8314 anupam.sin 322
							<img width="220px" height="140px" src="/images/androidland/special-deals.jpg">
8300 anupam.sin 323
						</div>
8302 anupam.sin 324
						<div style="margin: 0 50px 0 25px;" class='inline-mini-banner'>
8314 anupam.sin 325
							<img width="220px" height="140px" src="/images/androidland/play-zone.jpg">
8300 anupam.sin 326
						</div>
8302 anupam.sin 327
 
328
						<div style="clear:both;"></div>
8158 anupam.sin 329
					</div>
330
 
8300 anupam.sin 331
					<div class='separator'></div>
8158 anupam.sin 332
 
8302 anupam.sin 333
					<div>
334
						<h3 class='address-heading'>Androidland, Koramangla
335
							<span style="font-size: 16px;">
8316 anupam.sin 336
								<br>Shop No 115,
337
								<br>7th Block, Koramangla,
338
								<br>Bangalore - 560094 (Karnataka)
8302 anupam.sin 339
							</span>
340
						</h3>
341
						<h3 class='address-heading'>Androidland, Noida
342
							<span style="font-size: 16px;">
8316 anupam.sin 343
								<br>Shop No 216, 2nd Floor,
344
								<br>The Great India Place Mall,
8302 anupam.sin 345
								<br>Noida - 201301 (UP)
346
							</span>
347
						</h3>
348
						<div style="clear:both;"></div>
8158 anupam.sin 349
					</div>
8302 anupam.sin 350
 
8300 anupam.sin 351
					<div style='margin-top:40px;'>
8302 anupam.sin 352
						<div id="map_canvas_kor" class='map_canvas'></div>
353
						<div id="map_canvas_noida" class='map_canvas'></div>
354
						<div style="clear:both;">
8158 anupam.sin 355
					</div>
356
 
8300 anupam.sin 357
					<div style='margin:40px;'>
358
						&nbsp;
359
					</div>
360
 
361
    			</div>
8302 anupam.sin 362
 
363
    			</div>
8300 anupam.sin 364
    		</div>
365
    	</div>
366
 
367
        #include("templates/footer.vm")
368
    	<script>
369
    		(function (jQuery) {
370
                jQuery.fn.cyclotron = function (options) {
371
                    var settings = jQuery.extend({
372
                        dampingFactor: 0.93,
373
                        historySize: 5
374
                    }, options);
375
                    return this.each(function () {
376
                        var container, sx, dx = 0, armed, offset = 0, tick, prev, h = [];
377
                        container = jQuery(this);
378
 
379
                        container.mousedown(function (e) {
380
                            sx = e.pageX - offset;
381
                            armed = true;
382
                            e.preventDefault();
383
                        });
384
                        container.mousemove(function (e) {
385
                            var px;
386
                            if (armed) {
387
                                px = e.pageX;
388
                                if (prev === undefined) {
389
                                    prev = px;
390
                                }
391
                                offset = px - sx;
392
                                if (h.length > settings.historySize) {
393
                                    h.shift();
394
                                }
395
                                h.push(prev - px);
396
 
397
                                container.css('background-position', offset);
398
 
399
                                prev = px;
400
                            }
401
                        });
402
                        container.bind('mouseleave mouseup', function () {
403
                            if (armed) {
404
                                var i, len = h.length, v = h[len - 1];
405
                                for (i = 0; i < len; i++) {
406
                                    v = (v * len + (h[i])) / (len + 1);
407
                                }
408
                                dx = v;
409
                            }
410
                            armed = false;
411
                        });
412
                        tick = function () {
413
                            if (!armed) {
414
                                dx = 2;
415
                                dx *= settings.dampingFactor;
416
                                offset -= dx;
417
                                container.css('background-position', offset);
418
                                if (Math.abs(dx) < 0.001) {
419
                                    dx = 0;
420
                                }
421
                            }
422
                        };
423
                        setInterval(tick, 16);
424
                    });
425
                };
426
            }(jQuery));
427
 
428
            jQuery(document).ready(function (jQuery) {
429
                jQuery('.cycle').cyclotron();
430
            });
431
        </script>
432
		<script>
433
			jQuery('#store-banners').slidy({
434
                animation:  'fade',
435
                pause:      true,
436
                speed:      1500,
437
                time:       3000,
438
    			width:		940,
439
    			height:		450
440
            });
441
		</script>
442
    </body>
8156 anupam.sin 443
</html>