Subversion Repositories SmartDukaan

Rev

Blame | Last modification | View Log | RSS feed

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- Prevent MS Office toolbar from changing layout -->
<meta http-equiv="imagetoolbar" content="false">
<meta name="MSSmartTagsPreventParsing" content="true">

<title>Home Page</title>
#include ( "templates/commonjsfiles.vm" )
<!-- start of new code -->
</head>

<body  style='background-color:#BBBBBB;'>
        <div class='header'>
                <div class='header-top'>
                        <a class='site-logo left' href="#"></a>
                        <a class='menu-icon left' href='#'></a>
                        <a class='cart-icon right' href='#'></a>
                        <a class='account-icon right' href='#'></a>
                        
                </div>
                <div style='clear:both;'></div>
                <form class='header-bottom'>
                        <div style='margin-right:35px;'>
                                <input class='search-bar' type='text'></input>
                        </div>
                        <input type='submit' class="search-button" value='Search'></input>
                </form>
        </div>
        <div>
                <div class='banner'>
                        <img src='/images/bannerImage.jpg'></img>
                </div>
                
                <div class='menu-container'>
                        <div class='menu-container-header'>Shop by category</div>
                <div class='expandable plus'>
                                <div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/mobile.png'></img>Mobiles</div>
                        <ul>
                                <li><a href='/search?q=mobile'>All Mobiles</a></li>
                                <li><a href='/search?q=android'>Android Phones</a></li>
                        </ul>
                </div>
                <div class='non-expandable'>
                        <a href='/search?q=tablets'><img src='/images/tablet.png'></img>Tablets</a>
                </div>
                <div class='expandable plus'>
                                <div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/laptop.png'></img>Laptops</div>
                        <ul>
                                <li><a href='/search?q=tablets'>Windows</a></li>
                                <li><a href='/search?q=tablets'>Mac</a></li>
                                <li><a href='/search?q=tablets'>DOS/Linux</a></li>
                        </ul>
                </div>
                        <div class='expandable plus'>
                                <div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/accessories.png'></img>Accessories</div>
                        <ul>
                                <li><a href='/search?q=tablets'>Laptop Accessories</a></li>
                                <li><a href='/search?q=tablets'>Mobile Accessories</a></li>
                        </ul>
                </div>
                        <div class='expandable plus'>
                                <div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/camera.png'></img>Cameras</div>
                        <ul>
                                <li><a href='/search?q=tablets'>DSLR</a></li>
                                <li><a href='/search?q=tablets'>Compact Cameras</a></li>
                        </ul>
                </div>
                        <div class='non-expandable'>
                        <a href='/recharge'><img src='/images/recharge.png'></img>Quick Recharge</a>
                </div>
                        <div class='non-expandable'>
                        <a href='/best-deals'><img src='/images/star.png'></img> Best Deals</a>
                </div>
                </div>
        </div>
        <div class='footer'>
                <a href='www.saholic.com'>Full Site</a>&nbsp;|&nbsp;
                <a href='/contact-us'>Contact us</a>&nbsp;|&nbsp;
                <a href='/terms'>Policies</a>
                
        </div>
<script>
        jQuery('.expandable').click(function() {
                if(jQuery(this).hasClass('plus')) {
                        jQuery(this).removeClass('plus');
                        jQuery(this).addClass('minus');
                } else {
                        jQuery(this).removeClass('minus');
                        jQuery(this).addClass('plus');
                }
                
                jQuery(this).find('ul').slideToggle("fast");
        });
</script>
</body>
</html>