|
|
|
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="TradeManage.score.index" %>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>hee grand</title>
|
|
|
|
|
|
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
|
|
|
|
|
|
<!--theme-style-->
|
|
|
|
|
|
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
|
|
|
|
|
|
<!--//theme-style-->
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
|
|
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
|
|
|
|
|
|
<!--fonts-->
|
|
|
|
|
|
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
|
|
|
|
<!--//fonts-->
|
|
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
|
|
<script src="js/jquery.easydropdown.js"></script>
|
|
|
|
|
|
<!--script-->
|
|
|
|
|
|
|
|
|
|
|
|
<script src="../Scripts/jquery.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../Scripts/jquery.bgiframe.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../Scripts/Global.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="../Scripts/WindowLoad.js" type="text/javascript"></script>
|
|
|
|
|
|
<script src="js/jquery.wmuSlider.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
var ScoreNum = "<%=Session["ScoreNum"]%>";
|
|
|
|
|
|
var ScoreName = "<%=Session["ScoreName"]%>";
|
|
|
|
|
|
var Cart = "<%=Session["Cart"]%>";
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
ajaxInit(null);
|
|
|
|
|
|
if (ScoreName != null && ScoreName!="") {
|
|
|
|
|
|
$("#f_username").html(ScoreName + " " + "Score:" + ScoreNum);
|
|
|
|
|
|
$("#a_username").show();
|
|
|
|
|
|
$("#li_loginout").show();
|
|
|
|
|
|
$("#li_login").hide();
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
$("#a_username").hide();
|
|
|
|
|
|
$("#f_username").html("");
|
|
|
|
|
|
}
|
|
|
|
|
|
if (Cart != null && Cart != "" && Cart>0) {
|
|
|
|
|
|
$("#f_cart").html("【" +Cart+"】");
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
|
|
|
|
|
|
$("#f_cart").html("");
|
|
|
|
|
|
}
|
|
|
|
|
|
Menu();
|
|
|
|
|
|
GetProduct();
|
|
|
|
|
|
GetHotTop2();
|
|
|
|
|
|
GetHotTop();
|
|
|
|
|
|
GetHot();
|
|
|
|
|
|
$("#btn_sch").bind("click", function () {
|
|
|
|
|
|
//if ($("#txt_sch").val() == "")
|
|
|
|
|
|
//{
|
|
|
|
|
|
// alert("Please enter the search content ");
|
|
|
|
|
|
// return;
|
|
|
|
|
|
//}
|
|
|
|
|
|
window.location.href = "product.aspx?content=" + $("#txt_sch").val();
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("a[gid]").live("click", function () {
|
|
|
|
|
|
if (ScoreName == null || ScoreName == "")
|
|
|
|
|
|
{
|
|
|
|
|
|
alert("Please login first");
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
var Gid=$(this).attr("gid");
|
|
|
|
|
|
window.location.href = "single.aspx?GiftId=" + Gid;
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#a_username").bind("click", function () {
|
|
|
|
|
|
window.location.href = "login.aspx";
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
function LoginOut() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: "ScoreService.asmx/LoginOut",
|
|
|
|
|
|
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
|
|
|
async: false,
|
|
|
|
|
|
success: function (data) {
|
|
|
|
|
|
|
|
|
|
|
|
alert(data.d);
|
|
|
|
|
|
if (data.d == "Logout success") {
|
|
|
|
|
|
|
|
|
|
|
|
window.location.href = "login.aspx";
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
function Menu() {
|
|
|
|
|
|
|
|
|
|
|
|
var menu_ul = $('.menu > li > ul'),
|
|
|
|
|
|
menu_a = $('.menu > li > a');
|
|
|
|
|
|
menu_ul.hide();
|
|
|
|
|
|
menu_a.click(function (e) {
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
if (!$(this).hasClass('active')) {
|
|
|
|
|
|
menu_a.removeClass('active');
|
|
|
|
|
|
menu_ul.filter(':visible').slideUp('normal');
|
|
|
|
|
|
$(this).addClass('active').next().stop(true, true).slideDown('normal');
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$(this).removeClass('active');
|
|
|
|
|
|
$(this).next().stop(true, true).slideUp('normal');
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
function GetHotTop() {
|
|
|
|
|
|
$("#div_top1").empty();
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: "ScoreService.asmx/GetHotGift",
|
|
|
|
|
|
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
|
|
|
async: false,
|
|
|
|
|
|
success: function (data) {
|
|
|
|
|
|
|
|
|
|
|
|
if (data.d != null) {
|
|
|
|
|
|
var html = new Sys.StringBuilder();
|
|
|
|
|
|
$(data.d).each(function () {
|
|
|
|
|
|
html.append("<article style='position: absolute; width: 100%; opacity: 0;'>");
|
|
|
|
|
|
html.append("<div class='banner-matter'>");
|
|
|
|
|
|
html.append("<img class='img-responsive banner-bag' src='../" + this.ImageUrl + "' alt='' width='250px' height='300px'/>");
|
|
|
|
|
|
html.append("<div class='banner-off'>");
|
|
|
|
|
|
html.append("<h2>News</h2>");
|
|
|
|
|
|
html.append("<span>Exchange Points：" + this.ChangeScore + " <b></b></span>");
|
|
|
|
|
|
html.append("<p>" + this.GiftName + "</p>");
|
|
|
|
|
|
html.append("<a class='now-get' gid='"+this.GiftId+"'>GET NOW</a>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
html.append("<div class='clearfix'> </div>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
html.append("</article>");
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#div_top1").html(html.toString());
|
|
|
|
|
|
}
|
|
|
|
|
|
$('.example1').wmuSlider();
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function GetHot() {
|
|
|
|
|
|
$("#div_hot").empty();
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: "ScoreService.asmx/GetHot",
|
|
|
|
|
|
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
|
|
|
async: false,
|
|
|
|
|
|
success: function (data) {
|
|
|
|
|
|
|
|
|
|
|
|
if (data.d != null) {
|
|
|
|
|
|
var html = new Sys.StringBuilder();
|
|
|
|
|
|
$(data.d).each(function () {
|
|
|
|
|
|
html.append("<div class=' chain-grid menu-chain'>");
|
|
|
|
|
|
html.append("<a gid='" + this.GiftId + "'>");
|
|
|
|
|
|
html.append("<img class='img-responsive chain' src='../" + this.ImageUrl + "' alt=' ' width='200px' height='250px' /></a>");
|
|
|
|
|
|
html.append("<div class='grid-chain-bottom chain-watch'>");
|
|
|
|
|
|
html.append("<span class='actual dolor-left-grid'>Points:" + this.ChangeScore + "</span>");
|
|
|
|
|
|
html.append("<span class='reducedfrom'>Price:" + this.Price + "</span>");
|
|
|
|
|
|
html.append("<h6>" + this.GiftName + "</h6>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#div_hot").html(html.toString());
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
function GetHotTop2() {
|
|
|
|
|
|
$("#div_top2").empty();
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: "ScoreService.asmx/GetHotGift2",
|
|
|
|
|
|
//data: Sys.Serialization.JavaScriptSerializer.serialize(param),
|
|
|
|
|
|
success: function (data) {
|
|
|
|
|
|
|
|
|
|
|
|
if (data.d != null) {
|
|
|
|
|
|
var html = new Sys.StringBuilder();
|
|
|
|
|
|
$(data.d).each(function (i) {
|
|
|
|
|
|
if(i==1)
|
|
|
|
|
|
html.append("<div class=' con-sed-grid sed-left-top'>");
|
|
|
|
|
|
else
|
|
|
|
|
|
html.append("<div class=' con-sed-grid'>");
|
|
|
|
|
|
html.append("<div class='elit-grid'>");
|
|
|
|
|
|
html.append("<h4>" + this.GiftName + "</h4>");
|
|
|
|
|
|
html.append("<span>FOR ALL PURCHASE VALUE</span>");
|
|
|
|
|
|
html.append("<p>" + this.GiftDesc + "</p>");
|
|
|
|
|
|
html.append("<a class='now-get' gid='" + this.GiftId + "'>GET NOW</a>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
html.append("<a gid='" + this.GiftId + "'>");
|
|
|
|
|
|
html.append("<img class='img-responsive shoe-left' src='../" + this.ImageUrl + "' alt=' ' width='150px' height='200px' /></a>");
|
|
|
|
|
|
html.append("<div class='clearfix'></div>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#div_top2").html(html.toString());
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
function GetProduct() {
|
|
|
|
|
|
$("#div_product").empty();
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
|
url: "ScoreService.asmx/GetHotGift3",
|
|
|
|
|
|
success: function (data) {
|
|
|
|
|
|
|
|
|
|
|
|
if (data.d != null) {
|
|
|
|
|
|
var html = new Sys.StringBuilder();
|
|
|
|
|
|
$(data.d).each(function (i) {
|
|
|
|
|
|
if ((i + 1) % 3 == 0) {
|
|
|
|
|
|
html.append("<div class=' chain-grid grid-top-chain'>");
|
|
|
|
|
|
}
|
|
|
|
|
|
else
|
|
|
|
|
|
html.append("<div class=' chain-grid'>");
|
|
|
|
|
|
html.append("<a href='single.html'></a>");
|
|
|
|
|
|
html.append(" <span class='star'></span>");
|
|
|
|
|
|
html.append(" <img class='img-responsive chain' src='../" + this.ImageUrl + "' alt=' ' width='150px' height='250px' />");
|
|
|
|
|
|
html.append(" <div class='grid-chain-bottom'>");
|
|
|
|
|
|
html.append(" <h6>" + this.GiftName + "</h6>");
|
|
|
|
|
|
html.append(" <div class='star-price'>");
|
|
|
|
|
|
html.append(" <div class='dolor-grid'>");
|
|
|
|
|
|
html.append(" <span class='actual'>Points:" + this.ChangeScore + "</span>");
|
|
|
|
|
|
html.append(" <span class='reducedfrom'>Price:"+this.Price+"$</span>");
|
|
|
|
|
|
html.append(" <span class='rating'>");
|
|
|
|
|
|
html.append(" </span>");
|
|
|
|
|
|
html.append(" </div>");
|
|
|
|
|
|
html.append(" <a class='now-get get-cart' gid='" + this.GiftId + "'>ADD TO CART</a>");
|
|
|
|
|
|
html.append(" <div class='clearfix'></div>");
|
|
|
|
|
|
html.append(" </div>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
html.append("</div>");
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
$("#div_product").html(html.toString());
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<!--header-->
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="top-header">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="top-header-left">
|
|
|
|
|
|
<ul class="support">
|
|
|
|
|
|
<li><a href="#">
|
|
|
|
|
|
<label></label>
|
|
|
|
|
|
</a></li>
|
|
|
|
|
|
<li><a href="#"><span class="live">Good Service </span></a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<ul class="support">
|
|
|
|
|
|
<li class="van"><a href="#">
|
|
|
|
|
|
<label></label>
|
|
|
|
|
|
</a></li>
|
|
|
|
|
|
<li><a href="#">Fast Shipping</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="top-header-right">
|
|
|
|
|
|
<div class="down-top">
|
|
|
|
|
|
|
|
|
|
|
|
<select tabindex="4" class="dropdown">
|
|
|
|
|
|
<option value="" class="label" value="">English</option>
|
|
|
|
|
|
<option value="1">Japanese</option>
|
|
|
|
|
|
<option value="2">French</option>
|
|
|
|
|
|
<option value="3">German</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="down-top top-down">
|
|
|
|
|
|
|
|
|
|
|
|
<select tabindex="4" class="dropdown ">
|
|
|
|
|
|
<option value="" class="label" value="">Currency :USD</option>
|
|
|
|
|
|
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!---->
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="bottom-header">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="header-bottom-left">
|
|
|
|
|
|
<div class="logo">
|
|
|
|
|
|
<a href="index.aspx">
|
|
|
|
|
|
<img src="images/logo.png" alt=" " /></a>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="search">
|
|
|
|
|
|
<input type="text" value="" id="txt_sch">
|
|
|
|
|
|
<input type="submit" value="SEARCH" id="btn_sch">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="header-bottom-right">
|
|
|
|
|
|
<ul class="men-grid" >
|
|
|
|
|
|
<li><a id="a_username"><span></span><font id="f_username">Jack jole Score:1200</font></a></li>
|
|
|
|
|
|
<li class="login" id="li_login"><a href="login.aspx"><span></span>LOGIN</a></li>
|
|
|
|
|
|
<li class="login" style="display:none" id="li_loginout"><a id="a_loginout" onclick="LoginOut();"><span> </span>Logout</a></li>
|
|
|
|
|
|
<li class="cart"><a href="cart.aspx"><span></span><font color="red" id="f_cart"></font>CART</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!---->
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="banner-menu">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="shoes-grid">
|
|
|
|
|
|
<div class="wmuSlider example1 slide-grid">
|
|
|
|
|
|
<div class="wmuSliderWrapper" id="div_top1">
|
|
|
|
|
|
|
|
|
|
|
|
<article style='position: absolute; width: 100%; opacity: 0;'>
|
|
|
|
|
|
<div class='banner-matter'>
|
|
|
|
|
|
<img class='img-responsive banner-bag' src='../attached/2016.1/66b79058-d7c3-462a-aa5f-8dc8705ed396.jpg' alt='' width='250px' height='300px' /><div class='banner-off'>
|
|
|
|
|
|
<h2>Hot Exchange </h2>
|
|
|
|
|
|
<span>Overbalance <b></b></span>
|
|
|
|
|
|
<p>2</p>
|
|
|
|
|
|
<a class='now-get' href='single.aspx'>GET NOW</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class='clearfix'></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
<article style='position: absolute; width: 100%; opacity: 0;'>
|
|
|
|
|
|
<div class='banner-matter'>
|
|
|
|
|
|
<img class='img-responsive banner-bag' src='../attached/2016.1/66b79058-d7c3-462a-aa5f-8dc8705ed396.jpg' alt='' width='250px' height='300px' /><div class='banner-off'>
|
|
|
|
|
|
<h2>Hot Exchange </h2>
|
|
|
|
|
|
<span>Overbalance <b></b></span>
|
|
|
|
|
|
<p>2</p>
|
|
|
|
|
|
<a class='now-get' href='single.aspx'>GET NOW</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class='clearfix'></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
<article style='position: absolute; width: 100%; opacity: 0;'>
|
|
|
|
|
|
<div class='banner-matter'>
|
|
|
|
|
|
<img class='img-responsive banner-bag' src='../attached/2016.1/21fa9b94-aaf9-4487-8b9b-980acb125432.jpg' alt='' width='250px' height='300px' /><div class='banner-off'>
|
|
|
|
|
|
<h2>Hot Exchange </h2>
|
|
|
|
|
|
<span>Overbalance <b></b></span>
|
|
|
|
|
|
<p>aaaaaaaaaaaa</p>
|
|
|
|
|
|
<a class='now-get' href='single.aspx'>GET NOW</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class='clearfix'></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<ul class="wmuSliderPagination">
|
|
|
|
|
|
<li><a href="#" class="">0</a></li>
|
|
|
|
|
|
<li><a href="#" class="">1</a></li>
|
|
|
|
|
|
<li><a href="#" class="">2</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!---->
|
|
|
|
|
|
<div class="shoes-grid-left" id="div_top2">
|
|
|
|
|
|
<div class=" con-sed-grid">
|
|
|
|
|
|
<div class="elit-grid">
|
|
|
|
|
|
<h4>consectetur elit</h4>
|
|
|
|
|
|
<span>FOR ALL PURCHASE VALUE</span>
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
|
|
|
|
|
|
<a class="now-get" href="#">GET NOW</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive shoe-left" src="images/sh.jpg" alt=" " width="150px" height="220px" /></a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="con-sed-grid sed-left-top">
|
|
|
|
|
|
<div class="elit-grid">
|
|
|
|
|
|
<h4>consectetur elit</h4>
|
|
|
|
|
|
<span>FOR ALL PURCHASE VALUE</span>
|
|
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
|
|
|
|
|
|
<a class="now-get" href="#">GET NOW</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive shoe-left" src="images/c1 (10).jpg" alt=" " width="150px" height="220px" /></a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="products">
|
|
|
|
|
|
<h5 class="latest-product">LATEST PRODUCTS</h5>
|
|
|
|
|
|
<a class="view-all" href="product.html">VIEW ALL<span> </span></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="product-left" id="div_product">
|
|
|
|
|
|
<div class=" chain-grid">
|
|
|
|
|
|
<a href="single.html"></a>
|
|
|
|
|
|
<span class="star"></span>
|
|
|
|
|
|
<img class="img-responsive chain" src="images/c1 (1).jpg" alt=" " width="150px" height="250px" />
|
|
|
|
|
|
<div class="grid-chain-bottom">
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
<div class="star-price">
|
|
|
|
|
|
<div class="dolor-grid">
|
|
|
|
|
|
<span class="actual">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">400$</span>
|
|
|
|
|
|
<span class="rating">
|
|
|
|
|
|
<%--<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-5" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-4" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-3" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">--%>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="now-get get-cart" href="#">ADD TO CART</a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" chain-grid">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/c1 (2).jpg" alt=" " width="150px" height="250px" /></a>
|
|
|
|
|
|
<span class="star"></span>
|
|
|
|
|
|
<div class="grid-chain-bottom">
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
<div class="star-price">
|
|
|
|
|
|
<div class="dolor-grid">
|
|
|
|
|
|
<span class="actual">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">400$</span>
|
|
|
|
|
|
<span class="rating">
|
|
|
|
|
|
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-5" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-4" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-3" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-2" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-1" class="rating-star"> </label>--%>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="now-get get-cart" href="#">ADD TO CART</a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" chain-grid grid-top-chain">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/c1 (3).jpg" alt=" " width="150px" height="250px" /></a>
|
|
|
|
|
|
<span class="star"></span>
|
|
|
|
|
|
<div class="grid-chain-bottom">
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
<div class="star-price">
|
|
|
|
|
|
<div class="dolor-grid">
|
|
|
|
|
|
<span class="actual">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">400$</span>
|
|
|
|
|
|
<span class="rating">
|
|
|
|
|
|
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-5" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-4" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-3" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-2" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-1" class="rating-star"> </label>--%>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="now-get get-cart" href="#">ADD TO CART</a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class=" chain-grid">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/a1 (4).jpg" alt=" " width="150px" height="250px" /></a>
|
|
|
|
|
|
<span class="star"></span>
|
|
|
|
|
|
<div class="grid-chain-bottom">
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
<div class="star-price">
|
|
|
|
|
|
<div class="dolor-grid">
|
|
|
|
|
|
<span class="actual">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">400$</span>
|
|
|
|
|
|
<span class="rating">
|
|
|
|
|
|
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-5" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-4" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-3" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-2" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-1" class="rating-star"> </label>--%>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="now-get get-cart" href="#">ADD TO CART</a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" chain-grid">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/c1 (10).jpg" alt=" " width="150px" height="250px" /></a>
|
|
|
|
|
|
<span class="star"></span>
|
|
|
|
|
|
<div class="grid-chain-bottom">
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
<div class="star-price">
|
|
|
|
|
|
<div class="dolor-grid">
|
|
|
|
|
|
<span class="actual">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">400$</span>
|
|
|
|
|
|
<span class="rating">
|
|
|
|
|
|
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-5" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-4" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-3" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-2" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-1" class="rating-star"> </label>--%>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="now-get get-cart" href="#">ADD TO CART</a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" chain-grid grid-top-chain">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/b1 (14).jpg" alt=" " width="150px" height="250px" /></a>
|
|
|
|
|
|
<span class="star"></span>
|
|
|
|
|
|
<div class="grid-chain-bottom">
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
<div class="star-price">
|
|
|
|
|
|
<div class="dolor-grid">
|
|
|
|
|
|
<span class="actual">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">400$</span>
|
|
|
|
|
|
<span class="rating">
|
|
|
|
|
|
<%-- <input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-5" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-4" class="rating-star1"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-3" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-2" class="rating-star"> </label>
|
|
|
|
|
|
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
|
|
|
|
|
|
<label for="rating-input-1-1" class="rating-star"> </label>--%>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a class="now-get get-cart" href="#">ADD TO CART</a>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="sub-cate">
|
|
|
|
|
|
<div class=" top-nav rsidebar span_1_of_left">
|
|
|
|
|
|
<h3 class="cate">CATEGORIES</h3>
|
|
|
|
|
|
<ul class="menu">
|
|
|
|
|
|
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<ul class="kid-menu">
|
|
|
|
|
|
<li><a href="product.aspx?SortId=1">Women’s</a></li>
|
|
|
|
|
|
<li><a href="product.aspx?SortId=2">Men’s</a></li>
|
|
|
|
|
|
<li><a href="product.aspx?SortId=3">Bags</a></li>
|
|
|
|
|
|
<li><a href="product.aspx?SortId=4">Small Pieces</a></li>
|
|
|
|
|
|
<li><a href="product.aspx?SortId=5">Shoes</a></li>
|
|
|
|
|
|
<li><a href="product.aspx?SortId=6">Others</a></li>
|
|
|
|
|
|
<li><a href="">Contact US </a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--initiate accordion-->
|
|
|
|
|
|
<div id="div_hot">
|
|
|
|
|
|
<div class=" chain-grid menu-chain">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/a1 (2).jpg" alt=" " width="150px" height="200px" /></a>
|
|
|
|
|
|
<div class="grid-chain-bottom chain-watch">
|
|
|
|
|
|
<span class="actual dolor-left-grid">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">500$</span>
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" chain-grid menu-chain">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/b1 (4).jpg" alt=" " width="150px" height="230px" /></a>
|
|
|
|
|
|
<div class="grid-chain-bottom chain-watch">
|
|
|
|
|
|
<span class="actual dolor-left-grid">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">500$</span>
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class=" chain-grid menu-chain">
|
|
|
|
|
|
<a href="single.html">
|
|
|
|
|
|
<img class="img-responsive chain" src="images/b1 (17).jpg" alt=" " width="150px" height="230px" /></a>
|
|
|
|
|
|
<div class="grid-chain-bottom chain-watch">
|
|
|
|
|
|
<span class="actual dolor-left-grid">300$</span>
|
|
|
|
|
|
<span class="reducedfrom">500$</span>
|
|
|
|
|
|
<h6>Lorem ipsum dolor</h6>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div></div>
|
|
|
|
|
|
<a class="view-all all-product" href="product.aspx">More PRODUCTS<span> </span></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!---->
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
|
<div class="footer-top">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="latter">
|
|
|
|
|
|
<h6>NEWS-LATTER</h6>
|
|
|
|
|
|
<div class="sub-left-right">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="latter-right">
|
|
|
|
|
|
<p>FOLLOW US</p>
|
|
|
|
|
|
<ul class="face-in-to">
|
|
|
|
|
|
<li><a href="#"><span></span></a></li>
|
|
|
|
|
|
<li><a href="#"><span class="facebook-in"></span></a></li>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div style="width: 100%; text-align: center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<p class="footer-class">Copyright @copy; 2015.Company name All rights reserved.</p>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
