Subversion Repositories SmartDukaan

Rev

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