Subversion Repositories SmartDukaan

Rev

Rev 8298 | Rev 8301 | 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>
22
        function initialize() {
23
                var mapCanvas = document.getElementById('map_canvas');
24
                var tgip = new google.maps.LatLng(28.57201,77.326555);
25
                var kora = new google.maps.LatLng(12.931957,77.62271);
26
                var center = new google.maps.LatLng(20,77.4);
27
                var mapOptions = {
28
                    center: center,
29
                    zoom: 4,
30
                    mapTypeId: google.maps.MapTypeId.ROADMAP
31
                };
32
                var map = new google.maps.Map(mapCanvas, mapOptions);
33
 
34
                var tgipmarker = new google.maps.Marker({
35
                    position: tgip,
36
                    map: map,
37
                    title: 'TGIP Mall, Noida'
38
                });
39
 
40
                var koramarker = new google.maps.Marker({
41
                    position: kora,
42
                    map: map,
43
                    title: 'Koramangala, Bangalore'
44
                });
45
            }   
46
            google.maps.event.addDomListener(window, 'load', initialize);
47
        </script>
48
 
49
    	<style>
50
    		.main-background {
51
    			background-color:#E1E1E1;
52
    		}
53
 
54
    		.container {
55
    			padding:10px 10px 0 10px;
56
    			box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
57
                -moz-box-shadow: 0 0 9px 1px -moz-rgba(0,0,0,.2);
58
                -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
59
				width:940px;
60
				margin:auto;
61
				background-color:white;
62
				color:#666666;
63
    		}
64
 
65
			h1, h2 {
66
				font-size:40px;
67
				margin:40px 0 0 0;
68
				color:#444444;
69
			}
70
 
71
			h3 {
72
				font-size:30px;
73
				margin:30px 0;
74
				color:#444444;
75
			}
76
 
77
			.content-after-banner {
78
				font-size:18px;
79
			}
80
 
81
			.container p {
82
				padding:30px 0 30px 20px;
83
			}
84
 
85
			.container h1, .container h2{
86
				padding-left:20px;
87
			}
88
 
89
			table.promotion-table {
90
                padding-left: 20px;
91
                background-color: #2789c1;
92
                color: white;
93
                width: 100%;
94
			}
95
 
96
			table.promotion-table td {
97
                height: 100px;
98
                vertical-align: middle;
99
                font-size: 30px;
100
			}
101
 
102
			.separator {
103
				border-top:1px solid #d9d9d9;
104
				margin:2px 0;
105
			}
106
 
107
			.outer-block {
108
            	margin:45px 0;padding: 0 40px;
8156 anupam.sin 109
            }
8300 anupam.sin 110
 
111
            .image-holding-block {
112
            	text-align:center;
113
            }
114
 
115
            .image-block {
116
            	width:390px;
117
				height:355px;
118
            }
119
 
120
            .inner-block {
121
            	padding:0 20px;
122
				float:left;
123
				width:390px;
124
            }
125
 
126
			#map_canvas {
127
                width: 940px;
128
                height: 400px;
129
			}
130
 
131
			.inner-block p {
132
				padding:20px 0;
133
			}
134
    	</style>
135
    </head>
8156 anupam.sin 136
 
8300 anupam.sin 137
    <body>
138
         $action.getHeaderSnippet()
139
        <div class='main-background'>
140
    		<div class='container'>
141
				<div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
142
                    <script>
143
        function navBannerGo(val) {
144
                    location.href = val;
145
                    }
146
                    </script>
147
 
148
                    <div class="content_tabber_con">
149
                        <div class="content_tabber_scroller">
150
                            <a class="content_tabber" href="/androidland-overview">Overview</a>
151
        					<a class="content_tabber  current" href="/androidland-store">AndroidLand Store
152
								<img src="/images/androidland/orange-tab.png" style="width: 100%;">
153
							</a>
154
        					<a class="content_tabber" href="/androidland-devices">Android Devices</a>
155
        					<a class="content_tabber" href="/androidland-apps">Android Apps</a> 
156
                        </div><!-- .content_tabber_con -->
157
                    </div>
158
                </div>
159
				<div class="content-after-banner">
160
        			<h1>India's first chain of Android-only mobile stores.</h1>
161
        			<p>Discover the latest and the widest range of Android smartphones and tablets from all the big brands.</p>
162
					<div id="store-banners">
163
						<img src="/images/androidland/slide-1.jpg"></img>
164
						<img src="/images/androidland/slide-2.jpg"></img>
165
						<img src="/images/androidland/slide-3.jpg"></img>
166
						<img src="/images/androidland/slide-4.jpg"></img>
167
						<img src="/images/androidland/slide-5.jpg"></img>
168
						<img src="/images/androidland/slide-6.jpg"></img>
169
                    </div>
170
 
171
					<h2>First of its kind</h2>
172
					<p>AndroidLand chain of stores will sell only Android-related products.</p> 
173
					<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>
174
					<div class='separator' style='margin-top:30px;'></div>
175
					<table class='promotion-table'>
176
						<thead></thead>
177
						<tbody>
178
							<tr>
179
								<td>Get a chance to win a Note 3</td>
180
								<td><span style="background-color: #ff5d00;display: inline-block;padding: 5px;font-size: 25px;">Know More</span></td>
181
							</tr>
182
						</tbody>
183
					</table>
184
					<div class='separator'></div>
185
 
186
					<div class='outer-block'>
187
						<div class='inner-block'>
188
							<h3>Experience wide, open spaces</h3>
189
							<p>
190
								Explore our spacious stores and experience the latest Android technology 
191
								and learn about the things you can do with the mobile Internet. 
192
								Interact with the displays and devices. Take photographs with the Android robots. 
193
							</p>
194
						</div>
195
						<div class='image-holding-block inner-block'>
196
							<img class='image-block' src='/images/androidland/open-design.jpg'>
197
						</div>
198
						<div style='clear:both;'></div>
8158 anupam.sin 199
					</div>
8300 anupam.sin 200
					<div class='separator'></div>
201
 
202
					<div class='outer-block'>
203
						<div class='image-holding-block inner-block'>
204
							<img class='image-block' src='/images/androidland/huge-collection.jpg'>
205
						</div>
206
						<div class='inner-block'>
207
							<h3>Explore all the big brands</h3>
208
							<p>
209
								You will find all the top smartphone/tablet brands under one roof
210
								- Spice, Samsung, Micromaxx, Karbonn, HTC, LG, Motorola, Asus, and much more...
211
							</p>
212
						</div>
213
						<div style='clear:both;'></div>
8158 anupam.sin 214
					</div>
215
 
8300 anupam.sin 216
					<div>
217
						<div class="cycle" style="background:url('/images/androidland/panorama.jpg');height:330px"></div>
218
					</div>
8158 anupam.sin 219
 
8300 anupam.sin 220
					<div class='outer-block'>
221
						<div class='inner-block'>
222
							<h3>Enjoy special deals</h3>
223
 
224
							<p>
225
								Get special pricing and offers on devices powered by Android, 
226
								the world's most dynamic mobile operating system. 
227
							</p>
228
						</div>
229
						<div class='image-holding-block inner-block'>
230
							<img class='image-block' src='/images/androidland/open-design.jpg'>
231
						</div>
232
						<div style='clear:both;'></div>
8158 anupam.sin 233
					</div>
8300 anupam.sin 234
					<div class='separator'></div>
8158 anupam.sin 235
 
8300 anupam.sin 236
					<div class='outer-block'>
237
						<div class='image-holding-block inner-block'>
238
							<img class='image-block' src='/images/androidland/huge-collection.jpg'>
239
						</div>
240
						<div class='inner-block'>
241
							<h3>Get expert advice</h3>
242
							<p>
243
								Let our trained staff guide you through the most amazing Android tips and tricks.
244
							</p>
245
						</div>
246
						<div style='clear:both;'></div>
8158 anupam.sin 247
					</div>
248
 
8300 anupam.sin 249
					<div class='separator'></div>
250
 
251
					<div class='outer-block'>
252
						<div class='inner-block'>
253
							<h3> Browse the Google Play Zone</h3>
254
							<p>
255
								 Search, choose and download your favorite Android apps in the Google Play Zone.
256
							</p>
257
						</div>
258
						<div class='image-holding-block inner-block'>
259
							<img class='image-block' src='/images/androidland/open-design.jpg'>
260
						</div>
261
						<div style='clear:both;'></div>
8158 anupam.sin 262
					</div>
263
 
8300 anupam.sin 264
					<div class='separator'></div>
8158 anupam.sin 265
 
8300 anupam.sin 266
					<div class='outer-block'>
267
						<div class='image-holding-block inner-block'>
268
							<img class='image-block' src='/images/androidland/huge-collection.jpg'>
269
						</div>
270
						<div class='inner-block'>
271
							<h3>Enjoy Free WiFi</h3>
272
							<p>
273
								Browse the internet for free using our always-on devices.
274
							</p>
275
						</div>
276
						<div style='clear:both;'></div>
8158 anupam.sin 277
					</div>
278
 
8300 anupam.sin 279
					<div class='separator'></div>
280
 
281
					<h2>Locate us</h2>
282
 
283
					<div style='margin-top:40px;'>
8159 amit.gupta 284
						<div id="map_canvas"></div>
8158 anupam.sin 285
					</div>
286
 
8300 anupam.sin 287
					<div style='margin:40px;'>
288
						&nbsp;
289
					</div>
290
 
291
    			</div>
292
    		</div>
293
    	</div>
294
 
295
        #include("templates/footer.vm")
296
    	<script>
297
    		(function (jQuery) {
298
                jQuery.fn.cyclotron = function (options) {
299
                    var settings = jQuery.extend({
300
                        dampingFactor: 0.93,
301
                        historySize: 5
302
                    }, options);
303
                    return this.each(function () {
304
                        var container, sx, dx = 0, armed, offset = 0, tick, prev, h = [];
305
                        container = jQuery(this);
306
 
307
                        container.mousedown(function (e) {
308
                            sx = e.pageX - offset;
309
                            armed = true;
310
                            e.preventDefault();
311
                        });
312
                        container.mousemove(function (e) {
313
                            var px;
314
                            if (armed) {
315
                                px = e.pageX;
316
                                if (prev === undefined) {
317
                                    prev = px;
318
                                }
319
                                offset = px - sx;
320
                                if (h.length > settings.historySize) {
321
                                    h.shift();
322
                                }
323
                                h.push(prev - px);
324
 
325
                                container.css('background-position', offset);
326
 
327
                                prev = px;
328
                            }
329
                        });
330
                        container.bind('mouseleave mouseup', function () {
331
                            if (armed) {
332
                                var i, len = h.length, v = h[len - 1];
333
                                for (i = 0; i < len; i++) {
334
                                    v = (v * len + (h[i])) / (len + 1);
335
                                }
336
                                dx = v;
337
                            }
338
                            armed = false;
339
                        });
340
                        tick = function () {
341
                            if (!armed) {
342
                                dx = 2;
343
                                dx *= settings.dampingFactor;
344
                                offset -= dx;
345
                                container.css('background-position', offset);
346
                                if (Math.abs(dx) < 0.001) {
347
                                    dx = 0;
348
                                }
349
                            }
350
                        };
351
                        setInterval(tick, 16);
352
                    });
353
                };
354
            }(jQuery));
355
 
356
            jQuery(document).ready(function (jQuery) {
357
                jQuery('.cycle').cyclotron();
358
            });
359
        </script>
360
		<script>
361
			jQuery('#store-banners').slidy({
362
                animation:  'fade',
363
                pause:      true,
364
                speed:      1500,
365
                time:       3000,
366
    			width:		940,
367
    			height:		450
368
            });
369
		</script>
370
    </body>
8156 anupam.sin 371
</html>