Subversion Repositories SmartDukaan

Rev

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