162 lines
6.8 KiB
HTML
162 lines
6.8 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">
|
||
<!-- Akamai Viewer Async Loader & Assets -->
|
||
<script>!function(a){var b=function(a,c){this._element=a,this._options=c,this._bindings=[],b.queue.push(this),b.runQueue()};b.queue=[],b.deps=0,b.depsNeeded=2,b.ready=function(){b.deps++,b.runQueue()},b.runQueue=function(){window.shoestring;b.deps<b.depsNeeded||b.queue.map(function(a){return a.instantiate()})},b.prototype.onInitialize=function(a){if(this._instantiated)return void a(this._viewer);this._bindings.push(a)},b.prototype.instantiate=function(){this._instantiated=!0;var a=window.shoestring,b=a(this._element);return b.bind("akamai-carousel-first-media-load",function(){a(b.attr("data-akamai-viewer-placeholder")).remove()}),b.bind("akamai-viewer-init",function(){this._bindings.forEach(function(a){a(this._viewer)}.bind(this))}.bind(this)),this._viewer=new Akamai.Viewer(this._element,this._options),this._instantiated=!0,this._viewer},a.Akamai=a.Akamai||{},a.Akamai.AsyncViewer=b}("undefined"==typeof exports?window:exports);</script>
|
||
<script src="/js/akamai-viewer.js" async onload="Akamai.AsyncViewer.ready()"></script>
|
||
<link href="/css/akamai-viewer.css" rel="stylesheet" media="none" onload="this.onload=null;this.media='all';Akamai.AsyncViewer.ready()">
|
||
|
||
<style>
|
||
@charset "utf-8";
|
||
#productContainer {overflow:auto;margin-left:auto; margin-right:auto;background-color: #ffffff;font-family: Verdana, Calibri; }
|
||
|
||
|
||
#productViewer {border: 1px solid grey;padding:15px;margin:10px;}
|
||
#productAction {border: 1px solid grey;padding:15px;margin:10px;}
|
||
#productDetails {border: 1px solid grey;padding:15px;margin:10px;text-align:left;color:grey;font-size:smaller;}
|
||
#action_detail {display:none;}
|
||
._button {width: 100%;background-color: #599197;font-size: 16px;border-radius: 10px;padding: 10px;border: none;font-family: verdana;font-weight: bold;color: white;}
|
||
._list {list-style: circle;list-style-position: inside;white-space: pre-line;}
|
||
._links {color:grey;font-size:smaller;}
|
||
._dropdown {width:80%;color:grey;height:25px;}
|
||
.widthControl{width:100%;margin-left:auto;margin-right:auto;}
|
||
|
||
@media only screen and (min-width : 800px) {
|
||
#productAction {width:225px;float:right;}
|
||
#productViewer {margin-right:280px;}
|
||
#action_detail {display:block;}
|
||
}
|
||
@media only screen and (min-width:1000px){
|
||
.widthControl{width:500px;}
|
||
}
|
||
|
||
</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 Ring <b>£2000</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 class="_dropdown" onChange="changeTag(this.value);"><option value="Green">Green</option><option value="Blue">Blue</option><option value="Red">Red</option><option value="Pink">Pink</option></select-->
|
||
<br><br><button class="_button">Add to Basket</button>
|
||
<br><br><br><img src="./retail_files/social.JPG">
|
||
</div>
|
||
|
||
|
||
<div id="productViewer">
|
||
<div class="widthControl">
|
||
<div id="360Viewer" data-akamai-viewer="true" data-akamai-viewer-items-default-tag="akamai-untagged" data-akamai-viewer-items-render-all="false"></div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
|
||
var asyncViewer = new Akamai.AsyncViewer( document.getElementById( "360Viewer" ), {
|
||
spin360: {
|
||
autoplay: { enabled: true },
|
||
interval: 4400,
|
||
controls: {
|
||
arrows: true,
|
||
play: true
|
||
},
|
||
images: {
|
||
widths: ['320','640'],
|
||
sizes: '(min-width:1000px) 500px, 100vw'
|
||
}
|
||
},
|
||
items: {
|
||
//uri: "/retail_files/viewer/product.imviewer?aki_collection=akaRing"
|
||
uri: "json/ex-360-ring.json"
|
||
}
|
||
});
|
||
|
||
asyncViewer.onInitialize(function(_viewer){
|
||
window.viewer = _viewer;
|
||
});
|
||
|
||
</script>
|
||
<div id="productDetails">
|
||
<b>Details</b>
|
||
<br><br>
|
||
Since its creation over a century ago, the deep ring setting has been the world’s favorite engagement ring. The ring of rings, as it has been called, is the most brilliant ring ever. It is also the most beautiful.
|
||
<br><br>
|
||
Charles Michael Hughes recognized that an exceptional diamond should be heralded rather than hidden. So we handcrafted a ring with a diamond so rare, it deserved to be lifted above the band. In so doing, we created something not just brilliant, but legendary: the engagement ring as we know it today.
|
||
<br><br>
|
||
1.0 ct shown
|
||
<br><br>
|
||
Different variations of diamond availabe on request.
|
||
</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> |