WebSVN – SmartDukaan – Diff – /trunk/Website/src/main/resources/templates/header.vm



<!-- Header -->
<div id="header">
    <div id="topbar">
		<div class="left" id="freeDelivery"></div>
        <div class="left">Free next day delivery to most locations. All products with full manufacturer warranty!</div>
        <div id="customerSupport" class="right">
			<div class="text left">24 X 7 <a href="/contact-us">Customer Support</a></div>
			<div class="icon right"></div>
		</div>
    </div>
    <div class="main">
        <div class="left">
			<a href="/"><img width="148" height="50" src="/images/saholic-logo.jpg" alt="Saholic" title="Saholic"></a>
			<p>A Spice group venture</p>

        <div class="center">
            <!-- Search -->
			<form id="formSearch" action="/search" method="GET">
				<input type="text" name="q" class="searchbox" id="query" size="30" />
				<input type="hidden" name="category" value="10000" />
				<button type="button" id="searchButton" class="new-button left search-button">
					<div class="icon left"></div> Search All
				</button>
				<div id="categorySelector" class="left search-in-dropdown">
                    Search In <div class="default right"></div>
					<ul class="search-in-dropdown-options">
						<li id="search_in_10001">Mobile Phones</li>
						<li id="search_in_10010">Tablets</li>
						<li id="search_in_10050">Laptops</li>
						<li id="search_in_10011">Accessories</li>

			|&nbsp;<a href="/personal-details">My Account</a>
		#end
			<br />
		#if($LOGGED_IN == "TRUE")
			<div id="userSelector" class="left user-dropdown">
                 <div class="default">$WELCOME_MESSAGE <div class="right icon"></div></div>
					<ul class="user-dropdown-options">
						<li><a href="/myaccount">Open Orders</a></li>
						<li><a href="/personal-details">My Account</a></li>
						<li><a href="/logout">Sign Out</a></li>						
                    </ul>

		#end
        </div>
    </div>
    <div id="menu">
        <ul class="primary">
			<li class="menubar-separator left"></li>
            <li class="primary left #if($CAT_ID==0) active-menu-tab #end"><a class="link-menu-primary" href="/">HOME</a></li>
			<li class="menubar-separator left"></li>
    		<li class="primary left #if($CAT_ID==10001) active-menu-tab #end">
    			<a class="link-menu-primary" href="/all-mobile-phones/10001">
    				<span class="left">MOBILES</span>
    				<span class="menu-primary-arrow right"></span>
            	</a>

							<a class="link-menu-secondary menu-secondary-brand" href="/micromax">Micromax</a>
                        </div>
                    </div>
                </div>
            </li>
			<li class="menubar-separator left"></li>
    		<li class="primary left #if($CAT_ID==10010) active-menu-tab #end">
    			<a class="link-menu-primary" href="/all-tablets/10010">
    				<span class="menu-primary-text left">TABLETS</span>
            	</a>
            </li>
			<li class="menubar-separator left"></li>
    		<li class="primary left #if($CAT_ID==10050) active-menu-tab #end">
    			<a class="link-menu-primary" href="/all-laptops/10050">
    				<span class="menu-primary-text left">LAPTOPS</span>
					<span class="menu-primary-arrow right"></span>
            	</a>

					<a class="link-menu-secondary" href="/acer-laptops">Acer</a>
					<a class="link-menu-secondary" href="/dell-laptops">Dell</a>
					<a class="link-menu-secondary" href="/toshiba-laptops">Toshiba</a>
				</div>
			</li>
			<li class="menubar-separator left"></li>
    		<li class="primary left #if($CAT_ID==10011) active-menu-tab #end">
    			<a class="link-menu-primary" href="/all-mobile-accessories/10011">
    				<span class="menu-primary-text left">ACCESSORIES</span>
    				<span class="menu-primary-arrow right"></span>
            	</a>

					<a class="link-menu-secondary" href="/battery/10014">Battery</a>
					<a class="link-menu-secondary" href="/bluetooth-headset/10012">Bluetooth Headset</a>
					<a class="link-menu-secondary" href="/car-charger/10019">Car Charger</a>
					<a class="link-menu-secondary" href="/carrying-case/10018">Carrying Case</a>
					<a class="link-menu-secondary" href="/charger/10016">Charger</a>
					<!--a class="link-menu-secondary" href="/cleaning-kit/10025">Cleaning Kit</a-->
					<a class="link-menu-secondary" href="/decal/10022">Decal</a>
					<a class="link-menu-secondary" href="/face-plate/10021">Face Plate</a>
					<a class="link-menu-secondary" href="/headset/10015">Headset</a>
					<a class="link-menu-secondary" href="/memory-card/10013">Memory Card</a>
					<a class="link-menu-secondary" href="/pen-drive/10017">Pen Drive</a>
					<a class="link-menu-secondary" href="/screen-guard/10020">Screen Guard</a>
					<a class="link-menu-secondary" href="/speaker/10026">Speaker</a>
               </div>
            </li>
			<li class="menubar-separator left"></li>
			<li class="menubar-separator right"></li>
    		<li class="right primary">
				<a class="link-menu-primary" href="#">
    				<span class="menu-primary-text left">BEST DEALS</span>
    				<span class="menu-primary-arrow right"></span>
					#if($BEST_DEALS_BADGE)<span class="best-deals-badge"></span>#end
				</a>
				<div class="menu-secondary">
					<a class="link-menu-secondary" href="/clearance-sale">Clearance Sale</a>
					<a class="link-menu-secondary" href="/best-deals/1">Special Deals</a>
               </div>
			</li>
			<li class="menubar-separator right"></li>
    	</ul>
    </div>
</div>
<!-- /Header -->


Rev 4794	Rev 4820
Line 1...	Line 1...
1	`<!-- Header -->`	1	`<!-- Header -->`
2	`<div id="header">`	2	`<div id="header">`
3	`<div id="topbar">`	3	`<div id="topbar">`
-		4	`<div class="left" id="freeDelivery"></div>`
4	`<div class="left">Free next day delivery to most locations. All products with full manufacturer warranty!</div>`	5	`<div class="left">Free next day delivery to most locations. All products with full manufacturer warranty!</div>`
-		6	`<div id="customerSupport" class="right">`
5	`<div class="right">24 X 7 <a href="/contact-us">Customer Support</a></div>`	7	`<div class="text left">24 X 7 <a href="/contact-us">Customer Support</a></div>`
-		8	`<div class="icon right"></div>`
-		9	`</div>`
6	`</div>`	10	`</div>`
7	`<div class="main">`	11	`<div class="main">`
8	`<div class="left">`	12	`<div class="left">`
9	`<a href="/"><img width="148" height="50" src="/images/saholic-logo.jpg" alt="Saholic" title="Saholic"></a>`	13	`<a href="/"><img width="148" height="50" src="/images/saholic-logo.jpg" alt="Saholic" title="Saholic"></a>`
10	`<p>A Spice group venture</p>`	14	`<p>A Spice group venture</p>`
Line 12...	Line 16...
12	`<div class="center">`	16	`<div class="center">`
13	`<!-- Search -->`	17	`<!-- Search -->`
14	`<form id="formSearch" action="/search" method="GET">`	18	`<form id="formSearch" action="/search" method="GET">`
15	`<input type="text" name="q" class="searchbox" id="query" size="30" />`	19	`<input type="text" name="q" class="searchbox" id="query" size="30" />`
16	`<input type="hidden" name="category" value="10000" />`	20	`<input type="hidden" name="category" value="10000" />`
17	`<button type="button" id="searchButton" class="new-button left search-button"> Search All</button>`	21	`<button type="button" id="searchButton" class="new-button left search-button">`
-		22	`<div class="icon left"></div> Search All`
-		23	`</button>`
18	`<div id="categorySelector" class="left search-in-dropdown">`	24	`<div id="categorySelector" class="left search-in-dropdown">`
19	`<div class="default">Search In</div>`	25	`Search In <div class="default right"></div>`
20	`<ul class="search-in-dropdown-options">`	26	`<ul class="search-in-dropdown-options">`
21	`<li id="search_in_10001">Mobile Phones</li>`	27	`<li id="search_in_10001">Mobile Phones</li>`
22	`<li id="search_in_10010">Tablets</li>`	28	`<li id="search_in_10010">Tablets</li>`
23	`<li id="search_in_10050">Laptops</li>`	29	`<li id="search_in_10050">Laptops</li>`
24	`<li id="search_in_10011">Accessories</li>`	30	`<li id="search_in_10011">Accessories</li>`
Line 33...	Line 39...
33	`\| <a href="/personal-details">My Account</a>`	39	`\| <a href="/personal-details">My Account</a>`
34	`#end`	40	`#end`
35	`<br />`	41	`<br />`
36	`#if($LOGGED_IN == "TRUE")`	42	`#if($LOGGED_IN == "TRUE")`
37	`<div id="userSelector" class="left user-dropdown">`	43	`<div id="userSelector" class="left user-dropdown">`
38	`<div class="default">$WELCOME_MESSAGE</div>`	44	`<div class="default">$WELCOME_MESSAGE <div class="right icon"></div></div>`
39	`<ul class="user-dropdown-options">`	45	`<ul class="user-dropdown-options">`
40	`<li><a href="/myaccount">Open Orders</a></li>`	46	`<li><a href="/myaccount">Open Orders</a></li>`
41	`<li><a href="/personal-details">My Account</a></li>`	47	`<li><a href="/personal-details">My Account</a></li>`
42	`<li><a href="/logout">Sign Out</a></li>`	48	`<li><a href="/logout">Sign Out</a></li>`
43	`</ul>`	49	`</ul>`
Line 49...	Line 55...
49	`#end`	55	`#end`
50	`</div>`	56	`</div>`
51	`</div>`	57	`</div>`
52	`<div id="menu">`	58	`<div id="menu">`
53	`<ul class="primary">`	59	`<ul class="primary">`
-		60	`<li class="menubar-separator left"></li>`
54	`<li class="primary left #if($CAT_ID==0) active-menu-tab #end"><a class="link-menu-primary" href="/">HOME</a></li>`	61	`<li class="primary left #if($CAT_ID==0) active-menu-tab #end"><a class="link-menu-primary" href="/">HOME</a></li>`
-		62	`<li class="menubar-separator left"></li>`
55	`<li class="primary left #if($CAT_ID==10001) active-menu-tab #end">`	63	`<li class="primary left #if($CAT_ID==10001) active-menu-tab #end">`
56	`<a class="link-menu-primary" href="/all-mobile-phones/10001">`	64	`<a class="link-menu-primary" href="/all-mobile-phones/10001">`
57	`<span class="left">MOBILES</span>`	65	`<span class="left">MOBILES</span>`
58	`<span class="menu-primary-arrow right"></span>`	66	`<span class="menu-primary-arrow right"></span>`
59	`</a>`	67	`</a>`
Line 83...	Line 91...
83	`<a class="link-menu-secondary menu-secondary-brand" href="/micromax">Micromax</a>`	91	`<a class="link-menu-secondary menu-secondary-brand" href="/micromax">Micromax</a>`
84	`</div>`	92	`</div>`
85	`</div>`	93	`</div>`
86	`</div>`	94	`</div>`
87	`</li>`	95	`</li>`
-		96	`<li class="menubar-separator left"></li>`
88	`<li class="primary left #if($CAT_ID==10010) active-menu-tab #end">`	97	`<li class="primary left #if($CAT_ID==10010) active-menu-tab #end">`
89	`<a class="link-menu-primary" href="/all-tablets/10010">`	98	`<a class="link-menu-primary" href="/all-tablets/10010">`
90	`<span class="menu-primary-text left">TABLETS</span>`	99	`<span class="menu-primary-text left">TABLETS</span>`
91	`</a>`	100	`</a>`
92	`</li>`	101	`</li>`
-		102	`<li class="menubar-separator left"></li>`
93	`<li class="primary left #if($CAT_ID==10050) active-menu-tab #end">`	103	`<li class="primary left #if($CAT_ID==10050) active-menu-tab #end">`
94	`<a class="link-menu-primary" href="/all-laptops/10050">`	104	`<a class="link-menu-primary" href="/all-laptops/10050">`
95	`<span class="menu-primary-text left">LAPTOPS</span>`	105	`<span class="menu-primary-text left">LAPTOPS</span>`
96	`<span class="menu-primary-arrow right"></span>`	106	`<span class="menu-primary-arrow right"></span>`
97	`</a>`	107	`</a>`
Line 107...	Line 117...
107	`<a class="link-menu-secondary" href="/acer-laptops">Acer</a>`	117	`<a class="link-menu-secondary" href="/acer-laptops">Acer</a>`
108	`<a class="link-menu-secondary" href="/dell-laptops">Dell</a>`	118	`<a class="link-menu-secondary" href="/dell-laptops">Dell</a>`
109	`<a class="link-menu-secondary" href="/toshiba-laptops">Toshiba</a>`	119	`<a class="link-menu-secondary" href="/toshiba-laptops">Toshiba</a>`
110	`</div>`	120	`</div>`
111	`</li>`	121	`</li>`
-		122	`<li class="menubar-separator left"></li>`
112	`<li class="primary left #if($CAT_ID==10011) active-menu-tab #end">`	123	`<li class="primary left #if($CAT_ID==10011) active-menu-tab #end">`
113	`<a class="link-menu-primary" href="/all-mobile-accessories/10011">`	124	`<a class="link-menu-primary" href="/all-mobile-accessories/10011">`
114	`<span class="menu-primary-text left">ACCESSORIES</span>`	125	`<span class="menu-primary-text left">ACCESSORIES</span>`
115	`<span class="menu-primary-arrow right"></span>`	126	`<span class="menu-primary-arrow right"></span>`
116	`</a>`	127	`</a>`
Line 118...	Line 129...
118	`<a class="link-menu-secondary" href="/battery/10014">Battery</a>`	129	`<a class="link-menu-secondary" href="/battery/10014">Battery</a>`
119	`<a class="link-menu-secondary" href="/bluetooth-headset/10012">Bluetooth Headset</a>`	130	`<a class="link-menu-secondary" href="/bluetooth-headset/10012">Bluetooth Headset</a>`
120	`<a class="link-menu-secondary" href="/car-charger/10019">Car Charger</a>`	131	`<a class="link-menu-secondary" href="/car-charger/10019">Car Charger</a>`
121	`<a class="link-menu-secondary" href="/carrying-case/10018">Carrying Case</a>`	132	`<a class="link-menu-secondary" href="/carrying-case/10018">Carrying Case</a>`
122	`<a class="link-menu-secondary" href="/charger/10016">Charger</a>`	133	`<a class="link-menu-secondary" href="/charger/10016">Charger</a>`
123	`<a class="link-menu-secondary" href="/cleaning-kit/10025">Cleaning Kit</a>`	134	`<!--a class="link-menu-secondary" href="/cleaning-kit/10025">Cleaning Kit</a-->`
124	`<a class="link-menu-secondary" href="/decal/10022">Decal</a>`	135	`<a class="link-menu-secondary" href="/decal/10022">Decal</a>`
125	`<a class="link-menu-secondary" href="/face-plate/10021">Face Plate</a>`	136	`<a class="link-menu-secondary" href="/face-plate/10021">Face Plate</a>`
126	`<a class="link-menu-secondary" href="/headset/10015">Headset</a>`	137	`<a class="link-menu-secondary" href="/headset/10015">Headset</a>`
127	`<a class="link-menu-secondary" href="/memory-card/10013">Memory Card</a>`	138	`<a class="link-menu-secondary" href="/memory-card/10013">Memory Card</a>`
128	`<a class="link-menu-secondary" href="/pen-drive/10017">Pen Drive</a>`	139	`<a class="link-menu-secondary" href="/pen-drive/10017">Pen Drive</a>`
129	`<a class="link-menu-secondary" href="/screen-guard/10020">Screen Guard</a>`	140	`<a class="link-menu-secondary" href="/screen-guard/10020">Screen Guard</a>`
130	`<a class="link-menu-secondary" href="/speaker/10026">Speaker</a>`	141	`<a class="link-menu-secondary" href="/speaker/10026">Speaker</a>`
131	`</div>`	142	`</div>`
132	`</li>`	143	`</li>`
-		144	`<li class="menubar-separator left"></li>`
-		145	`<li class="menubar-separator right"></li>`
133	`<li class="right primary #if($BEST_DEALS_BADGE) best-deals-badge #end">`	146	`<li class="right primary">`
134	`<a class="link-menu-primary" href="#">`	147	`<a class="link-menu-primary" href="#">`
135	`<span class="menu-primary-text left">BEST DEALS</span>`	148	`<span class="menu-primary-text left">BEST DEALS</span>`
136	`<span class="menu-primary-arrow right"></span>`	149	`<span class="menu-primary-arrow right"></span>`
-		150	`#if($BEST_DEALS_BADGE)<span class="best-deals-badge"></span>#end`
137	`</a>`	151	`</a>`
138	`<div class="menu-secondary">`	152	`<div class="menu-secondary">`
139	`<a class="link-menu-secondary" href="/clearance-sale">Clearance Sale</a>`	153	`<a class="link-menu-secondary" href="/clearance-sale">Clearance Sale</a>`
140	`<a class="link-menu-secondary" href="/best-deals/1">Special Deals</a>`	154	`<a class="link-menu-secondary" href="/best-deals/1">Special Deals</a>`
141	`</div>`	155	`</div>`
142	`</li>`	156	`</li>`
-		157	`<li class="menubar-separator right"></li>`
143	`</ul>`	158	`</ul>`
144	`</div>`	159	`</div>`
145	`</div>`	160	`</div>`
146	`<!-- /Header -->`	161	`<!-- /Header -->`
147		162

Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/resources/templates/header.vm – Rev 4794 → 4820