230 lines
5.5 KiB
HTML
230 lines
5.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
|
||
|
|
<meta name="viewport" content="width=device-width">
|
||
|
|
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
|
||
|
|
<title>Thirty-Three</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="./retail_files/styles.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="/css/akamai-viewer.css">
|
||
|
|
<script type="text/javascript" src="/js/akamai-viewer.js"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(function(){
|
||
|
|
var viewer = new Akamai.Viewer( document.getElementById( "productViewer" ), {
|
||
|
|
|
||
|
|
carousel: {
|
||
|
|
aspectratio: 60,
|
||
|
|
thumbnail: {
|
||
|
|
placement: "left"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
magnifier: {
|
||
|
|
placement: "flyoutloupe",
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
breakpoints : {
|
||
|
|
"500" : {
|
||
|
|
carousel: {
|
||
|
|
thumbnail: {
|
||
|
|
type: "images"
|
||
|
|
},
|
||
|
|
|
||
|
|
aspectratio: false
|
||
|
|
},
|
||
|
|
magnifier: {
|
||
|
|
placement: "flyoutloupe",
|
||
|
|
magnification: 3,
|
||
|
|
flyout: {
|
||
|
|
width: 220,
|
||
|
|
height: 220
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
"1000" : {
|
||
|
|
carousel: {
|
||
|
|
thumbnail: {
|
||
|
|
placement: "left"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
magnifier: {
|
||
|
|
placement: "flyoutloupe",
|
||
|
|
magnification: 3,
|
||
|
|
flyout: {
|
||
|
|
width: 220,
|
||
|
|
height: 220
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
"1200" : {
|
||
|
|
magnifier: {
|
||
|
|
placement: "flyoutloupe",
|
||
|
|
flyout: {
|
||
|
|
width: 250,
|
||
|
|
height: 250
|
||
|
|
},
|
||
|
|
magnification: 3
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
items: {
|
||
|
|
hostnames: [
|
||
|
|
"productdemo.akaimaging.com",
|
||
|
|
"localhost"
|
||
|
|
],
|
||
|
|
uri: "json/clothing-4.json"
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var tagSwitcher=document.getElementById("tag-switcher");
|
||
|
|
tagSwitcher.onchange=function(){
|
||
|
|
var tag = tagSwitcher.value;
|
||
|
|
viewer.switchTag(tag);
|
||
|
|
};
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<style>
|
||
|
|
@charset "utf-8";
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body
|
||
|
|
style="background-image: url(retail_files/background/background.jpg); background-repeat: no-repeat; max-width: 1200px; margin-left: auto; margin-right: auto;">
|
||
|
|
<div style="padding: 10px; overflow: auto;">
|
||
|
|
<div id="main-logo">
|
||
|
|
<div id="TextLogo">
|
||
|
|
<a href="/">Thirty-Three</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="MyNav">
|
||
|
|
<ul>
|
||
|
|
<li><a title="HOME" href="/">HOME</a></li>
|
||
|
|
<li><a title="MEN" href="/jacket.html">MEN</a></li>
|
||
|
|
<li><a title="WOMEN" href="/womenstops.html">WOMEN</a></li>
|
||
|
|
<li><a title="ACCESSORIES" href="/jewelry.html">ACCESSORIES</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="productContainer" style="padding: 10px;">
|
||
|
|
|
||
|
|
<div id="productAction">
|
||
|
|
Women's Polo <b>£49.99</b><br>
|
||
|
|
<br> <span id="action_detail"> <br>
|
||
|
|
<font color="maroon">* NEW IN *</font> <br>
|
||
|
|
<br>
|
||
|
|
<img src="./retail_files/reviews.JPG"> <br>
|
||
|
|
<a href="/#" onclick="return false;" class="_links">18
|
||
|
|
Reviews</a> <br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<select class="_dropdown"><option>Small</option>
|
||
|
|
<option>Medium</option>
|
||
|
|
<option>Large</option></select> <br>
|
||
|
|
<a href="/#" onclick="return false;" class="_links">Size
|
||
|
|
guide</a>
|
||
|
|
</span> <br>
|
||
|
|
<br>
|
||
|
|
<select id="tag-switcher" class="_dropdown"><option
|
||
|
|
value="green">Green</option>
|
||
|
|
<option value="navy">Navy</option>
|
||
|
|
<option value="pink">Pink</option>
|
||
|
|
<option value="red">Red</option></select> <br>
|
||
|
|
<br>
|
||
|
|
<button class="_button">Add to Basket</button>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<img src="./retail_files/social.JPG">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="productViewer" data-akamai-viewer="true"
|
||
|
|
data-akamai-viewer-items-default-tag="akamai-untagged"
|
||
|
|
data-akamai-viewer-items-render-all="false"></div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="productDetails">
|
||
|
|
<b>Details</b> <br>
|
||
|
|
<br> Introduced in 1950, our Polo shirt now comes in a variety
|
||
|
|
of colors and styles but remains just as iconic as the original. This
|
||
|
|
stretch cotton version looks chic with almost anything, from jeans to
|
||
|
|
a ballgown skirt. <br>
|
||
|
|
<br>
|
||
|
|
<ul class="_list">
|
||
|
|
<li>Boxy fit.</li>
|
||
|
|
<li>Size medium has a 23¾" back body length and a 43" bust.</li>
|
||
|
|
<li>Ribbed Polo collar. Five-button placket.</li>
|
||
|
|
<li>Short sleeves with ribbed armbands.</li>
|
||
|
|
<li>Uneven vented hem. Lined at the body.</li>
|
||
|
|
<li>Shell: 100% cotton. Trim: 69% viscose, 28% nylon, 3%
|
||
|
|
elastane. Lining: 100% polyester.</li>
|
||
|
|
<li>Model is 5'10"/178 cm and has a 32" bust. She wears a size
|
||
|
|
small.</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="vert-space"></div>
|
||
|
|
|
||
|
|
<div id="BottomList">
|
||
|
|
<div id="BottomContainer">
|
||
|
|
<div id="BottomDetail">
|
||
|
|
<b>Contact Us</b>
|
||
|
|
<ul>
|
||
|
|
<li><a title="Phone" href="/#Phone">Phone</a></li>
|
||
|
|
<li><a title="Email" href="/#Email">Email</a></li>
|
||
|
|
<li><a title="Mail" href="/#Mail">Mail</a></li>
|
||
|
|
<li><a title="Social Media" href="/#Social">Social
|
||
|
|
Media</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="BottomDetail">
|
||
|
|
<b>Departments</b>
|
||
|
|
<ul>
|
||
|
|
<li><a title="Men's" href="/#Mens">Men's</a></li>
|
||
|
|
<li><a title="Women's" href="/#Womens">Women's</a></li>
|
||
|
|
<li><a title="Accessories" href="/#Accessories">Accessories</a></li>
|
||
|
|
<li><a title="Shoes" href="/#Shoes">Shoes</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="BottomDetail">
|
||
|
|
<b>About Us</b>
|
||
|
|
<ul>
|
||
|
|
<li><a title="Press" href="/#Press">Press</a></li>
|
||
|
|
<li><a title="Careers" href="/#Careers">Careers</a></li>
|
||
|
|
<li><a title="Privacy Policy"
|
||
|
|
href="/#PrivacyPolicy">Privacy Policy</a></li>
|
||
|
|
<li><a title="Site Map" href="/#SiteMap">Site
|
||
|
|
Map</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|