Subversion Repositories SmartDukaan

Rev

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