Subversion Repositories SmartDukaan

Rev

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