Subversion Repositories SmartDukaan

Rev

Rev 8316 | Rev 8320 | 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');
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);
8300 anupam.sin 47 
                var tgipmarker = new google.maps.Marker({
48 
                    position: tgip,
49 
                    map: map,
50 
                    title: 'TGIP Mall, Noida'
51 
                });
8302 anupam.sin 52 
            }
53 
            google.maps.event.addDomListener(window, 'load', initialize_noida);
54 
			google.maps.event.addDomListener(window, 'load', initialize_kor);
8300 anupam.sin 55 
        </script>
56 
 
57 
    	<style>
8301 anupam.sin 58 
			@font-face {
59 
                font-family: 'ralewaylight';
60 
                src: url('/fonts/androidland/raleway-light.eot');
61 
                src: url('/fonts/androidland/raleway-light.eot?#iefix') format('embedded-opentype'),
62 
                     url('/fonts/androidland/raleway-light.woff') format('woff'),
63 
                     url('/fonts/androidland/raleway-light.ttf') format('truetype'),
64 
                     url('/fonts/androidland/raleway-light.svg#ralewaylight') format('svg');
65 
                font-weight: normal;
66 
                font-style: normal;
67 
 
68 
            }
69 
 
70 
 
71 
 
72 
 
73 
            @font-face {
74 
                font-family: 'ralewayregular';
75 
                src: url('/fonts/androidland/raleway-regular.eot');
76 
                src: url('/fonts/androidland/raleway-regular.eot?#iefix') format('embedded-opentype'),
77 
                     url('/fonts/androidland/raleway-regular.woff') format('woff'),
78 
                     url('/fonts/androidland/raleway-regular.ttf') format('truetype'),
79 
                     url('/fonts/androidland/raleway-regular.svg#ralewayregular') format('svg');
80 
                font-weight: normal;
81 
                font-style: normal;
82 
 
83 
            }
84 
 
8300 anupam.sin 85 
    		.main-background {
86 
    			background-color:#E1E1E1;
87 
    		}
88 
 
89 
    		.container {
90 
    			padding:10px 10px 0 10px;
91 
    			box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
92 
                -moz-box-shadow: 0 0 9px 1px -moz-rgba(0,0,0,.2);
93 
                -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
94 
				width:940px;
95 
				margin:auto;
96 
				background-color:white;
8302 anupam.sin 97 
				color:#444444;
8300 anupam.sin 98 
    		}
99 
 
8301 anupam.sin 100 
			.content-after-banner {
101 
				font-size:18px;
102 
				font-family:'ralewaylight';
103 
			}
104 
 
8300 anupam.sin 105 
			h1, h2 {
106 
				font-size:40px;
8301 anupam.sin 107 
				font-family:'ralewayregular';
8300 anupam.sin 108 
				margin:40px 0 0 0;
109 
				color:#444444;
110 
			}
111 
 
112 
			h3 {
113 
				font-size:30px;
114 
				margin:30px 0;
115 
				color:#444444;
8301 anupam.sin 116 
				font-family:'ralewaylight';
8300 anupam.sin 117 
			}
118 
 
119 
			.container p {
120 
				padding:30px 0 30px 20px;
121 
			}
122 
 
123 
			.container h1, .container h2{
124 
				padding-left:20px;
125 
			}
126 
 
127 
			table.promotion-table {
128 
                padding-left: 20px;
129 
                background-color: #2789c1;
130 
                color: white;
131 
                width: 100%;
132 
			}
133 
 
134 
			table.promotion-table td {
135 
                height: 100px;
136 
                vertical-align: middle;
137 
                font-size: 30px;
138 
			}
139 
 
140 
			.separator {
141 
				border-top:1px solid #d9d9d9;
142 
				margin:2px 0;
143 
			}
144 
 
145 
			.outer-block {
146 
            	margin:45px 0;padding: 0 40px;
8156 anupam.sin 147 
            }
8300 anupam.sin 148 
 
149 
            .image-holding-block {
150 
            	text-align:center;
151 
            }
152 
 
153 
            .image-block {
8301 anupam.sin 154 
            	width:330px;
155 
				height:300px;
8302 anupam.sin 156 
				box-shadow:0px 0px 5px 1px #666666;
8300 anupam.sin 157 
            }
8302 anupam.sin 158 
 
159 
			#store-banners {
160 
				box-shadow:0px 0px 5px 1px #666666;
161 
			}
8300 anupam.sin 162 
 
8301 anupam.sin 163 
            .left-inner-block {
164 
            	padding:0 20px 0 60px;
8300 anupam.sin 165 
				float:left;
8301 anupam.sin 166 
				width:350px;
8300 anupam.sin 167 
            }
168 
 
8301 anupam.sin 169 
			.right-inner-block {
170 
            	padding:0 60px 0 20px;
171 
				float:left;
172 
				width:350px;
173 
            }
174 
 
8302 anupam.sin 175 
			.map_canvas {
176 
                width: 420px;
177 
                height: 250px;
8300 anupam.sin 178 
			}
179 
 
8301 anupam.sin 180 
			.right-inner-block p, .left-inner-block p {
181 
				padding:0 0 0 0;
8300 anupam.sin 182 
			}
8302 anupam.sin 183 
 
184 
			.inline-mini-banner {
185 
				float:left;
186 
				box-shadow:0px 0px 5px 1px #666666;
187 
				height:140px;
188 
				width:220px;
189 
			}
190 
 
191 
			#map_canvas_kor {
192 
				margin: 0 30px 0 20px;
193 
				float: left;
194 
			}
195 
 
196 
			#map_canvas_noida {
197 
				margin: 0 20px 0 30px;
198 
				float: left;
199 
			}
200 
 
201 
			.address-heading {
202 
				width: 470px;
203 
				float: left;
204 
				text-align: center;
205 
				margin: 30px 0 0 0;
206 
				font-size: 30px;
207 
			}
208 
 
8300 anupam.sin 209 
    	</style>
210 
    </head>
8156 anupam.sin 211 
 
8300 anupam.sin 212 
    <body>
213 
         $action.getHeaderSnippet()
214 
        <div class='main-background'>
215 
    		<div class='container'>
216 
				<div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
217 
                    <script>
218 
        function navBannerGo(val) {
219 
                    location.href = val;
220 
                    }
221 
                    </script>
222 
 
223 
                    <div class="content_tabber_con">
224 
                        <div class="content_tabber_scroller">
225 
                            <a class="content_tabber" href="/androidland-overview">Overview</a>
8314 anupam.sin 226 
        					<a class="content_tabber  current" href="/androidland">AndroidLand Store
8300 anupam.sin 227 
								<img src="/images/androidland/orange-tab.png" style="width: 100%;">
228 
							</a>
229 
        					<a class="content_tabber" href="/androidland-devices">Android Devices</a>
8302 anupam.sin 230 
        					<a class="content_tabber" href="/androidland-apps">Android Apps</a>
8314 anupam.sin 231 
							<a class="content_tabber" href="/androidland-fun-zone">Fun Zone</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;">
8316 anupam.sin 341 
								<br>Shop No 216, 2nd Floor,
342 
								<br>The Great India Place Mall,
8302 anupam.sin 343 
								<br>Noida - 201301 (UP)
344 
							</span>
345 
						</h3>
346 
						<div style="clear:both;"></div>
8158 anupam.sin 347 
					</div>
8302 anupam.sin 348 
 
8300 anupam.sin 349 
					<div style='margin-top:40px;'>
8302 anupam.sin 350 
						<div id="map_canvas_kor" class='map_canvas'></div>
351 
						<div id="map_canvas_noida" class='map_canvas'></div>
352 
						<div style="clear:both;">
8158 anupam.sin 353 
					</div>
354 
 
8300 anupam.sin 355 
					<div style='margin:40px;'>
356 
						&nbsp;
357 
					</div>
358 
 
359 
    			</div>
8302 anupam.sin 360 
 
361 
    			</div>
8300 anupam.sin 362 
    		</div>
363 
    	</div>
364 
 
365 
        #include("templates/footer.vm")
8317 amit.gupta 366 
        #include ( "templates/commonjsfiles.vm" )
367 
		<script type="text/javascript" src="/js/jquery.slidy.min.js"></script>
8300 anupam.sin 368 
    	<script>
369 
    		(function (jQuery) {
370 
                jQuery.fn.cyclotron = function (options) {
371 
                    var settings = jQuery.extend({
372 
                        dampingFactor: 0.93,
373 
                        historySize: 5
374 
                    }, options);
375 
                    return this.each(function () {
376 
                        var container, sx, dx = 0, armed, offset = 0, tick, prev, h = [];
377 
                        container = jQuery(this);
378 
 
379 
                        container.mousedown(function (e) {
380 
                            sx = e.pageX - offset;
381 
                            armed = true;
382 
                            e.preventDefault();
383 
                        });
384 
                        container.mousemove(function (e) {
385 
                            var px;
386 
                            if (armed) {
387 
                                px = e.pageX;
388 
                                if (prev === undefined) {
389 
                                    prev = px;
390 
                                }
391 
                                offset = px - sx;
392 
                                if (h.length > settings.historySize) {
393 
                                    h.shift();
394 
                                }
395 
                                h.push(prev - px);
396 
 
397 
                                container.css('background-position', offset);
398 
 
399 
                                prev = px;
400 
                            }
401 
                        });
402 
                        container.bind('mouseleave mouseup', function () {
403 
                            if (armed) {
404 
                                var i, len = h.length, v = h[len - 1];
405 
                                for (i = 0; i < len; i++) {
406 
                                    v = (v * len + (h[i])) / (len + 1);
407 
                                }
408 
                                dx = v;
409 
                            }
410 
                            armed = false;
411 
                        });
412 
                        tick = function () {
413 
                            if (!armed) {
414 
                                dx = 2;
415 
                                dx *= settings.dampingFactor;
416 
                                offset -= dx;
417 
                                container.css('background-position', offset);
418 
                                if (Math.abs(dx) < 0.001) {
419 
                                    dx = 0;
420 
                                }
421 
                            }
422 
                        };
423 
                        setInterval(tick, 16);
424 
                    });
425 
                };
426 
            }(jQuery));
427 
 
428 
            jQuery(document).ready(function (jQuery) {
429 
                jQuery('.cycle').cyclotron();
430 
            });
431 
        </script>
432 
		<script>
433 
			jQuery('#store-banners').slidy({
434 
                animation:  'fade',
435 
                pause:      true,
436 
                speed:      1500,
437 
                time:       3000,
438 
    			width:		940,
439 
    			height:		450
440 
            });
441 
		</script>
442 
    </body>
8156 anupam.sin 443 
</html>