Subversion Repositories SmartDukaan

Rev

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