Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
8234 amit.gupta 1
<!DOCTYPE html>
2
 
3
<html>
8317 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 Bangalore</title>
12
        #include ( "templates/commoncssfiles.vm" )
8361 amit.gupta 13
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
8317 amit.gupta 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"/>
20
		<script>
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
            }
8317 amit.gupta 37
 
38
			function initialize_noida() {
39
                var mapCanvas = document.getElementById('map_canvas_noida');
8361 amit.gupta 40
 
41
                var tgip = new google.maps.LatLng(28.567812,77.325854);
42
                var center = new google.maps.LatLng(28.567812,77.325854);
8317 amit.gupta 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_kor);
56
        </script>
57
 
58
    	<style>
59
 
60
    		.main-background {
61
    			background-color:#E1E1E1;
8361 amit.gupta 62
    			width: auto;
8317 amit.gupta 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;
73
				color:#444444;
74
    		}
75
 
76
			.content-after-banner {
77
				font-size:18px;
78
				font-family:'ralewaylight';
79
			}
80
 
81
			h1, h2 {
82
				font-size:40px;
83
				font-family:'ralewayregular';
84
				margin:40px 0 0 0;
85
				color:#444444;
86
			}
87
 
88
			h3 {
89
				font-size:30px;
90
				margin:30px 0;
91
				color:#444444;
92
				font-family:'ralewaylight';
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;
123
            }
124
 
125
            .image-holding-block {
126
            	text-align:center;
127
            }
128
 
129
            .image-block {
130
            	width:330px;
131
				height:300px;
132
				box-shadow:0px 0px 5px 1px #666666;
133
            }
134
 
135
			#store-banners {
136
				box-shadow:0px 0px 5px 1px #666666;
137
			}
138
 
139
            .left-inner-block {
140
            	padding:0 20px 0 60px;
141
				float:left;
142
				width:350px;
143
            }
144
 
145
			.right-inner-block {
146
            	padding:0 60px 0 20px;
147
				float:left;
148
				width:350px;
149
            }
150
 
151
			.map_canvas {
152
                width: 420px;
153
                height: 250px;
154
			}
155
 
156
			.right-inner-block p, .left-inner-block p {
157
				padding:0 0 0 0;
158
			}
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
 
185
    	</style>
186
    </head>
8234 amit.gupta 187
 
8317 amit.gupta 188
    <body>
8361 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>
8317 amit.gupta 197
         $action.getHeaderSnippet()
8361 amit.gupta 198
        <div class="main-background wrapper">
8317 amit.gupta 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>
210
        					<a class="content_tabber  current" href="/androidland">AndroidLand Store
211
								<img src="/images/androidland/orange-tab.png" style="width: 100%;">
212
							</a>
213
        					<a class="content_tabber" href="/androidland-devices">Android Devices</a>
214
        					<a class="content_tabber" href="/androidland-apps">Android Apps</a>
8410 anupam.sin 215
							<a class="content_tabber" href="/androidland-fun-zone">Fun Zone</a>
8317 amit.gupta 216
                        </div><!-- .content_tabber_con -->
217
                    </div>
218
                </div>
219
				<div class="content-after-banner">
8361 amit.gupta 220
        			<h1>Welcome to Androidland Bangalore</h1>
221
        			<p>India's first chain of Android focused stores. Discover the latest and the widest range of Android smartphones
222
						and tablets from all the big brands.
223
						<br><br>An engaging store concept especially developed by Spice in collaboration with Google.</p>
8317 amit.gupta 224
					<div id="store-banners">
225
						<img src="/images/androidland/slide-1.jpg"></img>
226
						<img src="/images/androidland/slide-2.jpg"></img>
227
						<img src="/images/androidland/slide-3.jpg"></img>
228
						<img src="/images/androidland/slide-4.jpg"></img>
229
						<img src="/images/androidland/slide-5.jpg"></img>
230
						<img src="/images/androidland/slide-6.jpg"></img>
231
                    </div>
8234 amit.gupta 232
 
8317 amit.gupta 233
					<h2>First of its kind</h2>
234
					<p>AndroidLand chain of stores will sell only Android-related products.</p> 
235
					<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>
236
					<div class='separator' style='margin-top:30px;'></div>
237
					<table class='promotion-table'>
238
						<thead></thead>
239
						<tbody>
240
							<tr>
8361 amit.gupta 241
								<td>Get a chance to win fabulous prizes</td>
242
								<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>
8317 amit.gupta 243
							</tr>
244
						</tbody>
245
					</table>
246
					<div class='separator'></div>
8234 amit.gupta 247
 
8317 amit.gupta 248
					<div class='outer-block'>
249
						<div class='left-inner-block'>
250
							<h3>Experience wide, open spaces</h3>
251
							<p>
8361 amit.gupta 252
								Explore our spacious stores and experience the latest Android technology. 
253
								Learn about the things you can do with mobile Internet. 
254
								Interact with the displays and devices at leisure. Take photographs with the Android robots. 
8317 amit.gupta 255
							</p>
256
						</div>
257
						<div class='image-holding-block right-inner-block'>
258
							<img class='image-block' src='/images/androidland/space-block.jpg'>
259
						</div>
260
						<div style='clear:both;'></div>
8234 amit.gupta 261
					</div>
8317 amit.gupta 262
					<div class='separator'></div>
8234 amit.gupta 263
 
8317 amit.gupta 264
					<div class='outer-block'>
265
						<div class='image-holding-block left-inner-block'>
266
							<img class='image-block' src='/images/androidland/brands-block.jpg'>
267
						</div>
268
						<div class='right-inner-block'>
269
							<h3>Explore all the big brands</h3>
270
							<p>
8361 amit.gupta 271
								You will find all the top smartphone and tablet brands under one roof
272
								- Spice, Sony, Samsung, Micromax, Karbonn, HTC, LG and many more.
273
								<br>Explore accessories specially designed for your android smartphone.
8317 amit.gupta 274
							</p>
275
						</div>
276
						<div style='clear:both;'></div>
277
					</div>
8234 amit.gupta 278
 
8317 amit.gupta 279
					<div>
280
						<div class="cycle" style="background:url('/images/androidland/panorama.jpg');height:330px"></div>
8234 amit.gupta 281
					</div>
282
 
8317 amit.gupta 283
					<div class='outer-block'>
284
						<div class='left-inner-block'>
285
							<h3>Expert advice</h3>
286
							<p>
287
								AndroidLand store staff (Spice Android Gurus) have been specially trained
288
								on the Android platform and will be able to help you select the device that’s
289
								right for you and then set-up, customize and provide apps recommendations. 
290
							</p>
291
						</div>
292
						<div class='image-holding-block right-inner-block'>
293
							<img class='image-block' src='/images/androidland/advice-block.jpg'>
294
						</div>
295
						<div style='clear:both;'></div>
8234 amit.gupta 296
					</div>
8317 amit.gupta 297
					<div class='separator'></div>
8234 amit.gupta 298
 
8317 amit.gupta 299
					<div class="outer-block">
300
						<div style="margin: 0 25px 0 50px;" class='inline-mini-banner'>
301
							<img width="220px" height="140px" src="/images/androidland/free-wifi.jpg">
302
						</div>
303
						<div style="margin: 0 25px 0 25px;" class='inline-mini-banner'>
304
							<img width="220px" height="140px" src="/images/androidland/special-deals.jpg">
305
						</div>
306
						<div style="margin: 0 50px 0 25px;" class='inline-mini-banner'>
307
							<img width="220px" height="140px" src="/images/androidland/play-zone.jpg">
308
						</div>
309
 
310
						<div style="clear:both;"></div>
8234 amit.gupta 311
					</div>
312
 
8317 amit.gupta 313
					<div class='separator'></div>
8361 amit.gupta 314
					<div style='margin-top:40px;'></div>
8317 amit.gupta 315
					<div>
316
						<h3 class='address-heading'>Androidland, Koramangla
317
							<span style="font-size: 16px;">
8361 amit.gupta 318
								<br>Shop No 115,
319
								<br>7th Block, Koramangla,
320
								<br>Bangalore - 560094 (Karnataka)
8317 amit.gupta 321
							</span>
322
						</h3>
323
						<div id="map_canvas_kor" class='map_canvas'></div>
324
						<div style="clear:both;"></div>
8361 amit.gupta 325
					</div>
326
					<div style='margin-top:40px;'></div>
327
					<div class='separator'></div>
328
 
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>
347
    							<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>
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>
359
					</div>
360
					<div style='clear:both'></div>
361
					<div class='separator'></div>
362
 
363
					<div style='margin-top:40px;'>
8317 amit.gupta 364
						&nbsp;
8234 amit.gupta 365
					</div>
366
 
8317 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>
374
    	<script>
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>
438
		<script>
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>