Subversion Repositories SmartDukaan

Rev

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