Subversion Repositories SmartDukaan

Rev

Rev 8433 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<!DOCTYPE html>

<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta content="NO-CACHE" http-equiv="CACHE-CONTROL">
        <meta content="no-cache" http-equiv="Pragma">
                <meta content="-1" http-equiv="Expires">
        <meta  name="description" content="India's first Android only devices stores. Find all the latest Android smartphones, tablets, accessories and apps under one roof.">
    
        <title>Androidland | Android Store in India</title>
        
        
<!-- for Facebook Androidland-->
<meta property="og:title" content="Androidland | Android Store in India" />
<meta property="og:image" content="http://www.saholic.com/images/androidland/fb-og.jpg" />
<meta property="og:description" content="India's first Android only devices stores. Find all the latest Android smartphones, tablets, accessories and apps under one roof." />
        #include ( "templates/commoncssfiles.vm" )
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
        <link href="/css/androidland/style.css" rel="stylesheet" type="text/css">
        <link href="/css/androidland/main.css" rel="stylesheet" type="text/css">
        <link href="/css/androidland/counter013.css" media="all" rel="stylesheet" type="text/css">
        <link href="/css/androidland/widget115.css" media="all" rel="stylesheet" type="text/css">
                <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script> 
                <link type="text/css" rel="stylesheet" href="/css/jquery.slidy.css"/>
                <script type="text/javascript">
        function initialize_kor() {
                var mapCanvas = document.getElementById('map_canvas_kor');
                var kora = new google.maps.LatLng(12.93518,77.61347);
                var center = new google.maps.LatLng(12.93518,77.61347);
                var mapOptions = {
                    center: center,
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(mapCanvas, mapOptions);
                var koramarker = new google.maps.Marker({
                    position: kora,
                    map: map,
                    title: 'Koramangala, Bangalore'
                });
            }
                        
                        function initialize_noida() {
                var mapCanvas = document.getElementById('map_canvas_noida');
                                
                var tgip = new google.maps.LatLng(28.567812,77.325854);
                var center = new google.maps.LatLng(28.567812,77.325854);
                var mapOptions = {
                    center: center,
                    zoom: 14,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(mapCanvas, mapOptions);            
                var tgipmarker = new google.maps.Marker({
                    position: tgip,
                    map: map,
                    title: 'TGIP Mall, Noida'
                });
            }
            google.maps.event.addDomListener(window, 'load', initialize_noida);
                        google.maps.event.addDomListener(window, 'load', initialize_kor);
        </script>
        
        <style>
                        
                .main-background {
                        background-color:#E1E1E1;
                        width: auto;
                }
                
                .container {
                        padding:10px 10px 0 10px;
                        box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
                -moz-box-shadow: 0 0 9px 1px -moz-rgba(0,0,0,.2);
                -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.2);
                                width:940px;
                                margin:auto;
                                background-color:white;
                                color:#444444;
                }
                        
                        .content-after-banner {
                                font-size:18px;
                                font-family:'ralewaylight';
                        }
                        
                        h1, h2 {
                                font-size:40px;
                                font-family:'ralewayregular';
                                margin:40px 0 0 0;
                                color:#444444;
                        }
                        
                        h3 {
                                font-size:30px;
                                margin:30px 0;
                                color:#444444;
                                font-family:'ralewaylight';
                        }
                        
                        .container p {
                                padding:30px 0 30px 20px;
                        }
                        
                        .container h1, .container h2{
                                padding-left:20px;
                        }
                        
                        table.promotion-table {
                padding-left: 20px;
                background-color: #2789c1;
                color: white;
                width: 100%;
                        }
                        
                        table.promotion-table td {
                height: 100px;
                vertical-align: middle;
                font-size: 30px;
                        }
                        
                        .separator {
                                border-top:1px solid #d9d9d9;
                                margin:2px 0;
                        }
                        
                        .outer-block {
                margin:45px 0;padding: 0 40px;
            }
            
            .image-holding-block {
                text-align:center;
            }
            
            .image-block {
                width:330px;
                                height:300px;
                                box-shadow:0px 0px 5px 1px #666666;
            }
                        
                        #store-banners {
                                box-shadow:0px 0px 5px 1px #666666;
                        }
            
            .left-inner-block {
                padding:0 20px 0 60px;
                                float:left;
                                width:350px;
            }
                        
                        .right-inner-block {
                padding:0 60px 0 20px;
                                float:left;
                                width:350px;
            }
                        
                        .map_canvas {
                width: 420px;
                height: 250px;
                        }
                        
                        .right-inner-block p, .left-inner-block p {
                                padding:0 0 0 0;
                        }
                        
                        .inline-mini-banner {
                                float:left;
                                box-shadow:0px 0px 5px 1px #666666;
                                height:140px;
                                width:220px;
                        }
                        
                        #map_canvas_kor {
                                margin: 0 30px 0 20px;
                                float: left;
                        }
                        
                        #map_canvas_noida {
                                margin: 0 20px 0 30px;
                                float: left;
                        }
                        
                        .address-heading {
                                width: 470px;
                                float: left;
                                text-align: center;
                                margin: 30px 0 0 0;
                                font-size: 30px;
                        }
                        
        </style>
    </head>

    <body>
        <div id="fb-root"></div>
                <script type="text/javascript">(function(d, s, id) {
                  var js, fjs = d.getElementsByTagName(s)[0];
                  if (d.getElementById(id)) return;
                  js = d.createElement(s); js.id = id;
                  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
         $action.getHeaderSnippet()
        <div class="main-background wrapper">
                <div class='container' style='float:none;'>
                                <div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
                    <script type="text/javascript">
        function navBannerGo(val) {
                    location.href = val;
                    }
                    </script>
        
                    <div class="content_tabber_con">
                        <div class="content_tabber_scroller">
                            <a class="content_tabber" href="/androidland-overview">Overview</a>
                                                <a class="content_tabber  current" href="/androidland">AndroidLand Store
                                                                <img src="/images/androidland/orange-tab.png" style="width: 100%;">
                                                        </a>
                                                <a class="content_tabber" href="/androidland-devices">Android Devices</a>
                                                <a class="content_tabber" href="/androidland-apps">Android Apps</a>
                                                        <a class="content_tabber" href="/androidland-fun-zone">Fun Zone</a>
                        </div><!-- .content_tabber_con -->
                    </div>
                </div>
                                <div class="content-after-banner">
                                <h1>Welcome to Androidland</h1>
                                <p>India's first chain of Android focused stores. Discover the latest and the widest range of Android smartphones
                                                and tablets from all the big brands.
                                                <br><br>An engaging store concept especially developed by Spice in collaboration with Google.</p>
                                        <div id="store-banners">
                                                <img src="/images/androidland/slide-1.jpg"></img>
                                                <img src="/images/androidland/slide-2.jpg"></img>
                                                <img src="/images/androidland/slide-3.jpg"></img>
                                                <img src="/images/androidland/slide-4.jpg"></img>
                                                <img src="/images/androidland/slide-5.jpg"></img>
                                                <img src="/images/androidland/slide-6.jpg"></img>
                    </div>
                                        
                                        <h2>First of its kind</h2>
                                        <p>AndroidLand chain of stores will sell only Android-related products.</p> 
                                        <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>
                                        <div class='separator' style='margin-top:30px;'></div>
                                        <table class='promotion-table'>
                                                <thead></thead>
                                                <tbody>
                                                        <tr>
                                                                <td>Get a music headset worth Rs. 1500 FREE</td>
                                                                <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>
                                                        </tr>
                                                </tbody>
                                        </table>
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='left-inner-block'>
                                                        <h3>Experience wide, open spaces</h3>
                                                        <p>
                                                                Explore our spacious stores and experience the latest Android technology. 
                                                                Learn about the things you can do with mobile Internet. 
                                                                Interact with the displays and devices at leisure. Take photographs with the Android robots. 
                                                        </p>
                                                </div>
                                                <div class='image-holding-block right-inner-block'>
                                                        <img class='image-block' src='/images/androidland/space-block.jpg'>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='image-holding-block left-inner-block'>
                                                        <img class='image-block' src='/images/androidland/brands-block.jpg'>
                                                </div>
                                                <div class='right-inner-block'>
                                                        <h3>Explore all the big brands</h3>
                                                        <p>
                                                                You will find all the top smartphone and tablet brands under one roof
                                                                - Spice, Sony, Samsung, Micromax, Karbonn, HTC, LG and many more.
                                                                <br>Explore accessories specially designed for your android smartphone.
                                                        </p>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        
                                        <div>
                                                <div class="cycle" style="background:url('/images/androidland/panorama.jpg');height:330px"></div>
                                        </div>
                                        
                                        <div class='outer-block'>
                                                <div class='left-inner-block'>
                                                        <h3>Expert advice</h3>
                                                        <p>
                                                                AndroidLand store staff (Spice Android Gurus) have been specially trained
                                                                on the Android platform and will be able to help you select the device that’s
                                                                right for you and then set-up, customize and provide apps recommendations. 
                                                        </p>
                                                </div>
                                                <div class='image-holding-block right-inner-block'>
                                                        <img class='image-block' src='/images/androidland/advice-block.jpg'>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        <div class='separator'></div>
                                        
                                        <div class="outer-block">
                                                <div style="margin: 0 25px 0 50px;" class='inline-mini-banner'>
                                                        <img width="220px" height="140px" src="/images/androidland/free-wifi.jpg">
                                                </div>
                                                <div style="margin: 0 25px 0 25px;" class='inline-mini-banner'>
                                                        <img width="220px" height="140px" src="/images/androidland/special-deals.jpg">
                                                </div>
                                                <div style="margin: 0 50px 0 25px;" class='inline-mini-banner'>
                                                        <img width="220px" height="140px" src="/images/androidland/play-zone.jpg">
                                                </div>
                                                
                                                <div style="clear:both;"></div>
                                        </div>
                                        
                                        <div class='separator'></div>
                                        
                                        <div>
                                                <h3 class='address-heading'>Androidland, Koramangla
                                                        <span style="font-size: 16px;">
                                                                <br>Shop No 115,
                                                                <br>7th Block, Koramangla,
                                                                <br>Bangalore - 560094 (Karnataka)
                                                        </span>
                                                </h3>
                                                <h3 class='address-heading'>Androidland, Noida
                                                        <span style="font-size: 16px;">
                                                                <br>Shop No 216, 2nd Floor,
                                                                <br>The Great India Place Mall,
                                                                <br>Noida - 201301 (UP)
                                                        </span>
                                                </h3>
                                                <div style="clear:both;"></div>
                                        </div>

                                        <div style='margin-top:40px;'>
                                                <div id="map_canvas_kor" class='map_canvas'></div>
                                                <div id="map_canvas_noida" class='map_canvas'></div>
                                                <div style="clear:both;"></div>
                                        </div>
                                        
                                        <div style='margin-top:40px;'>
                                                &nbsp;
                                        </div>
                                        
                                        <div class='separator'></div>
                                        <div style="height:30px;line-height:30px;">
                                                <div style='float:left;'>Follow us &nbsp;</div> 
                                                <div style='float:left;'>
                                                <a style="background: url('/images/Facebook.png') no-repeat;font-size: 24px;text-decoration:none;" href="http://www.facebook.com/androidlandindia" rel="nofollow" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                                <a style="background:url('/images/Twitter.png') no-repeat;font-size: 24px;text-decoration:none;" href="https://twitter.com/AndroidLandin" rel="nofollow" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                                <a style="background:url('/images/Google_Plus.png') no-repeat;font-size: 24px;text-decoration:none;" href="https://plus.google.com/117223022684716695993/about" rel="nofollow" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                                </div>
                                        <div style="float:right">
                                                <div style="width: 75px; font-size: 11px; height: 25px; float: left; margin: 5px 0px 5px 5px;">
                                                <div class="fb-like" data-href="http://www.saholic.com/androidland" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="true" data-send="false"></div>
                                                </div>
                                                <div style="width: 66px; font-size: 11px; height: 25px; float: left; margin: 5px 0px 5px 5px;">
                                                        <!-- Place this tag where you want the +1 button to render. -->
                                                        <div class="g-plusone" data-size="medium"></div>
                                                </div>
                                                <div style="width: 77px; font-size: 11px; height: 25px; float: left; margin: 5px 0px 0px 0px;">
                                                    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
                                                        <script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                                </div>
                                                <!-- Place this tag after the last +1 button tag. -->
                                                <script type="text/javascript">
                                                  (function() {
                                                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                                    po.src = 'https://apis.google.com/js/plusone.js';
                                                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                                  })();
                                                </script>
                                        </div>
                                        <div style='float:right'>Like us </div>
                                        </div>
                                        <div style='clear:both'></div>
                                        <div class='separator'></div>
                                        
                                        <div style='margin-top:40px;'>
                                                &nbsp;
                                        </div>
                                        
                        </div>
                </div>
        </div>
        
        #include("templates/footer.vm")
        #include ( "templates/commonjsfiles.vm" )
                <script type="text/javascript" src="/js/jquery.slidy.min.js"></script>
        <script type="text/javascript">
                (function (jQuery) {
                jQuery.fn.cyclotron = function (options) {
                    var settings = jQuery.extend({
                        dampingFactor: 0.93,
                        historySize: 5
                    }, options);
                    return this.each(function () {
                        var container, sx, dx = 0, armed, offset = 0, tick, prev, h = [];
                        container = jQuery(this);
        
                        container.mousedown(function (e) {
                            sx = e.pageX - offset;
                            armed = true;
                            e.preventDefault();
                        });
                        container.mousemove(function (e) {
                            var px;
                            if (armed) {
                                px = e.pageX;
                                if (prev === undefined) {
                                    prev = px;
                                }
                                offset = px - sx;
                                if (h.length > settings.historySize) {
                                    h.shift();
                                }
                                h.push(prev - px);
        
                                container.css('background-position', offset);
        
                                prev = px;
                            }
                        });
                        container.bind('mouseleave mouseup', function () {
                            if (armed) {
                                var i, len = h.length, v = h[len - 1];
                                for (i = 0; i < len; i++) {
                                    v = (v * len + (h[i])) / (len + 1);
                                }
                                dx = v;
                            }
                            armed = false;
                        });
                        tick = function () {
                            if (!armed) {
                                dx = 2;
                                dx *= settings.dampingFactor;
                                offset -= dx;
                                container.css('background-position', offset);
                                if (Math.abs(dx) < 0.001) {
                                    dx = 0;
                                }
                            }
                        };
                        setInterval(tick, 16);
                    });
                };
            }(jQuery));
        
            jQuery(document).ready(function (jQuery) {
                jQuery('.cycle').cyclotron();
            });
        </script>
                <script type="text/javascript">
                        jQuery('#store-banners').slidy({
                animation:  'fade',
                pause:      true,
                speed:      1500,
                time:       3000,
                        width:          940,
                        height:         450
            });
                </script>
    </body>
</html>