WebSVN – SmartDukaan – Blame – /trunk/Website/src/main/webapp/WEB-INF/content/mobile.vm

Rev	Author	Line No.	Line
8817	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>`
8818	anupam.sin	12	`#include ( "templates/commonjsfiles.vm" )`
8817	anupam.sin	13	`<!-- start of new code -->`
		14	`<style type="text/css">`
		15
		16	`.main-left-banner img {`
		17	`width: 980px;`
		18	`}`
		19	`label.error{`
		20	`color:red;`
		21	`font-size:13px;`
		22	`padding: 2px 10px;`
		23	`}`
		24
		25	`.left {`
		26	`float:left;`
		27	`}`
		28	`.right {`
		29	`float:right;`
		30	`}`
		31
		32	`.cart-icon {`
		33	`background-image:url('/images/cart-icon.png');`
8835	anupam.sin	34	`height:45px;`
		35	`width:45px;`
8817	anupam.sin	36	`}`
		37	`.menu-icon {`
		38	`background-image:url('/images/menu-icon.png');`
8835	anupam.sin	39	`height:45px;`
		40	`width:45px;`
8817	anupam.sin	41	`}`
		42	`.account-icon {`
		43	`background-image:url('/images/account-icon.png');`
8835	anupam.sin	44	`height:45px;`
		45	`width:45px;`
8817	anupam.sin	46	`}`
		47	`.site-logo {`
		48	`background-image:url('/images/site-logo.png');`
8835	anupam.sin	49	`height:45px;`
		50	`width:45px;`
		51
8817	anupam.sin	52	`}`
8835	anupam.sin	53
8817	anupam.sin	54	`.header-bottom {`
8835	anupam.sin	55	`background-color:#2789c1;`
		56	`padding:6px 8px;`
		57	`position:relative;`
8817	anupam.sin	58	`}`
		59
		60	`.header-top a {`
		61	`display:inline-block;`
		62	`margin-right:10px;`
		63	`}`
		64
		65	`body {`
		66	`padding:0;`
		67	`margin:0;`
		68	`}`
		69
		70	`.search-bar {`
8835	anupam.sin	71	`width: 100%;`
		72	`padding: 9px 5px;`
		73	`font-size: 13px;`
8817	anupam.sin	74	`color: #888888;`
8835	anupam.sin	75	`border: none;`
8817	anupam.sin	76	`}`
		77
		78	`.search-button {`
8835	anupam.sin	79	`/*height: 25px;`
8817	anupam.sin	80	`color: #666666;`
		81	`background-color: white;`
		82	`border: 0;`
		83	`margin-left: -30px;`
		84	`background-image:url('/images/search-icon.png');`
		85	`width:25px;`
8835	anupam.sin	86	`line-height: 25px !important;*/`
		87	`position:absolute;`
		88	`width:60px;`
		89	`right:8px;`
		90	`top:6px;`
		91	`border: 0;`
		92	`border-radius: 0;`
		93	`background-color: #ff5d00;`
		94	`color: white;`
		95	`font-weight: bold;`
		96	`font-size: 13px;`
		97	`padding: 9px 0;`
8817	anupam.sin	98	`}`
		99
		100	`.banner img{`
		101	`width:100%;`
		102	`}`
		103
		104	`.banner {`
		105	`margin:10px 0 10px 0;`
		106	`}`
		107
		108	`.expandable ul {`
		109	`display:none;`
		110	`list-style-type:none;margin:0;padding:0;`
		111	`}`
		112
		113	`.expandable ul li {`
		114	`height:45px;`
		115	`line-height:45px;`
		116	`border-bottom:1px solid #AAAAAA;`
		117	`padding-left:25px;`
		118	`background-color:#EEEEEE;`
		119	`}`
		120
		121	`.expandable ul li a{`
		122	`text-decoration:none;`
		123	`color:#666666;`
		124	`display:inline-block;`
		125	`width:100%;`
		126	`}`
		127
		128	`.menu-container {`
		129	`border:1px solid #AAAAAA;`
		130	`margin:10px;`
		131	`background-color:white;`
		132	`}`
		133
		134	`.expandable {`
		135	`line-height:45px;`
		136	`color:#666666;`
		137	`cursor:pointer;`
		138	`}`
		139
		140	`.plus {`
		141	`background:url('/images/plus.png') no-repeat right top;`
		142	`}`
		143
		144	`.minus {`
		145	`background:url('/images/minus.png') no-repeat right top;`
		146	`}`
		147
		148	`.non-expandable {`
		149	`height:45px;`
		150	`line-height:45px;`
		151	`color:#666666;`
		152	`padding-left:10px;`
		153	`border-bottom:1px solid #AAAAAA;`
		154	`}`
		155
		156	`.menu-container-header {`
		157	`height:45px;`
		158	`line-height:45px;`
		159	`color:#333333;`
		160	`padding-left:10px;`
		161	`font-size:18px;`
		162	`border-bottom:2px solid #2789c1;`
		163	`}`
		164
		165	`.non-expandable a {`
		166	`text-decoration:none;`
		167	`color:#666666;`
		168	`display:inline-block;`
		169	`width:100%;`
		170	`}`
		171
		172	`.header {`
		173	`background-color:white;`
		174	`}`
		175
		176	`.footer {`
		177	`border-top:4px solid #2789c1;`
		178	`background-color:white;`
		179	`height:30px;`
		180	`line-height:30px;`
		181	`font-size:13px;`
		182	`color:#666666;`
		183	`padding-left:25px;`
		184	`}`
		185
		186	`.footer a {`
		187	`color:#666666;`
		188	`text-decoration:none;`
		189	`}`
		190
		191	`.expandable div img, .non-expandable a img {`
		192	`vertical-align: middle;`
		193	`}`
		194	`</style>`
		195
		196	`</head>`
		197
		198	`<body style='background-color:#BBBBBB;'>`
		199	`<div class='header'>`
		200	`<div class='header-top'>`
8835	anupam.sin	201	`<a class='site-logo left' href="#"></a>`
		202	`<a class='menu-icon left' href='#'></a>`
		203	`<a class='cart-icon right' href='#'></a>`
		204	`<a class='account-icon right' href='#'></a>`
		205
8817	anupam.sin	206	`</div>`
		207	`<div style='clear:both;'></div>`
		208	`<form class='header-bottom'>`
8835	anupam.sin	209	`<div style='margin-right:35px;'>`
		210	`<input class='search-bar' type='text'></input>`
		211	`</div>`
		212	`<input type='submit' class="search-button" value='Search'></input>`
8817	anupam.sin	213	`</form>`
		214	`</div>`
		215	`<div>`
		216	`<div class='banner'>`
		217	`<img src='/images/bannerImage.jpg'></img>`
		218	`</div>`
		219
		220	`<div class='menu-container'>`
		221	`<div class='menu-container-header'>Shop by category</div>`
		222	`<div class='expandable plus'>`
		223	`<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/mobile.png'></img>Mobiles</div>`
		224	`<ul>`
		225	`<li><a href='/search?q=mobile'>All Mobiles</a></li>`
		226	`<li><a href='/search?q=android'>Android Phones</a></li>`
		227	`</ul>`
		228	`</div>`
		229	`<div class='non-expandable'>`
		230	`<a href='/search?q=tablets'><img src='/images/tablet.png'></img>Tablets</a>`
		231	`</div>`
		232	`<div class='expandable plus'>`
		233	`<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/laptop.png'></img>Laptops</div>`
		234	`<ul>`
		235	`<li><a href='/search?q=tablets'>Windows</a></li>`
		236	`<li><a href='/search?q=tablets'>Mac</a></li>`
		237	`<li><a href='/search?q=tablets'>DOS/Linux</a></li>`
		238	`</ul>`
		239	`</div>`
		240	`<div class='expandable plus'>`
8818	anupam.sin	241	`<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/accessories.png'></img>Accessories</div>`
8817	anupam.sin	242	`<ul>`
		243	`<li><a href='/search?q=tablets'>Laptop Accessories</a></li>`
		244	`<li><a href='/search?q=tablets'>Mobile Accessories</a></li>`
		245	`</ul>`
		246	`</div>`
		247	`<div class='expandable plus'>`
		248	`<div style='border-bottom:1px solid #AAAAAA;padding-left:10px;'><img src='/images/camera.png'></img>Cameras</div>`
		249	`<ul>`
		250	`<li><a href='/search?q=tablets'>DSLR</a></li>`
		251	`<li><a href='/search?q=tablets'>Compact Cameras</a></li>`
		252	`</ul>`
		253	`</div>`
		254	`<div class='non-expandable'>`
8818	anupam.sin	255	`<a href='/recharge'><img src='/images/recharge.png'></img>Quick Recharge</a>`
8817	anupam.sin	256	`</div>`
		257	`<div class='non-expandable'>`
8818	anupam.sin	258	`<a href='/best-deals'><img src='/images/star.png'></img> Best Deals</a>`
8817	anupam.sin	259	`</div>`
		260	`</div>`
		261	`</div>`
		262	`<div class='footer'>`
		263	`<a href='www.saholic.com'>Full Site</a> \| `
		264	`<a href='/contact-us'>Contact us</a> \| `
		265	`<a href='/terms'>Policies</a>`
		266
		267	`</div>`
		268	`<script>`
		269	`jQuery('.expandable').click(function() {`
		270	`if(jQuery(this).hasClass('plus')) {`
		271	`jQuery(this).removeClass('plus');`
		272	`jQuery(this).addClass('minus');`
		273	`} else {`
		274	`jQuery(this).removeClass('minus');`
		275	`jQuery(this).addClass('plus');`
		276	`}`
		277
		278	`jQuery(this).find('ul').slideToggle("fast");`
		279	`});`
		280	`</script>`
		281	`</body>`
		282	`</html>`

Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/WEB-INF/content/mobile.vm – Rev 8835