Subversion Repositories SmartDukaan

Rev

Rev 8298 | Rev 8301 | Go to most recent revision | 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="India's first Android only devices stores. Find all the latest Android smartphones, tablets, accessories and apps under one roof." name="description">
        <meta content="-1" http-equiv="Expires">
    
        <title>Android Store | Androidland in India</title>
        #include ( "templates/commoncssfiles.vm" )
        <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> 
        #include ( "templates/commonjsfiles.vm" )
                <script type="text/javascript" src="/js/jquery.slidy.min.js"></script>
                <link type="text/css" rel="stylesheet" href="/css/jquery.slidy.css"/>
                <script>
        function initialize() {
                var mapCanvas = document.getElementById('map_canvas');
                var tgip = new google.maps.LatLng(28.57201,77.326555);
                var kora = new google.maps.LatLng(12.931957,77.62271);
                var center = new google.maps.LatLng(20,77.4);
                var mapOptions = {
                    center: center,
                    zoom: 4,
                    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'
                });
    
                var koramarker = new google.maps.Marker({
                    position: kora,
                    map: map,
                    title: 'Koramangala, Bangalore'
                });
            }   
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>
        
        <style>
                .main-background {
                        background-color:#E1E1E1;
                }
                
                .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:#666666;
                }
                        
                        h1, h2 {
                                font-size:40px;
                                margin:40px 0 0 0;
                                color:#444444;
                        }
                        
                        h3 {
                                font-size:30px;
                                margin:30px 0;
                                color:#444444;
                        }
                        
                        .content-after-banner {
                                font-size:18px;
                        }
                        
                        .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:390px;
                                height:355px;
            }
            
            .inner-block {
                padding:0 20px;
                                float:left;
                                width:390px;
            }
                        
                        #map_canvas {
                width: 940px;
                height: 400px;
                        }
                        
                        .inner-block p {
                                padding:20px 0;
                        }
        </style>
    </head>

    <body>
         $action.getHeaderSnippet()
        <div class='main-background'>
                <div class='container'>
                                <div class="banner_carousel short has_tabbers" style="background: url('/images/androidland/main-banner.jpg') no-repeat;">
                    <script>
        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-store">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> 
                        </div><!-- .content_tabber_con -->
                    </div>
                </div>
                                <div class="content-after-banner">
                                <h1>India's first chain of Android-only mobile stores.</h1>
                                <p>Discover the latest and the widest range of Android smartphones and tablets from all the big brands.</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 chance to win a Note 3</td>
                                                                <td><span style="background-color: #ff5d00;display: inline-block;padding: 5px;font-size: 25px;">Know More</span></td>
                                                        </tr>
                                                </tbody>
                                        </table>
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='inner-block'>
                                                        <h3>Experience wide, open spaces</h3>
                                                        <p>
                                                                Explore our spacious stores and experience the latest Android technology 
                                                                and learn about the things you can do with the mobile Internet. 
                                                                Interact with the displays and devices. Take photographs with the Android robots. 
                                                        </p>
                                                </div>
                                                <div class='image-holding-block inner-block'>
                                                        <img class='image-block' src='/images/androidland/open-design.jpg'>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='image-holding-block inner-block'>
                                                        <img class='image-block' src='/images/androidland/huge-collection.jpg'>
                                                </div>
                                                <div class='inner-block'>
                                                        <h3>Explore all the big brands</h3>
                                                        <p>
                                                                You will find all the top smartphone/tablet brands under one roof
                                                                - Spice, Samsung, Micromaxx, Karbonn, HTC, LG, Motorola, Asus, and much more...
                                                        </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='inner-block'>
                                                        <h3>Enjoy special deals</h3>
                                                         
                                                        <p>
                                                                Get special pricing and offers on devices powered by Android, 
                                                                the world's most dynamic mobile operating system. 
                                                        </p>
                                                </div>
                                                <div class='image-holding-block inner-block'>
                                                        <img class='image-block' src='/images/androidland/open-design.jpg'>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='image-holding-block inner-block'>
                                                        <img class='image-block' src='/images/androidland/huge-collection.jpg'>
                                                </div>
                                                <div class='inner-block'>
                                                        <h3>Get expert advice</h3>
                                                        <p>
                                                                Let our trained staff guide you through the most amazing Android tips and tricks.
                                                        </p>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='inner-block'>
                                                        <h3> Browse the Google Play Zone</h3>
                                                        <p>
                                                                 Search, choose and download your favorite Android apps in the Google Play Zone.
                                                        </p>
                                                </div>
                                                <div class='image-holding-block inner-block'>
                                                        <img class='image-block' src='/images/androidland/open-design.jpg'>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        
                                        <div class='separator'></div>
                                        
                                        <div class='outer-block'>
                                                <div class='image-holding-block inner-block'>
                                                        <img class='image-block' src='/images/androidland/huge-collection.jpg'>
                                                </div>
                                                <div class='inner-block'>
                                                        <h3>Enjoy Free WiFi</h3>
                                                        <p>
                                                                Browse the internet for free using our always-on devices.
                                                        </p>
                                                </div>
                                                <div style='clear:both;'></div>
                                        </div>
                                        
                                        <div class='separator'></div>
                                        
                                        <h2>Locate us</h2>
                                        
                                        <div style='margin-top:40px;'>
                                                <div id="map_canvas"></div>
                                        </div>
                                        
                                        <div style='margin:40px;'>
                                                &nbsp;
                                        </div>
                                        
                        </div>
                </div>
        </div>
        
        #include("templates/footer.vm")
        <script>
                (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>
                        jQuery('#store-banners').slidy({
                animation:  'fade',
                pause:      true,
                speed:      1500,
                time:       3000,
                        width:          940,
                        height:         450
            });
                </script>
    </body>
</html>