Subversion Repositories SmartDukaan

Rev

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

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