Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
8842 anupam.sin 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6
 
7
<!-- Prevent MS Office toolbar from changing layout -->
8
<meta http-equiv="imagetoolbar" content="false">
9
<meta name="MSSmartTagsPreventParsing" content="true">
10
 
11
<title>Home Page</title>
12
#include ( "templates/commonjsfiles.vm" )
13
<!-- start of new code -->
14
</head>
15
 
16
<body  style='background-color:#BBBBBB;'>
17
	<div class='header'>
18
		<div class='header-top'>
19
			<a class='site-logo left' href="#"></a>
20
			<a class='menu-icon left' href='#'></a>
21
			<a class='cart-icon right' href='#'></a>
22
			<a class='account-icon right' href='#'></a>
23
 
24
		</div>
25
		<div style='clear:both;'></div>
26
		<form class='header-bottom'>
27
			<div style='margin-right:35px;'>
28
				<input class='search-bar' type='text'></input>
29
			</div>
30
			<input type='submit' class="search-button" value='Search'></input>
31
		</form>
32
	</div>
33
	<div>
34
		<div class='banner'>
35
			<img src='/images/bannerImage.jpg'></img>
36
		</div>
37
 
38
		<div class='menu-container'>
39
			<div class='menu-container-header'>Shop by category</div>
40
    		<div class='expandable plus'>
41
				<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/mobile.png'></img>Mobiles</div>
42
    			<ul>
43
    				<li><a href='/search?q=mobile'>All Mobiles</a></li>
44
    				<li><a href='/search?q=android'>Android Phones</a></li>
45
    			</ul>
46
    		</div>
47
    		<div class='non-expandable'>
48
    			<a href='/search?q=tablets'><img src='/images/tablet.png'></img>Tablets</a>
49
    		</div>
50
    		<div class='expandable plus'>
51
				<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/laptop.png'></img>Laptops</div>
52
    			<ul>
53
    				<li><a href='/search?q=tablets'>Windows</a></li>
54
    				<li><a href='/search?q=tablets'>Mac</a></li>
55
    				<li><a href='/search?q=tablets'>DOS/Linux</a></li>
56
    			</ul>
57
    		</div>
58
			<div class='expandable plus'>
59
				<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/accessories.png'></img>Accessories</div>
60
    			<ul>
61
    				<li><a href='/search?q=tablets'>Laptop Accessories</a></li>
62
    				<li><a href='/search?q=tablets'>Mobile Accessories</a></li>
63
    			</ul>
64
    		</div>
65
			<div class='expandable plus'>
66
				<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/camera.png'></img>Cameras</div>
67
    			<ul>
68
    				<li><a href='/search?q=tablets'>DSLR</a></li>
69
    				<li><a href='/search?q=tablets'>Compact Cameras</a></li>
70
    			</ul>
71
    		</div>
72
			<div class='non-expandable'>
73
    			<a href='/recharge'><img src='/images/recharge.png'></img>Quick Recharge</a>
74
    		</div>
75
			<div class='non-expandable'>
76
    			<a href='/best-deals'><img src='/images/star.png'></img> Best Deals</a>
77
    		</div>
78
		</div>
79
	</div>
80
	<div class='footer'>
81
		<a href='www.saholic.com'>Full Site</a>&nbsp;|&nbsp;
82
		<a href='/contact-us'>Contact us</a>&nbsp;|&nbsp;
83
		<a href='/terms'>Policies</a>
84
 
85
	</div>
86
<script>
87
	jQuery('.expandable').click(function() {
88
		if(jQuery(this).hasClass('plus')) {
89
			jQuery(this).removeClass('plus');
90
			jQuery(this).addClass('minus');
91
		} else {
92
			jQuery(this).removeClass('minus');
93
			jQuery(this).addClass('plus');
94
		}
95
 
96
		jQuery(this).find('ul').slideToggle("fast");
97
	});
98
</script>
99
</body>
100
</html>