| 7226 |
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 |
<link rel="stylesheet" href="css/rechargewebapp_18042013.css" type="text/css" />
|
|
|
6 |
|
|
|
7 |
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
|
|
|
8 |
<script language="javascript" type="text/javascript" src="js/jquery.colorbox-min.js"></script>
|
|
|
9 |
<script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
|
|
|
10 |
<script language="javascript" type="text/javascript" src="js/jquery.dataTables.min.js"></script>
|
|
|
11 |
<script language="javascript" type="text/javascript" src="js/storewebsite.js"></script>
|
|
|
12 |
|
|
|
13 |
<style>
|
|
|
14 |
.mandatory {
|
|
|
15 |
color:red;
|
|
|
16 |
}
|
|
|
17 |
|
|
|
18 |
.error {
|
|
|
19 |
border: 1px solid red;
|
|
|
20 |
padding: 5px;
|
|
|
21 |
text-align: center;
|
|
|
22 |
color: red;
|
|
|
23 |
}
|
|
|
24 |
|
|
|
25 |
.infoText {
|
|
|
26 |
color:#777777;
|
|
|
27 |
font-weight:bold;
|
|
|
28 |
}
|
|
|
29 |
|
|
|
30 |
.infoDiv {
|
|
|
31 |
padding:3px;
|
|
|
32 |
}
|
|
|
33 |
|
|
|
34 |
.infoValue {
|
|
|
35 |
color:#2789C1;
|
|
|
36 |
font-weight:bolder;
|
|
|
37 |
}
|
|
|
38 |
|
|
|
39 |
.mainsearch {
|
|
|
40 |
box-shadow: 1px -1px 10px -1px #999999 inset;
|
|
|
41 |
height: 30px;
|
|
|
42 |
margin-top: 100px;
|
|
|
43 |
margin-right: 5px;
|
|
|
44 |
width: 450px;
|
|
|
45 |
border: 1px solid #777777;
|
|
|
46 |
padding: 2px 5px 2px 10px;
|
|
|
47 |
font-size: 17px;
|
|
|
48 |
color: #777777;
|
|
|
49 |
}
|
|
|
50 |
|
|
|
51 |
.orderInputBox {
|
|
|
52 |
height: 26px;
|
|
|
53 |
border: 1px solid #999999;
|
|
|
54 |
padding: 2px 5px 2px 10px;
|
|
|
55 |
font-size: 17px;
|
|
|
56 |
color: #777777;
|
|
|
57 |
box-shadow: 1px -1px 10px -1px #999999 inset;
|
|
|
58 |
}
|
|
|
59 |
|
|
|
60 |
.w150 {
|
|
|
61 |
width: 150px;
|
|
|
62 |
}
|
|
|
63 |
|
|
|
64 |
.w300 {
|
|
|
65 |
width: 300px;
|
|
|
66 |
}
|
|
|
67 |
|
| 7248 |
anupam.sin |
68 |
.plus91 {
|
|
|
69 |
background: white url('/rch/images/+91.png') no-repeat 2px;
|
|
|
70 |
padding-left:60px;
|
|
|
71 |
width:250px;
|
|
|
72 |
}
|
|
|
73 |
|
| 7226 |
anupam.sin |
74 |
.addressLine {
|
|
|
75 |
width:487px;
|
|
|
76 |
margin:3px;
|
|
|
77 |
}
|
|
|
78 |
|
|
|
79 |
.addressText {
|
|
|
80 |
width:125px;
|
|
|
81 |
display:inline-block;
|
|
|
82 |
text-align:right;
|
|
|
83 |
font-size:14px;
|
|
|
84 |
}
|
|
|
85 |
|
|
|
86 |
.submitButton {
|
|
|
87 |
height: 26px;
|
|
|
88 |
margin: 15px;
|
|
|
89 |
color: white;
|
|
|
90 |
background-color: #2789c1;
|
|
|
91 |
border: 1px solid blue;
|
|
|
92 |
cursor: pointer;
|
|
|
93 |
}
|
|
|
94 |
|
|
|
95 |
</style>
|
|
|
96 |
</head>
|
|
|
97 |
|
|
|
98 |
<body style="margin: 0;">
|
|
|
99 |
<div style="line-height:40px;height:35px;background-color:#333333;color:white;min-width:900px;overflow:hidden;">
|
|
|
100 |
<span style="margin-left:20px;font-weight:bold;font-size:15px">Store : </span><span style="font-size:20px">ANC</span>
|
|
|
101 |
<span style="margin-left:20px;font-weight:bold;font-size:15px">Today's Collection : </span><span style="font-size:20px">3272</span>
|
|
|
102 |
<a style="margin:0px 25px 0px 25px;color:white" href="/rch/report">REPORTS</a>
|
|
|
103 |
<a style="color:white;" href="/rch/!doLogout">Logout</a>
|
|
|
104 |
</div>
|
|
|
105 |
|
|
|
106 |
<div style="line-height:60px;height: 60px;background-color:#DBEEFF;min-width:900px;overflow:hidden;color: #333333;border-bottom:1px solid #67ABD3">
|
|
|
107 |
<img style="float:left;" src="/rch/images/Hotspot-Logo.jpg">
|
|
|
108 |
<span style="font-size: 35px;font-family:'Verdana', Verdana, sans-serif;float:left">Online Catalog</span>
|
|
|
109 |
<img style="float:right;margin-right:20px;" src="/rch/images/Saholic-Logo.jpg">
|
|
|
110 |
</div>
|
|
|
111 |
|
|
|
112 |
<div id="main" style="float:left;width:66%;min-width:900px;overflow: hidden;">
|
|
|
113 |
<div style="float:left;margin:25px;height:481px;width:311px;padding:5px;border:1px solid #AAAAAA;">
|
|
|
114 |
<img src='/storewebsite/images/1.jpg' height="481px" width="311px"></img>
|
|
|
115 |
</div>
|
|
|
116 |
|
|
|
117 |
<div style="overflow: hidden;position: relative;">
|
|
|
118 |
|
|
|
119 |
<h2 style="margin-top: 25px;">Product Name S10 Black</h2>
|
|
|
120 |
<div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
|
|
|
121 |
|
|
|
122 |
<fieldset style="padding: 5px 0 10px 10px;border: 1px solid #CCCCCC;color: #666666;">
|
|
|
123 |
<legend style="color: RED;">BEST DEAL</legend>
|
|
|
124 |
Soap free with this product.
|
|
|
125 |
</fieldset>
|
|
|
126 |
|
|
|
127 |
<div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
|
|
|
128 |
<form id="pincodeForm" action="/storewebsite/home">
|
|
|
129 |
Please enter the pincode<br>
|
|
|
130 |
<input type="hidden" name="product_id" value="9161">
|
|
|
131 |
<input id="pincodeText" name="pin" type="text" maxlength="6" class='orderInputBox w150'>
|
|
|
132 |
<input id="pincodeSubmit" type="submit" value="submit" class="submitButton">
|
|
|
133 |
</form>
|
|
|
134 |
|
|
|
135 |
<div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
|
|
|
136 |
<span id='loading' style="display:none;width:200px;height: 30px;background: url('/storewebsite/images/loading.gif') no-repeat 8px 0;padding-left: 45px;padding-top: 7px;">Please Wait ...</span>
|
|
|
137 |
<div id="priceDiv"></div>
|
|
|
138 |
|
|
|
139 |
<div style="border-top: 1px dotted #CCCCCC;margin: 15px 0;"></div>
|
|
|
140 |
|
|
|
141 |
<form id='shippingAddress' action='/storewebsite/payment-details' method='post' onsubmit="return validateAddress()" style="display:none;margin-bottom:20px;">
|
|
|
142 |
<fieldset style='border:1px solid #CCCCCC;color:#666666'>
|
|
|
143 |
<legend style='color:#2789C1;font-size:17px;font-weight:bold;'>SHIPPING INFO</legend>
|
| 7248 |
anupam.sin |
144 |
<div class='addressLine'><div class='addressText'>Name </div><input name="name" type="text" class='orderInputBox w300'></input></div>
|
|
|
145 |
<div class='addressLine'><div class='addressText'>Mobile Number </div><input name="phone" type="text" maxlength='10' class='orderInputBox plus91'></input></div>
|
|
|
146 |
<div class='addressLine'><div class='addressText'>Address Line 1 </div><input class='orderInputBox w300' name="line1" type="text"></input></div>
|
|
|
147 |
<div class='addressLine'><div class='addressText'>Address Line 2 </div><input name="line2" type="text" class='orderInputBox w300'></input></div>
|
|
|
148 |
<div class='addressLine'><div class='addressText'>City </div><input name="city" type="text" class='orderInputBox w300'></input></div>
|
|
|
149 |
<div class='addressLine'><div class='addressText'>State </div><input name="state" type="text" class='orderInputBox w300'></input></div>
|
| 7226 |
anupam.sin |
150 |
<div class='addressLine'><div class='addressText'>Pincode </div><span id="pinSpan" class="infoValue"></span></div>
|
|
|
151 |
<div class='addressLine' style='text-align:center;'>
|
|
|
152 |
<input class="submitButton" type="submit" style="background-color:orange;color:black;" value="NEXT">
|
|
|
153 |
<input id="changePincode" class="submitButton" type="button" value="Change Pincode">
|
|
|
154 |
</div>
|
|
|
155 |
<input id="pincodeInput" type="hidden" name="pincode" value=""></input>
|
|
|
156 |
</fieldset>
|
|
|
157 |
</form>
|
|
|
158 |
|
|
|
159 |
</div>
|
|
|
160 |
</div>
|
|
|
161 |
</body>
|
|
|
162 |
</script>
|
|
|
163 |
</html>
|