Harvey Norman - Product Page

Size
39,225 Kb
Views
32,384

How do I make an harvey norman - product page?

What is a harvey norman - product page? How do you make a harvey norman - product page? This script and codes were developed by Steven Birchall on 22 July 2022, Friday.

Harvey Norman - Product Page Previews

Harvey Norman - Product Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Harvey Norman - Product Page</title>
</head>
<body> <!doctype html>
<!--[if lt IE 7 ]> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" class="no-js oldie ie6" lang="en-au"> <![endif]-->
<!--[if IE 7 ]> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" class="no-js oldie ie7" lang="en-au"> <![endif]-->
<!--[if IE 8 ]> <html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" class="no-js oldie ie8" lang="en-au"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en-au">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"UgcBUFFACwMJUllW"};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o||e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e,n){function r(t){try{s.console&&console.log(t)}catch(e){}}var o,i=t("ee"),a=t(15),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,e,n){r(n.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,e){return t}).join(", ")))},{}],2:[function(t,e,n){function r(t,e,n,r,o){try{d?d-=1:i("err",[o||new UncaughtException(t,e,n)])}catch(s){try{i("ierr",[s,(new Date).getTime(),!0])}catch(c){}}return"function"==typeof f&&f.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function o(t){i("err",[t,(new Date).getTime()])}var i=t("handle"),a=t(16),s=t("ee"),c=t("loader"),f=window.onerror,u=!1,d=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(l){"stack"in l&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),u=!0)}s.on("fn-start",function(t,e,n){u&&(d+=1)}),s.on("fn-err",function(t,e,n){u&&(this.thrown=!0,o(n))}),s.on("fn-end",function(){u&&!this.thrown&&d>0&&(d-=1)}),s.on("internal-error",function(t){i("ierr",[t,(new Date).getTime(),!0])})},{}],3:[function(t,e,n){t("loader").features.ins=!0},{}],4:[function(t,e,n){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState";t("loader").features.stn=!0,t(6);var g=NREUM.o.EV;o.on(m,function(t,e){var n=t[0];n instanceof g&&(this.bstStart=Date.now())}),o.on(w,function(t,e){var n=t[0];n instanceof g&&i("bst",[n,e,this.bstStart,Date.now()])}),a.on(m,function(t,e,n){this.bstStart=Date.now(),this.bstType=n}),a.on(w,function(t,e){i(v,[e,this.bstStart,Date.now(),this.bstType])}),s.on(m,function(){this.bstStart=Date.now()}),s.on(w,function(t,e){i(v,[e,this.bstStart,Date.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=Date.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,!1),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&o(e)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,e){return t[1]}var a=t("ee").get("events"),s=t(17)(a),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";e.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,e){if(t[1]){var n=t[1];if("function"==typeof n){var r=c(n,"nr@wrapped",function(){return s(n,"fn-",null,n.name||"anonymous")});this.wrapped=t[1]=r}else"function"==typeof n.handleEvent&&s.inPlace(n,["handleEvent"],"fn-")}}),a.on(d+"-start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{}],6:[function(t,e,n){var r=t("ee").get("history"),o=t(17)(r);e.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],7:[function(t,e,n){var r=t("ee").get("raf"),o=t(17)(r),i="equestAnimationFrame";e.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],8:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],"fn-",null,n)}function o(t,e,n){this.method=n,this.timerDuration="number"==typeof t[1]?t[1]:0,t[0]=a(t[0],"fn-",this,n)}var i=t("ee").get("timer"),a=t(17)(i),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";e.exports=i,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(c+u,r),i.on(s+u,o)},{}],9:[function(t,e,n){function r(t,e){d.inPlace(e,["onreadystatechange"],"fn-",s)}function o(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,w,"fn-",s)}function i(t){v.push(t),h&&(g=-g,b.data=g)}function a(){for(var t=0;t<v.length;t++)r([],v[t]);v.length&&(v=[])}function s(t,e){return e}function c(t,e){for(var n in t)e[n]=t[n];return e}t(5);var f=t("ee"),u=f.get("xhr"),d=t(17)(u),l=NREUM.o,p=l.XHR,h=l.MO,m="readystatechange",w=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],v=[];e.exports=u;var y=window.XMLHttpRequest=function(t){var e=new p(t);try{u.emit("new-xhr",[e],e),e.addEventListener(m,o,!1)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}return e};if(c(p,y),y.prototype=p.prototype,d.inPlace(y.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,e){r(t,e),i(e)}),u.on("open-xhr-start",r),h){var g=1,b=document.createTextNode(g);new h(a).observe(b,{characterData:!0})}else f.on("fn-end",function(t){t[0]&&t[0].type===m||a()})},{}],10:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!e.aborted){if(n.duration=(new Date).getTime()-this.startTime,4===t.readyState){e.status=t.status;var i=o(t,this.lastSize);if(i&&(n.rxSize=i),this.sameOrigin){var a=t.getResponseHeader("X-NewRelic-App-Data");a&&(e.cat=a.split(", ").pop())}}else e.status=0;n.cbTime=this.cbTime,f.emit("xhr-done",[t],t),s("xhr",[e,n,this.startTime])}}}function o(t,e){var n=t.responseType;if("json"===n&&null!==e)return e;var r="arraybuffer"===n||"blob"===n||"json"===n?t.response:t.responseText;return h(r)}function i(t,e){var n=c(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}var a=t("loader");if(a.xhrWrappable){var s=t("handle"),c=t(11),f=t("ee"),u=["load","error","abort","timeout"],d=u.length,l=t("id"),p=t(14),h=t(13),m=window.XMLHttpRequest;a.features.xhr=!0,t(9),f.on("new-xhr",function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,p&&(p>34||p<10)||window.opera||t.addEventListener("progress",function(t){e.lastSize=t.loaded},!1)}),f.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),f.on("send-xhr-start",function(t,e){var n=this.metrics,r=t[0],o=this;if(n&&r){var i=h(r);i&&(n.txSize=i)}this.startTime=(new Date).getTime(),this.listener=function(t){try{"abort"===t.type&&(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof e.onload))&&o.end(e)}catch(n){try{f.emit("internal-error",[n])}catch(r){}}};for(var a=0;a<d;a++)e.addEventListener(u[a],this.listener,!1)}),f.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),f.on("xhr-load-added",function(t,e){var n=""+l(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),f.on("xhr-load-removed",function(t,e){var n=""+l(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),f.on("addEventListener-end",function(t,e){e instanceof m&&"load"===t[0]&&f.emit("xhr-load-added",[t[1],t[2]],e)}),f.on("removeEventListener-end",function(t,e){e instanceof m&&"load"===t[0]&&f.emit("xhr-load-removed",[t[1],t[2]],e)}),f.on("fn-start",function(t,e,n){e instanceof m&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=(new Date).getTime()))}),f.on("fn-end",function(t,e){this.xhrCbStart&&f.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCbStart,this.onload,e],e)})}},{}],11:[function(t,e,n){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!e.protocol||":"===e.protocol||e.protocol===n.protocol,a=e.hostname===document.domain&&e.port===n.port;return r.sameOrigin=i&&(!e.hostname||a),r}},{}],12:[function(t,e,n){function r(){}function o(t,e,n){return function(){return i(t,[(new Date).getTime()].concat(s(arguments)),e?null:this,n),e?void 0:this}}var i=t("handle"),a=t(15),s=t(16),c=t("ee").get("tracer"),f=NREUM;"undefined"==typeof window.newrelic&&(newrelic=f);var u=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit"],d="api-",l=d+"ixn-";a(u,function(t,e){f[e]=o(d+e,!0,"api")}),f.addPageAction=o(d+"addPageAction",!0),e.exports=newrelic,f.interaction=function(){return(new r).get()};var p=r.prototype={createTracer:function(t,e){var n={},r=this,o="function"==typeof e;return i(l+"tracer",[Date.now(),t,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[Date.now(),r,o],n),o)try{return e.apply(this,arguments)}finally{c.emit("fn-end",[Date.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){p[e]=o(l+e)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,(new Date).getTime()])}},{}],13:[function(t,e,n){e.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],14:[function(t,e,n){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),e.exports=r},{}],15:[function(t,e,n){function r(t,e){var n=[],r="",i=0;for(r in t)o.call(t,r)&&(n[i]=e(r,t[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],16:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(o<0?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=r},{}],17:[function(t,e,n){function r(t){return!(t&&"function"==typeof t&&t.apply&&!t[a])}var o=t("ee"),i=t(16),a="nr@original",s=Object.prototype.hasOwnProperty,c=!1;e.exports=function(t){function e(t,e,n,o){function nrWrapper(){var r,a,s,c;try{a=this,r=i(arguments),s="function"==typeof n?n(r,a):n||{}}catch(u){d([u,"",[r,a,o],s])}f(e+"start",[r,a,o],s);try{return c=t.apply(a,r)}catch(l){throw f(e+"err",[r,a,l],s),l}finally{f(e+"end",[r,a,c],s)}}return r(t)?t:(e||(e=""),nrWrapper[a]=t,u(t,nrWrapper),nrWrapper)}function n(t,n,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<n.length;c++)s=n[c],a=t[s],r(a)||(t[s]=e(a,f?s+o:o,i,s))}function f(e,n,r){if(!c){c=!0;try{t.emit(e,n,r)}catch(o){d([o,e,n,r])}c=!1}}function u(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){d([r])}for(var o in t)s.call(t,o)&&(e[o]=t[o]);return e}function d(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=o),e.inPlace=n,e.flag=a,e}},{}],ee:[function(t,e,n){function r(){}function o(t){function e(t){return t&&t instanceof r?t:t?s(t,a,i):i()}function n(n,r,o){t&&t(n,r,o);for(var i=e(o),a=l(n),s=a.length,c=0;c<s;c++)a[c].apply(i,r);var u=f[w[n]];return u&&u.push([v,n,r,i]),i}function d(t,e){m[t]=l(t).concat(e)}function l(t){return m[t]||[]}function p(t){return u[t]=u[t]||o(n)}function h(t,e){c(t,function(t,n){e=e||"feature",w[n]=e,e in f||(f[e]=[])})}var m={},w={},v={on:d,emit:n,get:p,listeners:l,context:e,buffer:h};return v}function i(){return new r}var a="nr@context",s=t("gos"),c=t(15),f={},u={},d=e.exports=o();d.backlog=f},{}],gos:[function(t,e,n){function r(t,e,n){if(o.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[e]=r,r}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){o.buffer([t],r),o.emit(t,e,n)}var o=t("ee").get("handle");e.exports=r,r.ee=o},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!g++){var t=y.info=NREUM.info,e=u.getElementsByTagName("script")[0];if(t&&t.licenseKey&&t.applicationID&&e){c(w,function(e,n){t[e]||(t[e]=n)});var n="https"===m.split(":")[0]||t.sslForHttp;y.proto=n?"https://":"http://",s("mark",["onload",a()],null,"api");var r=u.createElement("script");r.src=y.proto+t.agent,e.parentNode.insertBefore(r,e)}}}function o(){"complete"===u.readyState&&i()}function i(){s("mark",["domContent",a()],null,"api")}function a(){return(new Date).getTime()}var s=t("handle"),c=t(15),f=window,u=f.document,d="addEventListener",l="attachEvent",p=f.XMLHttpRequest,h=p&&p.prototype;NREUM.o={ST:setTimeout,CT:clearTimeout,XHR:p,REQ:f.Request,EV:f.Event,PR:f.Promise,MO:f.MutationObserver},t(12);var m=""+location,w={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-974.min.js"},v=p&&h&&h[d]&&!/CriOS/.test(navigator.userAgent),y=e.exports={offset:a(),origin:m,features:{},xhrWrappable:v};u[d]?(u[d]("DOMContentLoaded",i,!1),f[d]("load",r,!1)):(u[l]("onreadystatechange",o),f[l]("onload",r)),s("mark",["firstbyte",a()],null,"api");var g=0},{}]},{},["loader",2,10,4,3]);</script> -->
<title>Microsoft Surface Pro 4 i5 256GB 12.3&quot; Tablet - Laptops - Computers - Computers &amp; Tablets | Harvey Norman Australia</title>
<!-- start meta -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Replace your laptop with the Surface Pro 4. Browse our Surface Pro range for a full selection of the Microsoft Surface Pro to buy online or in store."/>
<meta name="keywords" content="Microsoft Surface Pro 4 i5 256GB 12.3&quot; Tablet"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<!-- end meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- start favicons -->
<link rel="icon" href="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/ico/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/ico/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/ico/apple-touch-icon.png">
<!-- end favicons -->
<!-- start using-jquery-before-its-loaded -->
<script type="text/javascript"> //<![CDATA[ (function (a) { if (a.$)return; var b = []; a.$ = function (c) { b.push(c) }; a.defer$ = function () { while (f = b.shift())$(f) } })(window); //]]>
</script>
<!-- end using-jquery-before-its-loaded -->
<!-- start css and js -->
<script type="text/javascript"> var STORE_URL = 'http://www.harveynorman.com.au/'; var SECURE_URL = 'https://www.harveynorman.com.au/'; var SKIN_URL = 'https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/'; var MEDIA_URL = 'https://doxz7msmg7sxx.cloudfront.net/media/'; var BLANK_URL = 'https://doxz7msmg7sxx.cloudfront.net/js/blank.html'; var BLANK_IMG = 'https://doxz7msmg7sxx.cloudfront.net/js/spacer.gif'; var IMG_PLACEHOLDER = 'https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/images/catalog/product/placeholder/ui_small_image.jpg'; var NAV_IDENTIFIER = '20140818'; var SECURE_PAGE = 0; var GA_UID = 'UA-5631569-1'; var GA_DOMAIN = 'harveynorman.com.au'; var STORE_CODE = 'hnaumob'; var STORE_TYPE = 'desktop'; var SAVED_PCODE = ''; //]]>
</script>
<script type="text/javascript" src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/app/js/lib/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link rel="stylesheet" href="https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/72395d1c1bf9a876069191b59b1d91b12a34885b/ts/1475686177/"/>
<!-- test --><script type="text/javascript" src="https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/7f90244acda6ef565e1ec3d3e188c8e7473e01ac/ts/1475686169/"></script>
<link rel="stylesheet" href="https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/53fffb8015f67d7df118f4df041a4d880ecbdec6/ts/1475686177/"/>
<script type="text/javascript" src="https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/988669df5332662c958dd13d300d771d6e9653f5/ts/1475686366/" ></script>
<script type="text/javascript" src="https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/67e4449c93c59e60d9d6a294c415535677521a43/ts/1475686177/" ></script>
<script type="text/javascript"> //<![CDATA[ var COOKIE_PATH = '/'; var COOKIE_DOMAIN = '.harveynorman.com.au'; //]]> </script>
<!-- BEGIN GOOGLE ANALYTICS CODE -->
<script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-5631569-1']);
_gaq.push(['_trackPageview']); _gaq.push(['_setDomainName', 'harveynorman.com.au']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>
<!-- END GOOGLE ANALYTICS CODE -->
<!-- Start Visual Website Optimizer Asynchronous Code -->
<script type='text/javascript'>
var _vwo_code=(function(){
var account_id=29460,
settings_tolerance=2000,
library_tolerance=1500,
use_existing_jquery=false,
// DO NOT EDIT BELOW THIS LINE
f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init();
</script>
<!-- End Visual Website Optimizer Asynchronous Code --><!-- STYLE FOR RESPONSIVE -->
<style type="text/css">
.vimeo-embed-container {	position: relative;	padding-bottom: 56.25%;	height: 0;	overflow: hidden;	max-width: 100%;
}
.vimeo-embed-container iframe, .vimeo-embed-container object, .vimeo-embed-container embed {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;
}
</style>
<script type='text/javascript'> /* PAGE INFORMATION */ HN_PAGE_INFO = {"module":"catalog","route":"catalog","controller":"product","action":"view","version":"8","pagetype":"product","group":{"74":"Computers & Tablets","5896":"Promos"},"category":{"83":"Computers","225":"iPads, Surface & Tablets","6214":"Surface Promo"},"subcat":{"84":"Laptops","226":"iPads, Surface & Tablets","5921":"Surface","6187":"Modern PCs"},"product":{"name":"Microsoft Surface Pro 4 i5 256GB 12.3\" Tablet","price":"1999.0000","sku":"CR3-00006","barcode_gtin":"889842014433","category_ids":["84","225","226","5921","6187","6214"],"url_key":"microsoft-surface-pro-4-i5-256gb-12-3-tablet","product_type":"2 in 1 Devices","brand":"Microsoft Surface","department":"062-Computers","product_id":"239738","type":"simple","att_set":"99","final_price":"1999","hide_price":"0","offer_type":"5113","pre_order_form":0,"on_clearance":"0","department_code":"2","oms":{"pickup":"available","delivery":"available","shipping_calculator":"show","department_code":"2","pack_size":"2","ff_group":"51"}}}; </script>
<script type='text/javascript'> /* DFP Asynchronous API */ var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; var initGadds = function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); }; if (window.addEventListener) window.addEventListener("load", initGadds, false); else if (window.attachEvent) window.attachEvent("onload", initGadds); else window.onload = initGadds;
</script>
<script type='text/javascript'>	/* PAGE INFORMATION */	var PAGE_INFO = {};	var FACET_INFO = {};	PAGE_INFO["pagetype"] = "";	PAGE_INFO["pagename"] = "";	PAGE_INFO["subcat"] ="";	PAGE_INFO["group"] ="";	PAGE_INFO["category"] = "";	PAGE_INFO['filtered'] = 'no';	PAGE_INFO["pagetype"] = "product";	PAGE_INFO["pagename"] = "microsoft surface pro 4 i5 256gb 12.3 ta";	PAGE_INFO["group"] = "computers & tablets,promos";	PAGE_INFO["category"] = "computers,ipads surface & tablets,surfac";	PAGE_INFO["subcat"] = "laptops,ipads surface & tablets,surface,";	PAGE_INFO["sku"] = "cr3-00006";	PAGE_INFO["brand"] = "microsoft surface";	var dfpValue = function(val){ var pgInfoString = PAGE_INFO[val].split(","), returnVal = pgInfoString[0].replace(/[^A-Z0-9]+/ig, "_");	if( PAGE_INFO["pagetype"] === 'cms-page' && val === 'group'){	returnVal = 'cms_page';	}	if(returnVal === 'articles'){ returnVal = 'buying_guides' }	if(returnVal === 'cms_page' && val !== 'group'){ returnVal = PAGE_INFO['pagename'].replace(/[^A-Z0-9]+/ig, "_") }	return returnVal	}	var str = 'hnau.'+dfpValue("group")+'.'+dfpValue("category")+'.'+dfpValue("subcat")+'.'+dfpValue("pagetype"), dfpString = str;	/* DFP Asynchronous Setup */	googletag.cmd.push(function() {	var mappingPromo1 = googletag.sizeMapping().addSize([768, 0 ], [940, 116]).addSize([0, 0 ], [300, 100]).build(); var mappingPromo2 = googletag.sizeMapping().addSize([768, 0 ], [940, 116]).addSize([0, 0 ], [300, 100]).build(); var mappingHero = googletag.sizeMapping().addSize([768, 0 ], [940, 200]).addSize([0, 0 ], [300, 100]).build(); var mappingWing = googletag.sizeMapping().addSize([1564, 0 ], [1, 1]).addSize([0, 0 ], [2, 2]).build(); var mappingTile = googletag.sizeMapping().addSize([768, 0 ], [406, 132]).addSize([0, 0 ], [300, 100]).build(); var mappingMrec = googletag.sizeMapping().addSize([1, 1 ], [300, 250]).addSize([0, 0 ], [0, 0]).build(); var mappingPurchase = googletag.sizeMapping().addSize([768, 0 ], [148, 139]).addSize([0, 0 ], [300, 100]).build(); //** GLOBAL SETTINGS **//	googletag.defineSlot('/10878385/'+ dfpString, [[300, 100],[406, 132]], 'hnau-'+'tile').defineSizeMapping(mappingTile).addService(googletag.pubads());	googletag.defineSlot('/10878385/'+ dfpString, [300, 250], 'hnau-'+'mrec').defineSizeMapping(mappingMrec).addService(googletag.pubads());	googletag.defineSlot('/10878385/'+ dfpString, [[2, 2],[1, 1]], 'hnau-'+'wings').defineSizeMapping(mappingWing).addService(googletag.pubads());	// Page Name	googletag.pubads().setTargeting('pagename',PAGE_INFO['pagename']);	// SKU	googletag.pubads().setTargeting('sku',PAGE_INFO['sku']);	// Brand	googletag.pubads().setTargeting('brand',PAGE_INFO['brand']);	for (var target in PAGE_INFO){if (PAGE_INFO.hasOwnProperty(target)) {googletag.pubads().setTargeting(target, PAGE_INFO[target]);}}	googletag.pubads().setTargeting('filtered',PAGE_INFO['filtered']);	googletag.pubads().collapseEmptyDivs();	googletag.pubads().enableSingleRequest();	googletag.enableServices();	});
</script>
<meta property="og:title" content="Microsoft Surface Pro 4 i5 256GB 12.3&quot; Tablet"/>
<meta property="og:type" content="product"/>
<meta property="og:url" content="http://www.harveynorman.com.au/computers-tablets/computers/laptops/microsoft-surface-pro-4-i5-256gb-12-3-tablet.html"/>
<meta property="og:image" content="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/small_image/128x72/9df78eab33525d08d6e5fb8d27136e95/1/_/1_37_243_1_1386.jpg"/>
<meta property="og:site_name" content="Harvey Norman Australia "/>
<meta property="fb:app_id" content="213689662010141"/>
<style type="text/css">
#nav.navbar ._top-level .level0 {	padding: 3px 0 2px;
}
#nav.navbar ._divider {	margin: 2px 10px;
}
</style>
<script> // Add a script element as a child of the body function downloadJSAtOnload(src, typ, onload) { var element = document.createElement("script"); element.src = src; element.async = typ; document.body.appendChild(element); } var hnJsloop = function () { if (typeof hnjs != 'undefined') { for (var i = 0; i <= hnjs.length - 1; i++) { var src = hnjs[i]; var typ = true; //if (i == 0) typ = false; downloadJSAtOnload(src, typ) } } if (typeof dataLayer != "undefined") { dataLayer.push({'event': 'hnauWindowOnload'}); dataLayer.push({'event': 'hnauWindowOnload_' + HN_PAGE_INFO.pagename}); dataLayer.push({'event': 'hnauWindowOnload_' + HN_PAGE_INFO.pagetype}); dataLayer.push({'event': 'websiteWindowOnload'}); dataLayer.push({'event': 'websiteWindowOnload_' + HN_PAGE_INFO.pagename}); dataLayer.push({'event': 'websiteWindowOnload_' + HN_PAGE_INFO.pagetype}); } }; if (window.addEventListener) { window.addEventListener("load", hnJsloop, false); } else if (window.attachEvent) { window.attachEvent("onload", hnJsloop); } else { window.onload = hnJsloop; }
</script>
<!-- end css and js -->
</head>
<body class="catalog-product-view prod-simple catalog-product-view product-microsoft-surface-pro-4-i5-256gb-12-3-tablet categorypath-computers-tablets-computers-laptops category-laptops" id="product-view" onunload="">
<div id="outer-wrap"> <div id="wrapper"> <!-- start set dataLayer for Google Tag Manager to HN_PAGE_INFO --> <script type="text/javascript">
if(typeof HN_PAGE_INFO!="undefined"){if(typeof HN_PAGE_INFO.order!="undefined"){if(typeof HN_PAGE_INFO.order.billing!="undefined"){var GTM_order_email = HN_PAGE_INFO.order.billing.email; HN_PAGE_INFO.order.billing=null}}var dataLayer=[HN_PAGE_INFO]}
</script> <!-- end set dataLayer for Google Tag Manager to HN_PAGE_INFO --><!-- Google Tag Manager --> <noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-3W36"
height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-3W36');</script> <!-- End Google Tag Manager --> <!-- HEADER --> <!--[if lt IE 9]> <ul class="messages messages_centered container">
<li class="notice-msg"><ul>
<li><span>Your Browser is not supported. To use our website,
we recommend using the latest version of Internet Explorer.</span>
<a href="#" class="_close">X</a></li>
</ul></li>
</ul>
<![endif]--> <header id="header" class="masthead _navbar_fixed-top" role="banner"> <div class="masthead_top"> <div class="container"> <ul class="nav masthead_nav masthead_right"> <li role="menuitem"><a href="http://www.harveynorman.com.au/giftcard/"><i class="icon-gift"></i> Gift Cards</a></li> <li role="menuitem"><a href="http://www.harveynorman.com.au/big-buys/" class="hidden-xs"><i class="icon-ellipsis-vertical"></i> Big Buys</a></li> <li role="menuitem"><a href="http://harveynorman.findnearest.com.au/" id="toplink-storefinder" class="tracked"><span class="visible-xs"><i class="icon-map-marker"></i>Stores</span> <span class="hidden-xs"><i class="icon-map-marker"></i> Store finder</span></a></li> </ul> </div> </div> <div class="container"> <div class="masthead_header row"> <div class="col-xs-12 col-sm-6"> <div class="nav masthead_nav masthead_left cfx"> <div class="masthead_shop"> <a id="shopAllMd" data-bhat="shopAllMd" href="http://www.harveynorman.com.au/sitemap/" class="_btn_top-shop btn btn_info btn_lg js_browse-btn hidden-tablet hidden-xs hidden-sm" data-target="#navMdWrapper" data-toggle="collapse">Shop all products <i class="icon-angle-down"></i></a> <a id="shopAll" href="#" class="btn btn_primary navbar-toggle hidden-md hidden-lg strong" data-navui="offcanvas" data-navtarget=".offcanvas-lg" data-canvas="#wrapper" data-target="#nav" data-toggle="collapse"> <i class="icon-reorder"></i> Shop </a> </div> <a id="logo" class="masthead_brand" href="http://www.harveynorman.com.au/"> <!--<img width="295" height="39" alt="Harvey Norman" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/header_logo/hn_logo.png">--> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/header_logo/hn_logo_231X34.png" width="231" height="34" alt="Harvey Norman" /></a> </div> </div> <div class="col-xs-12 col-sm-6"> <div class="masthead_right masthead_search-container masthead_bottom-xs clearfix"> <div class="masthead_search"> <form class="form-inline" role="search" method="get" action="http://www.harveynorman.com.au/catalogsearch/result/" id="search_form"> <label class="_label sr-only" for="search">Search</label> <input class="form-control input-lg" type="text" value="" name="q" id="search" placeholder="Search" title="Search" autocomplete="false" autocorrect="off" autocapitalize="off" spellcheck="false"> <button class="masthead_search-button btn btn_lg btn_link" type="submit"><i class="icon-search icon-1-5x"></i></button> </form> </div> <div class="masthead_top-cart"> <a id="top-cart" data-target="#topCartContent" data-toggle="collapse" rel="nofollow" href="https://www.harveynorman.com.au/checkout/cart/" class="btn btn_lg btn_success" title="My Cart"><i class="icon-shopping-cart"></i> </a> <script> var hn_cartotals = 0; </script> </div> </div> </div> </div> </div> </header> <!-- end HEADER --> <!-- TOP MENU --> <div id="navmegaWrapper" class="navmega_wrapper"> <div class="container"> <!-- navmega inner --> <!-- header navigation --> <div class="navmega"> <!-- Category dropdown / mega menu --> <div id="nav" class="_product row collapse"> <!-- load magento category menu - top level only --> <div class="col-md-3"> <ul class="_list _top-level nav nav_list"> <li class="level-top type-1 level-top level0" role="menuitem"> <a class="_btn _btn-deals p_txt-special" href="/hot-deals/" data-catid="deals"><i class="icon-tags p_txt-special"></i> Hot Deals!</a> </li> <li class="nav-computers & tablets level-top type-1 level-top level0"> <a title="Computers & Tablets" href="http://www.harveynorman.com.au/computers-tablets" data-catid="74">Computers & Tablets</a> </li> <li class="nav-phones, accessories & gps level-top type-1 level-top level0"> <a title="Phones, Accessories & GPS" href="http://www.harveynorman.com.au/phones-accessories-gps" data-catid="129">Phones, Accessories & GPS</a> </li> <li class="nav-cameras, printers & photocentre level-top type-1 level-top level0"> <a title="Cameras, Printers & PhotoCentre" href="http://www.harveynorman.com.au/cameras-printers-photocentre" data-catid="5678">Cameras, Printers & PhotoCentre</a> </li> <li class="nav-games & gaming consoles level-top type-1 level-top level0"> <a title="Games & Gaming Consoles" href="http://www.harveynorman.com.au/games-gaming-consoles" data-catid="115">Games & Gaming Consoles</a> </li> <li class="nav-tv, blu-ray & home theatre level-top type-1 level-top level0"> <a title="TV, Blu-ray & Home Theatre" href="http://www.harveynorman.com.au/tv-blu-ray-home-theatre" data-catid="75">TV, Blu-ray & Home Theatre</a> </li> <li class="nav-headphones, audio & music level-top type-1 level-top level0"> <a title="Headphones, Audio & Music" href="http://www.harveynorman.com.au/headphones-audio-music" data-catid="125">Headphones, Audio & Music</a> </li> <li class="_divider" role="presentation"></li> <li class="nav-kitchen appliances level-top type-1 level-top level0"> <a title="Kitchen Appliances" href="http://www.harveynorman.com.au/kitchen-appliances" data-catid="77">Kitchen Appliances</a> </li> <li class="nav-vacuum & laundry appliances level-top type-1 level-top level0"> <a title="Vacuum & Laundry Appliances" href="http://www.harveynorman.com.au/vacuum-laundry-appliances" data-catid="144">Vacuum & Laundry Appliances</a> </li> <li class="nav-heating, cooling & air treatment level-top type-1 level-top level0"> <a title="Heating, Cooling & Air Treatment" href="http://www.harveynorman.com.au/heating-cooling-air-treatment" data-catid="149">Heating, Cooling & Air Treatment</a> </li> <li class="_divider" role="presentation"></li> <li class="nav-hair & body care level-top type-1 level-top level0"> <a title="Hair & Body Care" href="http://www.harveynorman.com.au/hair-body-care" data-catid="155">Hair & Body Care</a> </li> <li class="nav-connected fitness & health level-top type-1 level-top level0"> <a title="Connected Fitness & Health" href="http://www.harveynorman.com.au/connected-fitness-health" data-catid="1341">Connected Fitness & Health</a> </li> <li class="_divider" role="presentation"></li> <li class="nav-furniture, outdoor & bbqs level-top type-1 level-top level0"> <a title="Furniture, Outdoor & BBQs" href="http://www.harveynorman.com.au/furniture-outdoor-bbqs" data-catid="78">Furniture, Outdoor & BBQs</a> </li> <li class="nav-beds & manchester level-top type-1 level-top level0"> <a title="Beds & Manchester" href="http://www.harveynorman.com.au/beds-manchester" data-catid="3481">Beds & Manchester</a> </li> <li class="nav-bathroom, tiles & renovations level-top type-1 level-top level0"> <a title="Bathroom, Tiles & Renovations" href="http://www.harveynorman.com.au/bathroom-tiles-renovations" data-catid="223">Bathroom, Tiles & Renovations</a> </li> <li class="nav-carpet, flooring & rugs level-top type-1 level-top level0"> <a title="Carpet, Flooring & Rugs" href="http://www.harveynorman.com.au/carpet-flooring-rugs" data-catid="5301">Carpet, Flooring & Rugs</a> </li> <li class="_divider" role="presentation"></li> <li class="nav-toys, kids & baby level-top type-1 level-top level0"> <a title="Toys, Kids & Baby" href="http://www.harveynorman.com.au/toys-kids-baby" data-catid="5298">Toys, Kids & Baby</a> </li> <li class="nav-sports, camping & pets level-top type-1 level-top level0"> <a title="Sports, Camping & Pets" href="http://www.harveynorman.com.au/sports-camping-pets" data-catid="5300">Sports, Camping & Pets</a> </li> </ul> </div> <!-- (JSON) Mega menu --> <div class="_mega col-md-9"> <div class="_content"><!-- Content to be populated by JSON --></div> <!-- <a href="#" class="btn btn_primary close_mega" style="position: absolute; left: 50%; bottom: 0;">Close <i class="icon-angle-up"></i></a> --> </div> <!-- ./ (JSON) Mega menu --> </div> <!-- ./ #nav --> <!-- ./ Category dropdown --> <div id="personal-lists" class=""> <div id="listContainer" class=""> <div class="lists unstyled"> <div id="wishlist" class="collapse"> <p class="empty">You need an <a href="https://www.harveynorman.com.au/customer/account/">account</a> to use your WishList. Your Wish List is automatically saved to your account when you're <a href="https://www.harveynorman.com.au/customer/account/">logged in</a>.</p> <p class="hn-fb-login fb-btn-sml"> <a href="http://www.harveynorman.com.au/facebook/api/signin?opener_=http://www.harveynorman.com.au/computers-tablets/computers/laptops/microsoft-surface-pro-4-i5-256gb-12-3-tablet.html/" rel="nofollow" class="fb-button fb-signin btn"><i class="icon-facebook-sign txt_brand"></i> Sign in with Facebook</a> </p> </div> <div id="compare" class="collapse"></div> </div> </div> </div> </div> <!-- ./ navmega --> </div> <!-- TOP CONTAINER --> </div> <!-- end TOP MENU --> <!-- BREADCRUMBS --> <div class="breadcrumb_container"> <div class="container"> <ul id="breadcrumbs" class="breadcrumb breadcrumb_ui"> <li class="back_btn"> <button class="btn btn_sm" onclick="history.go(-1);"><i class="icon-chevron-sign-left"></i> Back</button> </li> <li><a href="http://www.harveynorman.com.au/" title="Harvey Norman Home"><i class="icon-home"></i> Home</a></li> <li><span class="divider"><i class="icon-angle-right"></i></span></li> <li><a href="http://www.harveynorman.com.au/computers-tablets" title="Harvey Norman Computers &amp; Tablets">Computers &amp; Tablets</a></li> <li><span class="divider"><i class="icon-angle-right"></i></span></li> <li><a href="http://www.harveynorman.com.au/computers-tablets/computers/laptops" title="Harvey Norman Laptops">Laptops</a></li> <li><span class="divider"><i class="icon-angle-right"></i></span></li> <li class="active last">Microsoft Surface Pro 4 i5 256GB 12.3&quot; Tablet</li> </ul> </div> </div> <!-- end BREADCRUMBS --> <!-- MAIN --> <div id="main" class="container"> <!-- HEADING AND DESCRIPTION --> <!-- PAGE --> <div id="page" class="row"> <!-- CONTENT --> <div id="content" class="col-xs-12"> <script type="text/javascript"> var optionsPrice = new Product.OptionsPrice({"productId":"239738","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":"","groupLength":3,"integerRequired":1,"currencySymbol":"$"},"includeTax":"true","showIncludeTax":true,"showBothPrices":false,"productPrice":1999,"productOldPrice":1999,"priceInclTax":1999,"priceExclTax":1999,"skipCalculate":1,"defaultTax":10,"currentTax":10,"idSuffix":"_clone","oldPlusDisposition":0,"plusDisposition":0,"plusDispositionTax":0,"oldMinusDisposition":0,"minusDisposition":0,"tierPrices":[],"tierPricesInclTax":[],"cashbackPrice":null,"cashbackAmount":null,"chooseText":"Select an Option","priceFromLabel":"STARTING FROM:"});
</script> <div id="product-view-container" class="hproduct cfx" data-pid="239738"> <div class="page-header page-header_small" id="overview"> <h1 class="name fn l_mgn-tb-0 page-heading product-name-with-option"> <span class="product-name">Microsoft Surface Pro 4 i5 256GB 12.3&quot; Tablet</span> <span class="product-care-option-text"></span> </h1> <small class="product-id meta quiet p_txt-sm">CR3-00006</small> <small class="product-id meta quiet p_txt-sm">889842014433</small> </div> <div class="row"> <div class="col-xs-12 col-sm-7 col-md-8 l_mgn-b-md"> <div> <script type="text/javascript" src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script> <div id="media"> <div class="carousel slide" id="promoCarousel" data-interval="false"> <div class="carousel-inner"> <div class="hn-carousel__item--image item active"> <div class="hn-carousel-embed-container"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/image/992x558/9df78eab33525d08d6e5fb8d27136e95/1/_/1_37_243_1_1386.jpg"> </div> </div> <div class="hn-carousel__item--image item"> <div class="hn-carousel-embed-container"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/image/992x558/9df78eab33525d08d6e5fb8d27136e95/2/x/2x_2_1.png"> </div> </div> <div class="hn-carousel__item--image item"> <div class="hn-carousel-embed-container"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/image/992x558/9df78eab33525d08d6e5fb8d27136e95/2/x/2x_1_1.png"> </div> </div> </div> </div> <div class="pagination pagination_thumbs pagination_centered"> <ul> <li> <a href="#" data-slide-to="0" data-target="#promoCarousel" title="" class="l_mgn-b-sm hn-carousel__pagination__link--image"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/thumbnail/60x/9df78eab33525d08d6e5fb8d27136e95/1/_/1_37_243_1_1386.jpg" width="60" height="60" alt="" /> </a> </li> <li> <a href="#" data-slide-to="1" data-target="#promoCarousel" title="" class="l_mgn-b-sm hn-carousel__pagination__link--image"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/thumbnail/60x/9df78eab33525d08d6e5fb8d27136e95/2/x/2x_2_1.png" width="60" height="60" alt="" /> </a> </li> <li> <a href="#" data-slide-to="2" data-target="#promoCarousel" title="" class="l_mgn-b-sm hn-carousel__pagination__link--image"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/thumbnail/60x/9df78eab33525d08d6e5fb8d27136e95/2/x/2x_1_1.png" width="60" height="60" alt="" /> </a> </li> </ul> </div> </div> </div> <style>
#BVRRSummaryContainer .bv-stars-container { float: left !important; }
</style> <div class="row"> <div class="stackla-widget" data-id="12316" data-hash="5803fafe57494" data-ct="" data-title="Harvey Norman - Surface" data-alias="stevebirchall.stackla.com" data-ttl="30" style="width: 100%; overflow: hidden;"></div>
<script type="text/javascript"> (function (d, id) { if (d.getElementById(id)) return; var t = d.createElement('script'); t.type = 'text/javascript'; t.src = '//assetscdn.stackla.com/media/js/widget/fluid-embed.js'; t.id = id; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(t); }(document, 'stackla-widget-js'));
</script> </div> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-12 col-sm-5 col-md-4"> <div class="product-view-sales"> <!-- .package-builder-container --> <div class="package-builder-container"> <!-- .panel --> <div class="panel package-builder clearfix"> <!-- .panel-heading --> <div class="panel-heading clearfix"> <p class="heading pull-left"><i class="icon-shopping-cart"></i>&nbsp;Item Added to Cart</p> <button class="btn btn_sm pull-right package-builder-button-back"> <i class="icon-chevron-sign-left"> <span class="visible-phone">&nbsp;Back</span> <span class="hidden-phone">&nbsp;Close</span> </i> </button> </div> <!-- /.panel-heading --> <!-- .panel-body --> <div class="panel-body"> <!-- .panel --> <div class="panel panel-alt package-builder-product-summary clearfix"> <!-- .panel-heading --> <div class="panel-heading clearfix"> <div class="display-table"> <div class="display-table-cell"> <!-- .package-builder-product-thumbnail --> <div class="package-builder-product-thumbnail"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/thumbnail/75x75/9df78eab33525d08d6e5fb8d27136e95/1/_/1_37_243_1_1386.jpg" alt="Microsoft Surface Pro 4 i5 256GB 12.3" Tablet" /> </div> <!-- /.package-builder-product-thumbnail --> </div> <div class="display-table-cell"> <p class="package-builder-product-description">Loading Description..</p> </div> </div> </div> <!-- /.panel-heading --> <!-- .panel-footer --> <div class="panel-footer clearfix"> <!-- .price-device --> <div class="price-device"> <span class="regular-price"> <span class="price package-builder-product-price">Loading Price..</span> </span> </div> <!-- /.price-device --> <a href="https://www.harveynorman.com.au/checkout/cart/" class="btn btn_block btn_sm btn_success btn_view-cart"> <i class="icon-shopping-cart"></i>&nbsp; <span>View Cart</span> </a> </div> <!-- /.panel-footer --> </div> <!-- /.panel --> <!-- .panel --> <div class="panel panel-bare"> <!-- .panel-heading --> <div class="panel-heading"> <p class="package-builder-heading">Get everything you need in one go</p> </div> <!-- /.panel-heading --> <!-- .panel-body --> <div class="panel-body"> <!-- .package-builder-groups --> <div class="package-builder-groups"> <!-- .package-builder-loading --> <div class="package-builder-loading-container"> <div class="package-builder-loading"> <img src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/hnui/images/ajax-loader.gif" alt="Loading Packages"> <span>Loading Packages..</span> </div> </div> <!-- /.package-builder-groups-loading --> </div> <!-- /.package-builder-groups--> </div> <!-- /.panel-body --> </div> <!-- /.panel --> </div> <!-- /.panel-body --> <!-- .panel-footer --> <div class="panel-footer"> <!-- .panel --> <div class="panel panel-alt package-builder-live-chat"> <!-- .panel-body --> <div class="panel-body clearfix"> <p class="text_livechat">Looking for a personalised deal? Chat with us now</p> <button title="Live Chat" class="btn btn_livechat"> <i class="icon-comments"></i>&nbsp; <span>Chat Now</span> </button> </div> <!-- /.panel-body --> <!-- .panel-body --> <div class="panel-footer clearfix"> <a href="https://www.harveynorman.com.au/checkout/cart/" class="btn btn_block btn_sm btn_success btn_view-cart"> <i class="icon-shopping-cart"></i>&nbsp; <span>View Cart</span> </a> </div> <!-- /.panel-body --> </div> <!-- /.panel --> </div> <!-- /.panel-footer --> </div> <!-- /.panel --> </div> <!-- /.package-builder-container --> <form class="catalog_product_view_addtocart_form" id="product_addtocart_form" action="https://www.harveynorman.com.au/checkout/cart/add/uenc/aHR0cDovL3d3dy5oYXJ2ZXlub3JtYW4uY29tLmF1L21pY3Jvc29mdC1zdXJmYWNlLXByby00LWk1LTI1NmdiLTEyLTMtdGFibGV0Lmh0bWw,/product/239738/" method="post" enctype="multipart/form-data"> <div id="campaign_product_tile" class="l_mgn-b-sm"> <div class="a-center"> <!-- tile --> <div id="hnau-tile" class="advert advert_dfp advert_tile" style="display:none" > <script type='text/javascript'>	googletag.cmd.push(function() {	window.dfp_display_hnau_tile = googletag.display('hnau-tile');	});	</script> </div> </div> </div> <div class="well well_small"> <div id="product-view-price" data-price="1999"> <div class="cfx l_mgn-tb-sm"> <input type="hidden" name="product" value="239738"/> <input type="hidden" name="related_product" id="related-products-field" value=""/> <div class="price-device price-device_lg" data-pid="price-device-239738"> <script> var displayPrice = "$1999"; </script> <div class="special-price pull-left"> <span class="special"> <span class="price-label">Special Price:</span> <span class="price" data-pid="product-price-239738" id="product-price-239738"><span>$</span>1999</span> </span> </div> </div> </div> <span class="nd currency">AUD</span> <div class="cfx"> <div class="options-container-big item-options"> <fieldset class="product-options" id="product-options-wrapper"> <script type="text/javascript"> //<![CDATA[ var optionFileUpload = { productForm : $('product_addtocart_form'), formAction : '', formElements : {}, upload : function(element){ this.formElements = this.productForm.getElementsBySelector('input', 'select', 'textarea', 'button'); this.removeRequire(element.readAttribute('id').sub('option_', '')); template = '<iframe id="upload_target" name="upload_target" style="width:0; height:0; border:0;"><\/iframe>'; Element.insert($('option_'+element.readAttribute('id').sub('option_', '')+'_uploaded_file'), {after: template}); this.formAction = this.productForm.action; this.productForm.action = 'http://www.harveynorman.com.au/catalog/product/upload/option_id/'+element.readAttribute('id').sub('option_', ''); this.productForm.target = 'upload_target'; this.productForm.submit(); this.productForm.target = ''; this.productForm.action = this.formAction; }, removeRequire : function(skipElementId){ for(var i=0; i<this.formElements.length; i++){ if (this.formElements[i].readAttribute('id') != 'option_'+skipElementId+'_file' && this.formElements[i].type != 'button') { this.formElements[i].disabled='disabled'; } } }, addRequire : function(skipElementId){ for(var i=0; i<this.formElements.length; i++){ if (this.formElements[i].readAttribute('name') != 'options_'+skipElementId+'_file' && this.formElements[i].type != 'button') { this.formElements[i].disabled=''; } } }, uploadCallback : function(data){ this.addRequire(data.optionId); $('upload_target').remove(); if (data.error) { } else { $('option_'+data.optionId+'_uploaded_file').value = data.fileName; $('option_'+data.optionId+'_file').value = ''; $('option_'+data.optionId+'_file').hide(); $('option_'+data.optionId+'').hide(); template = '<div id="option_'+data.optionId+'_file_box"><a href="#"><img src="var/options/'+data.fileName+'"><\/a><a href="#" onclick="optionFileUpload.removeFile('+data.optionId+')">Remove file<\/a>'; Element.insert($('option_'+data.optionId+'_uploaded_file'), {after: template}); } }, removeFile : function(optionId) { $('option_'+optionId+'_uploaded_file').value= ''; $('option_'+optionId+'_file').show(); $('option_'+optionId+'').show(); $('option_'+optionId+'_file_box').remove(); } } var optionTextCounter = { count : function(field,cntfield,maxlimit){ if (field.value.length > maxlimit){ field.value = field.value.substring(0, maxlimit); } else { cntfield.innerHTML = maxlimit - field.value.length; } } } Product.Options = Class.create(); Product.Options.prototype = { initialize : function(config){ this.config = config; this.reloadPrice(); }, reloadPrice : function(){ price = new Number(); config = this.config; skipIds = []; $$('.product-custom-option').each(function(element){ var optionId = 0; element.name.sub(/[0-9]+/, function(match){ optionId = match[0]; }); if (this.config[optionId]) { if (element.type == 'checkbox' || element.type == 'radio') { if (element.checked) { if (config[optionId][element.getValue()]) { price += parseFloat(config[optionId][element.getValue()]); } } } else if(element.hasClassName('datetime-picker') && !skipIds.include(optionId)) { dateSelected = true; $$('.product-custom-option[id^="options_' + optionId + '"]').each(function(dt){ if (dt.getValue() == '') { dateSelected = false; } }); if (dateSelected) { price += parseFloat(this.config[optionId]); skipIds[optionId] = optionId; } } else if(element.type == 'select-one' || element.type == 'select-multiple') { if (element.options) { $A(element.options).each(function(selectOption){ if (selectOption.selected) { if (this.config[optionId][selectOption.value]) { price += parseFloat(this.config[optionId][selectOption.value].price); } } }); } } else { if (element.getValue().strip() != '') { price += parseFloat(this.config[optionId]); } } } }); try { optionsPrice.changePrice('options', price); optionsPrice.reload(); } catch (e) { } } } function validateOptionsCallback(elmId, result){ var container = $(elmId).up('ul.options-list'); if (result == 'failed') { container.removeClassName('validation-passed'); container.addClassName('validation-failed'); } else { container.removeClassName('validation-failed'); container.addClassName('validation-passed'); } } var opConfig = new Product.Options({"999999900":{"2000000197~12~279.0000":{"price":279,"oldPrice":279,"priceValue":"279.0000","type":"fixed","excludeTax":253.6364,"includeTax":279},"2000000198~24~549.0000":{"price":549,"oldPrice":549,"priceValue":"549.0000","type":"fixed","excludeTax":499.0909,"includeTax":549},"2000000199~36~749.0000":{"price":749,"oldPrice":749,"priceValue":"749.0000","type":"fixed","excludeTax":680.9091,"includeTax":749}}}); //]]> </script> <dl class="form-group"> <div class="product-care-container"> <div id="product-care-option" class="well well_small well_inverse product-care l_mgn-b-sm"> <div class="media"> <a class="product-care-img" href="#"> <img class="media-object" data-src="holder.js/42x43" alt="Product Care" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/product-care/product-care-sml.png" style="width: 42px; height: 43px;"> </a> <div class="media-body"> <dt> <label for="select_999999900">Want Product Care<sup>&reg;</sup>?</label> <a class="learn-more modal-normal" data-modal-lg="true" title="Learn more about Product Care&reg;" href="http://www.harveynorman.com.au/more-info/product-care-computers/">Learn more</a></dt> <dd class="last cfx"> <div class="input-box"> <select name="options[999999900]" id="select_999999900" class=" product-custom-option form-control input-sm" title="" onchange="opConfig.reloadPrice()"> <option value="" >No thanks</option> <option value="2000000197~12~279.0000" price="279" >1 year Product Care </option> <option value="2000000198~24~549.0000" price="549" >2 years Product Care </option> <option value="2000000199~36~749.0000" price="749" >3 years Product Care </option> </select> </div> </dd> </div> <!-- /.media-body --> </div> <!-- /.media --> </div> <!-- /#product-care --> </div> <!-- /.product-care-container --> </dl> <span style="display:none;" class="scp-please-wait"><img src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/base/default/images/scp-ajax-loader.gif" class="v-middle" alt="" /> &nbsp; Loading... &nbsp;</span> </fieldset> </div> <div class="primary-ctas"> <div class="call-to-actions"> <div class="add-to-cart"></div> <button id="btn-add-to-cart" name="submit" type="submit" class="primary-call-to-action btn btn-cart btn_block btn_lg btn_success" title="Add Microsoft Surface Pro 4 i5 256GB 12.3&quot; Tablet to cart" data-packages-available="true" data-pid="239738" data-tracking="add_to_cart"> <span>Add to cart</span> </button> </div> </div> <div class="hnau-cvps cvps-prod"> <div class="zblock zblock-"> <ul> <li><a href="/cvps-modal/" class="modal-normal">Free store pick up</a></li> <li><a href="/cvps-modal/" class="modal-normal">Over 170 stores</a></li> <li><a href="/cvps-modal/" class="modal-normal">Shop with confidence</a></li> </ul> </div> </div> <span class="availability-msg"></span> </div> <div class="cfx"> </div> <ul class="nav nav_pills l_mgn-b-0"> <li><a rel="nofollow" href="http://www.harveynorman.com.au/catalog/product_compare/add/product/239738/uenc/aHR0cDovL3d3dy5oYXJ2ZXlub3JtYW4uY29tLmF1L2NvbXB1dGVycy10YWJsZXRzL2NvbXB1dGVycy9sYXB0b3BzL21pY3Jvc29mdC1zdXJmYWNlLXByby00LWk1LTI1NmdiLTEyLTMtdGFibGV0Lmh0bWw,/" class="icn icn-compare" ><i class="icon-check-empty p_icon-link-secondary"></i> Compare</a></li> <li><a rel="nofollow" href="https://www.harveynorman.com.au/wishlist/index/add/product/239738/" class="icn icn-wishlist"><i class="icon-check-empty p_icon-link-secondary"></i> Wishlist</a></li> </ul> </div> </div> </form> </div> </div> <div class="col-xs-12 col-sm-5 col-md-4 pull-right"> <div id="interest-free-banner-container"> <div id="interest-free" class="well well_small cfx" data-geid="0250"> <div class="media"> <div class="ge-i"><a href="/applybuy/apply/modal/" class="modal-normal call-to-action" data-geid="0250" title="0% Interest Payment Plans - How it Works" data-modal-extra=""> <div class="ge-text">Available on 50 Interest Free payments of:</div> </a> <div class="ge-tbl"><a href="/applybuy/apply/modal/" class="modal-normal call-to-action" data-geid="0250" title="0% Interest Payment Plans - How it Works" data-modal-extra=""> <div class="cell"><img src="https://doxz7msmg7sxx.cloudfront.net/media/sales/ge_applybuy/default/PP-Eligible-Banner.png" alt="0% Interest Payment Plans" /></div> <div class="cell ge-calc"><span class="xlarge"><span>$</span>44.93</span> per month</div> </a></div> <div class="small"><a href="/applybuy/apply/terms/id/167" class="call-to-action modal-normal" title="0% Interest Payment Plans - Terms and Conditions for offer 0250">Total estimated price <span>$</span>2246.50 (Incl $4.95 monthly fee. Add a $25 establishment fee for new GO MasterCard customers). Interest applies if you do not comply with <span class="tandcs">Terms & Conditions</span>.</a></div> <div class="ge-more"><a href="/applybuy/apply/modal/" class="modal-normal call-to-action" data-geid="0250" title="0% Interest Payment Plans - How it Works" data-modal-extra="">How it works</a></div> </div> </div> </div> </div> <div id="fulfilment-device"> <ul class="nav nav_tabs tab nav_tabs-inverse cfx"> <li data-bind="click: selectedTab.bind($data, 'pickup')" class="cnr-top tab-pickup active available"><a href="#mylocationPickup" data-toggle="tab" class="cnr-top "><i class="icon-1-5x icon-home text-success"></i><span class="strong">Check store stock</span></a></li> <li data-bind="click: selectedTab.bind($data, 'delivery')" class="cnr-top tab-delivery available"><a href="#mylocationDelivery" data-toggle="tab" class="cnr-top "><i class="icon-1-5x icon-truck text-success"></i><span class="strong">Delivery</span></a></li> </ul> <div class="tab-content tab-content-bdr l_mgn-b-md"> <div id="mylocationPickup" class="tab-pane tab-content-pickup fade in active"> <p data-bind="css: { hidden: true }"><i class="icon-loader icon-spinner icon-spin"></i> Loading...</p> <div class="hidden" data-bind="css: { hidden: false }"> <div class="row l_mgn-b-sm" data-bind="visible:productSelected() && !pickupError() && !ajaxError()"> <div class="col-xs-12"> <p class="l_mgn-b-0"> Stores near <span data-bind="if: !locationDisplay()">you</span> <span data-bind="visible: locationDisplay && !locationFormIsVisible(), toggle: locationFormIsVisible, click: focusOnPickupInput"> <a href="#">(change)</a> </span>: </p> </div> </div> <div class="my-location-pickup" data-bind="visible:productSelected() && !pickupError() && !ajaxError()"> <form class="form-group my-location-input dropdown" data-bind="css : { 'hidden' : !locationFormIsVisible() }"> <label for="location" class="hidden">Enter suburb to check store stock</label> <p> <a href="#" class="topright" style="z-index:5" data-bind="visible: locationFormIsVisible(), toggle: locationFormIsVisible, click: locationSuggestCancel" title="Cancel"><i class="icon-remove icon-1-5x"></i></a> <div class="scrollable-dropdown-menu"> <input id="pickup-location-input" name="my-location-input" type="text" title="Enter suburb to check store stock" placeholder="Enter suburb to check store stock" class="form-control my-location-input input-text input-xlarge" value="" maxlength="255" autocomplete="false" autocorrect="off" autocapitalize="off" spellcheck="false" data-suggest="locations"> </div> </p> <ul class="typeahead-loader dropdown_menu a-center" style="top:35px;z-index:0"> <li><i class="icon-loader icon-spinner icon-spin"></i> Loading...please wait</li> </ul> <p data-bind="visible: locationInputHasError()" class="a-center alert alert_block alert_error"> <span data-bind="text: locationFormErrorMsg()">Please enter a valid suburb.</span> </p> </form> </div> <div class="my-location-pickup"> <!-- request button --> <div data-bind="visible: fulfilmentManualRequest() && locationDisplay() && productSelected() && !fulfilmentLoading() && !locationFormIsVisible()"> <p><a class="btn btn_block btn_primary btn_sm" data-bind="click:pickupRequestData">Check store stock</a></p> </div> <!-- loading and errors --> <p data-bind="visible: !productSelected()" class="a-center alert">Please select a product option to continue.</p> <p data-bind="visible: fulfilmentLoading() && !locationFormIsVisible()" class="a-center"> <i class="icon-loader icon-spinner icon-spin"></i> </p> <p class="a-center alert alert_error alert_block" data-bind="visible: pickupError(), text:pickupError()"></p> <p class="a-center alert alert_error alert_block" data-bind="visible: ajaxError() ">Stock availability is unavailable at this time. Please contact your local store or try again later.</p> <!-- results --> <div data-bind="visible: productSelected() && !locationFormIsVisible() && !fulfilmentLoading() && pickupStoresLoaded()"> <hr class="l_mgn-tb-sm" data-bind="visible: pickupStoreNearest()"> <ul class="unstyled"> <li class="closest-store" data-bind="if: pickupStoreNearest()"> <div class="row"> <a href="#" class="" data-target=".store-details-nearest" data-toggle="collapse"> <span class="reveal_listed col-xs-7 p_txt_bold store-name" data-bind="text: pickupStoreNearest().store_name"></span> <span class="col-xs-5 p_txt_bold a-right" data-bind="text: pickupStoreNearest().stock_msg, css:{ 'text-error' : !pickupStoreNearest().stock_msg_type, 'text-success' : pickupStoreNearest().stock_msg_type}"></span> </a> <address class="store-details-nearest collapse in l_mgn-tb-sm"> <div class="col-xs-6 col-sm-5 col-md-5"> <p class="p_txt-sm"> <span class="block" data-bind="if: !touchDevice"> <i class="icon-phone"></i> </span> </p> <p> <a title="Phone" data-bind="if: touchDevice, css: { 'btn btn_sm' : touchDevice }, attr: { href: pickupStoreNearest().store_phone_number_url }"> <i class="icon-phone"></i> </a> </p> <p> <a class="btn btn_sm" data-bind="attr: { href: pickupStoreNearest().store_google_maps_url }" target="_blank"> <i class="icon-road"></i> Map </a> </p> </div> <div class="col-xs-6 col-sm-7 col-md-7 p_txt-sm"> <div class="f-right store-trading-hours" data-bind="html: pickupStoreNearest().store_trading_hours"></div> </div> <div class="clearfix"></div> <div class="col-xs-12"> <div data-bind="if: pickupStoreNearest().is_pos && pickupStoreNearest().stock_can_reserve"> <a href="#" class="btn btn_sm btn_primary btn_block js_init-reserve l_mgn-t-sm call-to-action" data-tracking="Reserve stock form: product page" data-bind='attr: { "data-sid": pickupStoreNearest().store_id }'> Quick reserve </a> <p class="a-center">Reserve this product with Harvey Norman Online.</p> </div> <hr class="l_mgn-b-sm"/> </div> </address> </div> </li> <li class="closest-store" data-bind="if: pickupStoreNearestSecond()"> <div class="row"> <a href="#" class="" data-target=".store-details-nearest-second" data-toggle="collapse"> <span class="reveal_listed col-xs-7 p_txt_bold store-name" data-bind="text: pickupStoreNearestSecond().store_name"></span> <span class="col-xs-5 p_txt_bold a-right" data-bind="text: pickupStoreNearestSecond().stock_msg, css:{ 'text-error' : !pickupStoreNearestSecond().stock_msg_type, 'text-success' : pickupStoreNearestSecond().stock_msg_type}"></span> </a> <address class="store-details-nearest-second collapse in l_mgn-tb-sm" id="temp-store-details-nearest-second"> <div class="col-xs-6 col-sm-5 col-md-5"> <p class="p_txt-sm"> <span class="block" data-bind="if: !touchDevice"> <i class="icon-phone"></i> </span> </p> <p> <a title="Phone" data-bind="if: touchDevice, css: { 'btn btn_sm' : touchDevice }, attr: { href: pickupStoreNearestSecond().store_phone_number_url }"> <i class="icon-phone"></i> </a> </p> <p> <a class="btn btn_sm" data-bind="attr: { href: pickupStoreNearestSecond().store_google_maps_url }" target="_blank"> <i class="icon-road"></i> Map </a> </p> </div> <div class="col-xs-6 col-sm-7 col-md-7 p_txt-sm"> <div class="f-right store-trading-hours" data-bind="html: pickupStoreNearestSecond().store_trading_hours"></div> </div> <div class="clearfix"></div> <div class="col-xs-12"> <div data-bind="if: pickupStoreNearestSecond().is_pos && pickupStoreNearestSecond().stock_can_reserve"> <a href="#" class="btn btn_sm btn_primary btn_block js_init-reserve l_mgn-t-sm call-to-action" data-tracking="Reserve stock form: product page" data-bind='attr: { "data-sid": pickupStoreNearestSecond().store_id }'> Quick reserve </a> <p class="a-center">Reserve this product with Harvey Norman Online.</p> </div> <hr class="l_mgn-b-sm"/> </div> </address> </div> </li> <li class="nearest-with-stock l_mgn-t-sm" data-bind="visible: pickupStoreNearestWithStock() && !pickupStoreNearest().in_stock"> <p><span class="l_mgn-tb-0">Nearest with stock</span></p> <div class="row"> <a href="#" class="collapsed" data-target=".store-details-nearest-with-stock" data-toggle="collapse"> <span class="reveal_listed col-xs-7 p_txt_bold store-name" data-bind="text: pickupStoreNearestWithStock().store_name"></span> <span class="col-xs-5 p_txt_bold a-right" data-bind="text: pickupStoreNearestWithStock().stock_msg, css:{ 'text-error' : !pickupStoreNearestWithStock().stock_msg_type, 'text-success' : pickupStoreNearestWithStock().stock_msg_type}"></span> </a> <address class="collapse store-details-nearest-with-stock l_mgn-tb-sm"> <div class="col-xs-6 col-sm-5 col-md-5"> <p class="p_txt-sm"> <span class="block" data-bind="if: !touchDevice"> <i class="icon-phone"></i> </span> </p> <p data-bind="if: touchDevice"> <a title="Phone" data-bind="attr: { href: pickupStoreNearestWithStock().store_phone_number_url }, css: { 'btn btn_sm' : touchDevice }"> <i class="icon-phone"></i> </a> </p> <p> <a class="btn btn_sm" data-bind="attr: { href: pickupStoreNearestWithStock().store_google_maps_url }" target="_blank"> <i class="icon-road"></i>Map </a> </p> </div> <div class="col-xs-6 col-sm-7 col-md-7 p_txt-sm"> <div class="f-right store-trading-hours" data-bind="html: pickupStoreNearestWithStock().store_trading_hours"></div> </div> <div class="clearfix"></div> <div class="col-xs-12"> <div data-bind="if: pickupStoreNearestWithStock().is_pos && pickupStoreNearestWithStock().stock_can_reserve"> <a href="#" class="btn btn_sm btn_primary btn_block js_init-reserve l_mgn-t-sm call-to-action" data-tracking="Reserve stock form: product page" data-bind='attr: { "data-sid": pickupStoreNearestWithStock().store_id }'> Quick reserve </a> <p class="a-center">Reserve this product with Harvey Norman Online.</p> </div> <hr class="l_mgn-b-sm"/> </div> </address> </div> </li> <li class="l_mgn-t-sm a-center" data-bind="visible: pickupMoreStores().length && !pickupShowMoreStores()"> <a class="show-more-stores reveal reveal_txt collapsed" data-bind="toggle: pickupShowMoreStores">Show more stores</a> <hr class="l_mgn-tb-sm"/> </li> <li id="more-stores-results" data-bind="visible: pickupMoreStores().length && pickupShowMoreStores()" class="more-stores-results"> <ul class="unstyled"> <li class="more-store row l_mgn-b-sm" data-bind="foreach: pickupMoreStores()"> <a href="#" class="collapsed" data-bind="attr: { 'data-target': '.more-stores-details_' + store_id }" data-toggle="collapse"> <span class="reveal_listed col-xs-7 p_txt_bold store-name" data-bind="text: store_name"></span> <span class="col-xs-5 p_txt_bold a-right" data-bind="text: stock_msg, css:{ 'text-error' : !stock_msg_type, 'text-success' : stock_msg_type}"></span> </a> <address data-bind="attr: { class: 'collapse more-stores-details_' + store_id + ' l_mgn-tb-sm'}"> <div class="col-xs-6 col-sm-5 col-md-5"> <p class="p_txt-sm"> <span data-bind="if: !$parent.touchDevice" class="block"> <i class="icon-phone"></i> </span> </p> <p> <a data-bind="if: $parent.touchDevice, attr: { href: store_phone_number_url }, css: { 'btn btn_sm' : $parent.touchDevice }" title="Phone"> <i class="icon-phone"></i> </a> </p> <p> <a class="btn btn_sm" data-bind="attr: { href: store_google_maps_url }" target="_blank"> <i class="icon-road"></i>Map </a> </p> </div> <div class="col-xs-6 col-sm-7 col-md-7 p_txt-sm"> <div class="f-right store-trading-hours" data-bind="html: store_trading_hours"></div> </div> <div class="clearfix"></div> <div class="col-xs-12"> <div data-bind="if: is_pos && stock_can_reserve"> <a href="#" class="btn btn_sm btn_primary btn_block js_init-reserve l_mgn-t-sm call-to-action" data-tracking="Reserve stock form: product page" data-bind='attr: { "data-sid": store_id }'> Quick reserve </a> <p class="a-center">Reserve this product with Harvey Norman Online.</p> </div> <hr class="l_mgn-b-sm"/> </div> </address> </li> <li class="a-center"> <a class="hide-more-stores reveal reveal_txt" data-bind="toggle:pickupShowMoreStores">Hide more stores</a> <hr class="l_mgn-tb-sm"/> </li> </ul> </li> </ul> </div> </div> </div> <p class="l_mgn-t-sm"><a href="/more-info/pickup/" class="modal-normal"><i class="icon-info-sign"></i>Learn how free store pick up works</a></p> <p class="l_mgn-t-sm"><a href="/more-info/reservations/" class="modal-normal"><i class="icon-info-sign"></i>Learn about quick reservations</a></p> </div> <div id="mylocationDelivery" class="tab-pane tab-content-delivery fade "> <p data-bind="css: { hidden: true }"><i class="icon-loader icon-spinner icon-spin"></i> Loading...</p> <div class="hidden" data-bind="css: { hidden: false }"> <div class="row l_mgn-b-sm" data-bind="visible:productSelected() && !deliveryError() && !ajaxError()"> <div class="col-xs-12"> <p class="l_mgn-b-0">Delivery estimate to <span data-bind="visible: locationDisplay && !locationFormIsVisible(), toggle: locationFormIsVisible, click: focusOnDeliveryInput"><a href="#">(change)</a></span>:</p> </div> </div> <div class="my-location-delivery" data-bind="visible:productSelected() && !deliveryError() && !ajaxError()"> <form class="form-group my-location-input dropdown" data-bind="css : { 'hidden' : !locationFormIsVisible()}"> <label for="location" class="hidden">Enter suburb to calculate delivery</label> <p> <a href="#" class="topright" style="z-index:5" data-bind="visible: locationFormIsVisible(), toggle: locationFormIsVisible, click: locationSuggestCancel" title="Cancel"><i class="icon-remove icon-1-5x"></i></a> <div class="scrollable-dropdown-menu"> <input id="delivery-location-input" name="my-location-input" type="text" title="Enter suburb to calculate delivery" placeholder="Enter suburb to calculate delivery" class="form-control my-location-input" value="" maxlength="255" autocomplete="false" autocorrect="off" autocapitalize="off" spellcheck="false" data-suggest="locations"> </div> </p> <ul class="typeahead-loader dropdown_menu a-center" style="top:35px;z-index:0"> <li><i class="icon-loader icon-spinner icon-spin"></i> Loading...please wait</li> </ul> <p class="a-center alert alert_error alert_block" data-bind="visible: locationInputHasError()"> <span data-bind="text: locationFormErrorMsg()">Please enter a valid suburb.</span> </p> </form> </div> <div class="my-location-delivery"> <!-- request button --> <div data-bind="visible: fulfilmentManualRequest() && locationDisplay() && productSelected() && !fulfilmentLoading() && !locationFormIsVisible()"> <p><a class="btn btn_block btn_primary btn_sm" data-bind="click:deliveryRequestData">Calculate Delivery Estimate</a></p> </div> <!-- loading and errors --> <p class="a-center alert" data-bind="visible:!productSelected()">Please select a product option to continue.</p> <p class="a-center" data-bind="visible:fulfilmentLoading() && !locationFormIsVisible()"> <i class="icon-loader icon-spinner icon-spin"></i> </p> <p class="a-center alert alert_error alert_block" data-bind="visible: deliveryError(),text:deliveryError()"></p> <p class="a-center alert alert_error alert_block" data-bind="visible: ajaxError() ">Usually ships in 3 - 5 business days</p> <!-- results --> <div data-bind="visible: productSelected() && !locationFormIsVisible() && !fulfilmentLoading() && deliveryCostLoaded()"> <hr class="l_mgn-tb-sm"> <p><span class="p_txt_bold">Cost:</span> </p>
</div> </div> </div> <p class="l_mgn-t-sm"><a href="/more-info/delivery/" class="modal-normal"><i class="icon-info-sign"></i>Learn how delivery works</a></p> </div> </div> </div> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-12 col-sm-7 col-md-8"> <div class="row l_mgn-b-lg"> <div class="col-md-3 hidden-xs hidden-sm"> <div class="tabs-left"> <ul id="productDescriptionTabs" class="nav nav_tabs nav_tabs-inverse tab cfx"> <li class="active"><a href="#productDescription" data-parent="#accordion2">Description</a></li> <li><a href="#productSpecs" data-parent="#accordion2" data-toggle="collapse">Specifications</a></li> <li><a href="#productReturns" data-parent="#accordion2" data-toggle="collapse">Returns</a></li> <li><a href="#productGuides" data-parent="#accordion2" data-toggle="collapse">Buying Guides</a></li> <li><a href="#productReviews" data-parent="#accordion2" data-toggle="collapse">Reviews</a></li> <li><a href="#productCare" data-parent="#accordion2" data-toggle="collapse">Product Care<sup>&reg;</sup></a></li> <li><a href="#productQuestion" data-parent="#accordion2" data-toggle="collapse" id="tab-ask-a-question">Ask A Question</a></li> </ul> </div> </div> <div class="col-xs-12 col-md-9"> <div id="product-information"> <div class="accordion" id="accordion2"> <div class="accordion-group shown"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#productDescription">Description</a> </div> <div id="productDescription" class="accordion-body collapse in"> <div class="accordion-inner"> <div class="" id="tab-content-product-description"> <div class="box-description cms"> <div id="flix-minisite" class="a-right block_margin-btm"></div> <!-- .product-short-description --> <div class="product-short-description short-description"> <p>The tablet that can replace your laptop, the Microsoft Surface Pro 4 is designed to fit seamlessly into your life.</p> </div> <!-- /.product-short-description --> <p class="a-center"> <button class="btn btn_sm collapsed js_show-more hidden-md hidden-lg" data-toggle="collapse" data-target=".long-description">Read more...</button> </p> <!-- .product-long-description --> <div class="product-long-description long-description description collapse collapse-sm"> <hr> <div class="row"> <div class="marketing col-xs-12 col-sm-6 col-md-6"> <br> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/featured/surface_pro_4/surface-4-logo.png" alt="Microsoft
Surface Pro 4 Logo"> <h2 class="large l_mgn-t-md">Power Through Your Day</h2> </div> <div class="col-xs-12 col-sm-6 col-md-6"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/featured/surface_pro_4/surface-4-hero.png" alt="Surface Pro 4
Tablet"> </div> </div> <hr> <div class="row l_mgn-b-sm"> <a class="col-xs-12 col-sm-4 col-md-5"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/featured/surface_pro_4/surface-4-1.png" alt="Surface Pro 4 Laptop
and Tablet"> </a> <div class="col-xs-12 col-sm-8 col-md-7"> <h3 class="l_mgn-t-0">Adapts to Your Life</h3> <p> Forget the hassle of multiple devices. The Surface Pro 4 delivers the versatility of a tablet and a laptop in a single sophisticated package. In a snap you can transform the Surface Pro from a screen with keyboard<sup>1</sup> to an ultra-light tablet, and the multi-position kickstand gives you a work station wherever you are. </p> </div> </div> <div class="row l_mgn-b-sm"> <a class="col-xs-12 col-sm-4 col-md-5 pull-right"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/featured/surface_pro_4/surface-4-2.png" alt="Surface Pro 4
Specs"> </a> <div class="col-xs-12 col-sm-8 col-md-7"> <h3 class="l_mgn-t-0">Powerful Portability</h3> <p> Built on a powerful 6th Gen Intel Core processor, the Surface Pro 4 is not just more powerful, but also runs quietly. A 12.3" PixelSense display, 5MP front-facing and 8MP rear-facing cameras deliver crisp images and allow for HD video, while the battery life of up to 9 hours ensure you can play or work without interruption. </p> </div> </div> <div class="row l_mgn-b-sm"> <a class="col-xs-12 col-sm-4 col-md-5 pull-left"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/featured/surface_pro_4/surface-4-3.png" alt="Surface Pro 4
Windows 10"> </a> <div class="col-xs-12 col-sm-8 col-md-7"> <h3 class="l_mgn-t-0">Driven by Windows 10</h3> <p> The Surface Pro 4 runs the latest Windows OS and Microsoft Office<sup>2</sup> on par with traditional computers. Powered by Windows 10, the Surface features intuitive touch-screen functionality, limitless apps, and the ability to write directly on web pages through the Microsoft Edge browser. </p> </div> </div> <div class="row l_mgn-b-sm"> <a class="col-xs-12 col-sm-4 col-md-5 pull-right"> <img src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/featured/surface_pro_4/surface-4-4.png" alt="Surface Pro 4
Innovation"> </a> <div class="col-xs-12 col-sm-8 col-md-7"> <h3 class="l_mgn-t-0">Innovative Technology</h3> <p> Providing powerfully simple solutions to your day, the Surface Pro can recognize you and sign you in without a password. The tablet also features Windows 10's new personal assistant Cortana to assist you with work, plus the ingenious Surface Pen that can open a blank OneNote page with a single click. </p> </div> </div>
<h6><sup>1</sup>Sold separately.<br> <sup>2</sup>The Surface Pro 4 is compatible with Word, Excel, PowerPoint, Outlook and OneNote. Microsoft Office is sold separately. </h6> </p> </div> <!-- /.product-long-description --> <div class="l_mgn-tb-sm"> </div> <img class="product-icon-image" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/icon/bluetooth.gif" alt="Bluetooth" title="Bluetooth" />&nbsp;&nbsp;<img class="product-icon-image" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/icon/touchscreen.gif" alt="Touchscreen" title="Touchscreen" />&nbsp;&nbsp;<img class="product-icon-image" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/icon/wifi.gif" alt="WiFi" title="WiFi" />&nbsp;&nbsp;<img class="product-icon-image" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/icon/windows.gif" alt="Windows" title="Windows" />&nbsp;&nbsp; <div class="product-packcontents"> <h3 class="tb">What's In The Box?</h3> <div class="content"> <ul> <li>1x Surface Pro 4</li> <li>1x Surface Pen</li> <li>1x Power Supply</li> <li>1x Quick Start Guide</li> <li>1x Safety and warranty documents</li> </ul> </div> </div> <div id="flix-inpage"> <hr/> </div> </div> </div> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#productSpecs">Specifications</a> </div> <div id="productSpecs" class="accordion-body collapse"> <div class="l_mgn-tb-md" style="margin-left: -1px;margin-right: -1px;"> <div class="tab-pane" id="tab-content-specs"> <div class="box-collateral box-specs std"> <h3 class="nd" id="specs-title">Specs</h3> <div id="product-specs"> <table class="table table_striped" id="product-attribute-specs-table"> <tbody> <tr> <th style="width:50%; white-space: normal;">Barcode (GTIN)</th> <td class="data">889842014433</td> </tr> <tr> <th style="width:50%; white-space: normal;">Categories</th> <td class="data">2 in 1 Devices</td> </tr> <tr> <th style="width:50%; white-space: normal;">Brand</th> <td class="data">Microsoft Surface</td> </tr> <tr> <th style="width:50%; white-space: normal;">Model</th> <td class="data">Surface Pro 4</td> </tr> <tr> <th style="width:50%; white-space: normal;">Processor Brand</th> <td class="data">Intel</td> </tr> <tr> <th style="width:50%; white-space: normal;">Processor Type</th> <td class="data">Core i5</td> </tr> <tr> <th style="width:50%; white-space: normal;">Installed RAM</th> <td class="data">8GB</td> </tr> <tr> <th style="width:50%; white-space: normal;">Hard Drive Size</th> <td class="data">256GB</td> </tr> <tr> <th style="width:50%; white-space: normal;">Hard Drive Type</th> <td class="data">SSD</td> </tr> <tr> <th style="width:50%; white-space: normal;">Digital Media Cards Reader</th> <td class="data">Micro SD</td> </tr> <tr> <th style="width:50%; white-space: normal;">Screen Size (inches)</th> <td class="data">12.3</td> </tr> <tr> <th style="width:50%; white-space: normal;">Screen Type</th> <td class="data">PixelSense</td> </tr> <tr> <th style="width:50%; white-space: normal;">Touchscreen</th> <td class="data">Yes</td> </tr> <tr> <th style="width:50%; white-space: normal;">Screen Resolution</th> <td class="data">2736 x 1824</td> </tr> <tr> <th style="width:50%; white-space: normal;">Screen Aspect Ratio</th> <td class="data">3:2</td> </tr> <tr> <th style="width:50%; white-space: normal;">GPU Chipset Manufacturer</th> <td class="data">Intel</td> </tr> <tr> <th style="width:50%; white-space: normal;">GPU Chipset</th> <td class="data">HD Graphics</td> </tr> <tr> <th style="width:50%; white-space: normal;">Front Camera Resolution</th> <td class="data">5MP</td> </tr> <tr> <th style="width:50%; white-space: normal;">Rear Camera Resolution</th> <td class="data">8MP</td> </tr> <tr> <th style="width:50%; white-space: normal;">Microphone</th> <td class="data">Integrated</td> </tr> <tr> <th style="width:50%; white-space: normal;">Speakers</th> <td class="data">Integrated</td> </tr> <tr> <th style="width:50%; white-space: normal;">Wireless Networking</th> <td class="data">IEEE 802.11a, IEEE 802.11ac, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n</td> </tr> <tr> <th style="width:50%; white-space: normal;">Bluetooth Enabled</th> <td class="data">Yes</td> </tr> <tr> <th style="width:50%; white-space: normal;">Estimated Battery Life (hr)</th> <td class="data">9</td> </tr> <tr> <th style="width:50%; white-space: normal;">Audio Ports</th> <td class="data">Headphone Jack</td> </tr> <tr> <th style="width:50%; white-space: normal;">USB Ports</th> <td class="data">1</td> </tr> <tr> <th style="width:50%; white-space: normal;">Video Ports</th> <td class="data">Mini Display</td> </tr> <tr> <th style="width:50%; white-space: normal;">Operating System</th> <td class="data">Windows 10 Pro</td> </tr> <tr> <th style="width:50%; white-space: normal;">Product Width (cm)</th> <td class="data">29.21</td> </tr> <tr> <th style="width:50%; white-space: normal;">Product Depth (cm)</th> <td class="data">20.14</td> </tr> <tr> <th style="width:50%; white-space: normal;">Product Height (cm)</th> <td class="data">0.85</td> </tr> <tr> <th style="width:50%; white-space: normal;">Weight (kg)</th> <td class="data">0.7860</td> </tr> <tr> <th style="width:50%; white-space: normal;">Manufacturers Express Warranty (months)</th> <td class="data">12</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#productReturns">Returns</a> </div> <div id="productReturns" class="accordion-body collapse"> <div class="accordion-inner"> <div class="" id="tab-content-returns"> <div class="box-collateral box-delivery std"> <div> <p>If you feel your product has failed a Consumer Guarantee (as defined by Australian Consumer Law) then don't worry you can easily return it to your local Harvey Norman store. We'll even pay for the postage if you live in an area where there is no store. Our returns policy covers any purchased item (<a href="/customer-service/refund-policy/">conditions apply</a>).</p> </div> </div> </div> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#productGuides">Buying Guides</a> </div> <div id="productGuides" class="accordion-body collapse"> <div class="accordion-inner"> <div class="tab-pane" id="tab-content-guides"> <div class="box-collateral box-buying-guides std"> <ul class="unstyled cfx"> <li class="hArticle cfx last"> <div class="media"> <div class="pull-left photo-box"> <a class="article-title hidden-xs" href="http://www.harveynorman.com.au/2-in-1-devices-buying-guide" title="Buying Guide: 2 in 1 Devices"><img class="photo" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/cms-plus/main-image/2-in-1-thumbnail.jpg" width="96" height="54" alt="Buying Guide: 2 in 1 Devices" /></a> </div> <div class="info media-body"> <h4 class="media-heading"><a class="article-title" href="http://www.harveynorman.com.au/2-in-1-devices-buying-guide" title="Buying Guide: 2 in 1 Devices">Buying Guide: 2 in 1 Devices</a></h4>
<p>In an increasingly mobile world, 2 in 1 devices are the natural evolution of laptop, notebook and tablet technology towards more powerful and highly functional personal devices.</p> </p> </div> </div> </li> <li class="hArticle cfx last"> <div class="media"> <div class="pull-left photo-box"> <a class="article-title hidden-xs" href="http://www.harveynorman.com.au/compare-microsoft-surface" title="Buying Guide: Compare Microsoft Surface"><img class="photo" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/cms-plus/main-image/surface-pro-4-thumbnail.jpg" width="96" height="54" alt="Buying Guide: Compare Microsoft Surface" /></a> </div> <div class="info media-body"> <h4 class="media-heading"><a class="article-title" href="http://www.harveynorman.com.au/compare-microsoft-surface" title="Buying Guide: Compare Microsoft Surface">Buying Guide: Compare Microsoft Surface</a></h4>
<p>The future of tablets is here today in the shape of the Surface Pro 4. Online at Harvey Norman you will find the best tablets to buy, the only thing you have to decide is whether you want the Surface Pro 4, ranging from 128GB to 512GB of storage.</p> </p> </div> </div> </li> <li class="hArticle cfx"> <div class="media"> <div class="pull-left photo-box"> <a class="article-title hidden-xs" href="http://www.harveynorman.com.au/computer-basics-buying-guide" title="Buying Guide: Computer Basics"><img class="photo" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/cms-plus/main-image/computer-lead-thumbnail.jpg" width="96" height="54" alt="Buying Guide: Computer Basics" /></a> </div> <div class="info media-body"> <h4 class="media-heading"><a class="article-title" href="http://www.harveynorman.com.au/computer-basics-buying-guide" title="Buying Guide: Computer Basics">Buying Guide: Computer Basics</a></h4>
<p>Computers, laptops and tablets help us work, play and connect with the world. This guide explains the basics so you can begin to understand how your computer works and its potential.</p> </p> </div> </div> </li> <li class="hArticle cfx last"> <div class="media"> <div class="pull-left photo-box"> <a class="article-title hidden-xs" href="http://www.harveynorman.com.au/explore-microsoft" title="Buying Guide: Explore Microsoft"><img class="photo" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/cms-plus/main-image/microsoft-explore-thumbnail-1.jpg" width="96" height="54" alt="Buying Guide: Explore Microsoft" /></a> </div> <div class="info media-body"> <h4 class="media-heading"><a class="article-title" href="http://www.harveynorman.com.au/explore-microsoft" title="Buying Guide: Explore Microsoft">Buying Guide: Explore Microsoft</a></h4>
<p>Learn everything you need to know about Microsoft products in this buying guide. Explore the available Windows devices, and discover Microsoft software and accessories for suitable finishing touches. Find the perfect combination for you. </p> </p> </div> </div> </li> <li class="hArticle cfx"> <div class="media"> <div class="pull-left photo-box"> <a class="article-title hidden-xs" href="http://www.harveynorman.com.au/internet-basics-buying-guide" title="Buying Guide: Internet Basics"><img class="photo" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/cms-plus/main-image/internet-basics-lead-thumbnail.jpg" width="96" height="54" alt="Buying Guide: Internet Basics" /></a> </div> <div class="info media-body"> <h4 class="media-heading"><a class="article-title" href="http://www.harveynorman.com.au/internet-basics-buying-guide" title="Buying Guide: Internet Basics">Buying Guide: Internet Basics</a></h4>
<p>The Internet puts an unlimited source of information and entertainment at your fingertips. However, it can be hard to know where to start. This guide explains what you need — and what you need to know — to get online.</p> </p> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#productReviews">Reviews</a> </div> <div id="productReviews" class="accordion-body collapse"> <div class="accordion-inner"> <div class="" id="tab-content-reviews"> <div id="BVRR-customer-reviews" class="box-collateral box-reviews"> <h3 class="blue-b nd" id="reviews-title"></h3> <div id="BVRRContainer"> <!--begin-bvseo-reviews--> <div itemscope itemtype="http://schema.org/Product"> <meta itemprop="name" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <!--begin-aggregate-rating--> <div id="bvseo-aggregateRatingSection" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <span class="bvseo-itemReviewed" itemprop="itemReviewed">microsoft surface pro 4 i5 256gb 123 tablet</span> is rated <span class="bvseo-ratingValue" itemprop="ratingValue">4.0</span> out of <span class="bvseo-bestRating" itemprop="bestRating">5</span> by <span class="bvseo-reviewCount" itemprop="reviewCount">21</span>. </div> <!--end-aggregate-rating--> <!--begin-reviews--> <div id="bvseo-reviewsSection"> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="1018133154"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">4</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">K160</span> from <span itemprop="name">Benchmark for 2 in1 but not perfect</span> <span itemprop="description">I have this PC already for several months. From all my experience I believe that this is still a benchmark product for its class, but the numerous glitches like screen flickering at low brightness (not fixed after all updates yet), problems to wake up from time to time and still not the perfect keyboard (not as sturdy as the one of Spectre x2) may poison a bit the positive impressions and experience of some users, especially the ones who are not so skilled and ready to spend time to do updates, which to be fair are easy to be done. There are more and more competitors in this segment and you may decide to go for other decent 2 in 1 options if you are looking for more competitive prices. </span> <div class="bvseo-pubdate">Date published: 2016-06-19</div> <meta itemprop="datePublished" content="2016-06-19" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="1011147009"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">2</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">yendor28</span> from <span itemprop="name">dissapointment</span> <span itemprop="description">Loved the surface pro 2. 4 is frustrating. First had overheating problems so returned and replaced. Surface pen now malfunctioning. I could just be unlucky. Quality Accessories not out yet. Looking at alternatives now as i need something reliable more than simply portable. </span> <div class="bvseo-pubdate">Date published: 2015-12-11</div> <meta itemprop="datePublished" content="2015-12-11" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="1013659208"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">5</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">roshae</span> from <span itemprop="name">Tablet meets PC</span> <span itemprop="description">I bought this machine to use it as a tablet+PC and it works perfect for that. Can&apos;t fault it for running a full blown Windows 10 and I can also do my photoshopping and video editing on this no worries. Perfect for my use. Screen is excellent. </span> <div class="bvseo-pubdate">Date published: 2016-02-03</div> <meta itemprop="datePublished" content="2016-02-03" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="96608371"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">4</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">Geoffo</span> from <span itemprop="name">awesome workhorse</span> <span itemprop="description">I&apos;m starting to love surface. Only 2 complaints...1 let down on the tablet mode in windows 10 on screen keyboard is still a pain in the neck, just gets in the way you can&apos;t see what your doing. And 2 come on mobile computing with no built in 4g let that&apos;s pretty darn annoying fellas :-) </span> <div class="bvseo-pubdate">Date published: 2015-12-03</div> <meta itemprop="datePublished" content="2015-12-03" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="96676714"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">5</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">JoeR57</span> from <span itemprop="name">A fantastic computer</span> <span itemprop="description">The flexibility of the Surface Pro 4 is outstanding, with the keyboard cover attached I can easily be productive with work tasks, in tablet mode it makes a beautiful device to watch videos and read magazines online. The pen is an absolute ninja on Photoshop and other creative software. </span> <div class="bvseo-pubdate">Date published: 2015-12-04</div> <meta itemprop="datePublished" content="2015-12-04" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="1012920502"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">4</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">Whup</span> from <span itemprop="name">Close to perfect</span> <span itemprop="description">I bought this (together with a Type Cover keyboard) about a month ago, and have been very impressed by it. I use it both as a Visual Studio development PC and for quickly sketching placeholder artwork for games, and for this type of work it is unbeatable! I find myself grabbing my Surface Pro every time I know I&apos;ll be out and about for the day (in preference to my Mac laptop or iPad), and it&apos;s been a huge hit with my kids for drawing. One of the best bits about it is the way the warm part of the system (behind the screen) is propped up off your legs when using it on your lap. It means I can use it on my lap even in warm weather. The only quirk that bothers me is the sleep behaviour. Occasionally it doesn&apos;t wake up from sleep and needs to be restarted. I&apos;m surprised that a Microsoft operating system running on Microsoft hardware would have such a frustrating issue (the Surface Pro 3&apos;s had the same problem apparently), and it is all that is holding this back from being a nearly perfect product for me. </span> <div class="bvseo-pubdate">Date published: 2016-01-26</div> <meta itemprop="datePublished" content="2016-01-26" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="113276432"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">4</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">radrob</span> from <span itemprop="name">Works well!</span> <span itemprop="description">Only had a couple of weeks. Looks &amp; feels great. First computer I&apos;ve had that is completely portable &amp; super flexible. Mirrors screen direct to smart tv without any attachments. Runs audio &amp; video programs well. I&apos;m happy I spent a bit extra for this great computer / tablet. </span> <div class="bvseo-pubdate">Date published: 2016-06-01</div> <meta itemprop="datePublished" content="2016-06-01" /> </div> <div class="bvseo-review" itemprop="review" itemscope itemtype="http://schema.org/Review" data-reviewid="1012460560"> <meta itemprop="itemReviewed" content="microsoft surface pro 4 i5 256gb 123 tablet" /> <span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> Rated <span itemprop="ratingValue">5</span> out of <span itemprop="bestRating">5</span></span> by <span itemprop="author">starkey01</span> from <span itemprop="name">Best Surface Pro Yet</span> <span itemprop="description">I couldn&apos;t be happier with my Surface Pro 4. I came from a Surface Pro 2 and Microsoft have done a good job at refining it from there. Windows Hello for logging on is very quick and I have not had any problems with performance. Great portability and battery life. </span> <div class="bvseo-pubdate">Date published: 2016-01-17</div> <meta itemprop="datePublished" content="2016-01-17" /> </div> </div> <script type="text/javascript">	if (document.getElementById('bvseo-reviewsSection')) {	document.getElementById('bvseo-reviewsSection').style.display = 'none';	}	</script> <!--end-reviews--> <!--begin-pagination--> <ul id="bvseo-paginationSection"> <li class="bvseo-paginationItem"><a class="bvseo-paginationLink" href="">microsoft surface pro 4 i5 256gb 123 tablet Reviews - page 2</a></li> </ul> <!--end-pagination--> </div> <ul id="BVSEO_meta" style="display:none!important"> <li data-bvseo="bvDateModified">2016-10-16T06:43CST</li> <li data-bvseo="ps">bvseo_cps, prod_bvrr, vn_cps_3.4.0</li> <li data-bvseo="cp">cp_1, bvpage1</li> <li data-bvseo="co">co_hasreviews, tv_0, tr_21</li> <li data-bvseo="cf">loc_en_AU, sid_239738, PRD, sort_relevancy</li> <li data-bvseo="diagnostics">clientName_harvey-norman</li> </ul> <!--end-bvseo-reviews--> <ul id="BVSEOSDK_meta" style="display:none !important;"> <li data-bvseo="sdk">bvseo_sdk, p_sdk, 3.2.0</li> <li data-bvseo="sp_mt">CLOUD, getContent, 29.08ms</li> <li data-bvseo="ct_st">REVIEWS, PRODUCT</li> </ul> </div> </div> </div> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#productCare">Product Care<sup>&reg;</sup></a> </div> <div id="productCare" class="accordion-body collapse"> <div class="accordion-inner"> <div class="" id="tab-content-product-care"> <img src='https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/product/product-care/product-care-md.png' class="l_mgn-tb-md" /> <p>Protect your purchase with Product Care<sup>&reg;</sup>. Get a brand new replacement if your product suffers an eligible fault through our hassle free support process, plus enjoy a range of exclusive benefits like a product health check and free prints each year so you experience your new product even more.</p> <p>Discover all of the benefits Product Care<sup>&reg;</sup> brings you:</p> <h6>Protection</h6> <p>With Product Care<sup>&reg;</sup> you can relax knowing your purchase is protected. After an assessment, if your product suffers a fault covered by the terms of your plan, we’ll arrange to have a brand new replacement delivered to your doorstep.</p> <h6>Support</h6> <p>Our range of support options ensure you experience an easy and hassle free process when you need to talk to us about your Product Care<sup>&reg;</sup> plan. Whether you are experiencing a fault, or wanting to redeem your entitlements, we will provide you with guidance and support every step of the way.</p> <h6>Advantage</h6> <p>Having Product Care<sup>&reg;</sup> with your purchase means you can enjoy a range of special benefits that are exclusive to you and will help you enjoy the experience of your new product even more.</p> <p>Conditions apply. This section should always be read in conjunction with the <a target="_blank" href="https://www.productcareclaims.com/files/file/211/10732_ICF_CompProdCare_16ppA5.pdf">Terms and Conditions</a> for Product Care<sup>&reg;</sup> Replacement (Computers). </p> <p class="l_mgn-t-md"><a target="_blank" href="https://www.productcareclaims.com/Online-Claims-Country-Selection/australia/learn-more" title="Learn more about Product Care&reg;">Learn more</a> about Product Care<sup>&reg;</sup>.</p> </div> </div> </div> </div> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#productQuestion">Ask a Question</a> </div> <div id="productQuestion" class="accordion-body collapse"> <div class="accordion-inner"> <div class="" id="tab-content-ask-a-question"> <div class="box-collateral box-ask-a-question std"> <div> <!-- <p>Please complete the form below so we can respond to your enquiry</p> --> <p>Either complete the details below or chat to a staff member online.</p> <script type="text/javascript">
// <![CDATA[ var cbdy = document.getElementsByTagName('body')[0]; var bdyClass = cbdy.className; function setOptions(chosen) { var selbox = document.contactForm.contactstore; selbox.options.length = 0; if (chosen == "No State Selected") { selbox.options[selbox.options.length] = new Option('Select Store',''); } if (chosen == "NSW") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('ALBURY', 'ALBURY');	selbox.options[selbox.options.length] = new Option('ARMIDALE NSW', 'ARMIDALE NSW');	selbox.options[selbox.options.length] = new Option('AUBURN', 'AUBURN');	selbox.options[selbox.options.length] = new Option('BALGOWLAH', 'BALGOWLAH');	selbox.options[selbox.options.length] = new Option('BALLINA', 'BALLINA');	selbox.options[selbox.options.length] = new Option('BATEMANS BAY', 'BATEMANS BAY');	selbox.options[selbox.options.length] = new Option('BATHURST', 'BATHURST');	selbox.options[selbox.options.length] = new Option('BLACKTOWN', 'BLACKTOWN');	selbox.options[selbox.options.length] = new Option('BONDI JUNCTION', 'BONDI JUNCTION');	selbox.options[selbox.options.length] = new Option('BROADWAY SYDNEY', 'BROADWAY SYDNEY');	selbox.options[selbox.options.length] = new Option('BROKEN HILL', 'BROKEN HILL');	selbox.options[selbox.options.length] = new Option('CAMPBELLTOWN', 'CAMPBELLTOWN');	selbox.options[selbox.options.length] = new Option('CARINGBAH', 'CARINGBAH');	selbox.options[selbox.options.length] = new Option('CASTLE HILL', 'CASTLE HILL');	selbox.options[selbox.options.length] = new Option('COBAR', 'COBAR');	selbox.options[selbox.options.length] = new Option('COFFS HARBOUR', 'COFFS HARBOUR');	selbox.options[selbox.options.length] = new Option('DENILIQUIN', 'DENILIQUIN');	selbox.options[selbox.options.length] = new Option('DUBBO', 'DUBBO');	selbox.options[selbox.options.length] = new Option('EMERALD', 'EMERALD');	selbox.options[selbox.options.length] = new Option('ERINA', 'ERINA');	selbox.options[selbox.options.length] = new Option('FORSTER', 'FORSTER');	selbox.options[selbox.options.length] = new Option('GORDON', 'GORDON');	selbox.options[selbox.options.length] = new Option('GOULBURN', 'GOULBURN');	selbox.options[selbox.options.length] = new Option('GRAFTON', 'GRAFTON');	selbox.options[selbox.options.length] = new Option('GRIFFITH', 'GRIFFITH');	selbox.options[selbox.options.length] = new Option('GUNNEDAH', 'GUNNEDAH');	selbox.options[selbox.options.length] = new Option('HN @ DM Alexandria', 'HN @ DM Alexandria');	selbox.options[selbox.options.length] = new Option('HN @ DM AUBURN', 'HN @ DM AUBURN');	selbox.options[selbox.options.length] = new Option('HN @ DM BELROSE', 'HN @ DM BELROSE');	selbox.options[selbox.options.length] = new Option('HN @ DM NORTH RYDE', 'HN @ DM NORTH RYDE');	selbox.options[selbox.options.length] = new Option('INVERELL', 'INVERELL');	selbox.options[selbox.options.length] = new Option('LAKE HAVEN', 'LAKE HAVEN');	selbox.options[selbox.options.length] = new Option('LISMORE', 'LISMORE');	selbox.options[selbox.options.length] = new Option('LITHGOW', 'LITHGOW');	selbox.options[selbox.options.length] = new Option('LIVERPOOL', 'LIVERPOOL');	selbox.options[selbox.options.length] = new Option('MACLEAN', 'MACLEAN');	selbox.options[selbox.options.length] = new Option('MAITLAND', 'MAITLAND');	selbox.options[selbox.options.length] = new Option('MASCOT', 'MASCOT');	selbox.options[selbox.options.length] = new Option('MCGRATHS HILL', 'MCGRATHS HILL');	selbox.options[selbox.options.length] = new Option('MOORE PARK', 'MOORE PARK');	selbox.options[selbox.options.length] = new Option('MOREE', 'MOREE');	selbox.options[selbox.options.length] = new Option('MOSS VALE', 'MOSS VALE');	selbox.options[selbox.options.length] = new Option('MT DRUITT', 'MT DRUITT');	selbox.options[selbox.options.length] = new Option('MUDGEE', 'MUDGEE');	selbox.options[selbox.options.length] = new Option('MUSWELLBROOK', 'MUSWELLBROOK');	selbox.options[selbox.options.length] = new Option('NEWCASTLE', 'NEWCASTLE');	selbox.options[selbox.options.length] = new Option('NOWRA', 'NOWRA');	selbox.options[selbox.options.length] = new Option('ORANGE', 'ORANGE');	selbox.options[selbox.options.length] = new Option('PARKES', 'PARKES');	selbox.options[selbox.options.length] = new Option('PENRITH', 'PENRITH');	selbox.options[selbox.options.length] = new Option('PORT MACQUARIE', 'PORT MACQUARIE');	selbox.options[selbox.options.length] = new Option('REPLACEMENT HOT WATER', 'REPLACEMENT HOT WATER'); selbox.options[selbox.options.length] = new Option('SALAMANDER BAY', 'SALAMANDER BAY');	selbox.options[selbox.options.length] = new Option('TAMWORTH', 'TAMWORTH');	selbox.options[selbox.options.length] = new Option('TAREE', 'TAREE');	selbox.options[selbox.options.length] = new Option('TEMORA', 'TEMORA');	selbox.options[selbox.options.length] = new Option('TURA BEACH', 'TURA BEACH');	selbox.options[selbox.options.length] = new Option('TWEED HEADS', 'TWEED HEADS');	selbox.options[selbox.options.length] = new Option('WAGGA WAGGA', 'WAGGA WAGGA');	selbox.options[selbox.options.length] = new Option('WARRAWONG', 'WARRAWONG');	selbox.options[selbox.options.length] = new Option('WEST WYALONG', 'WEST WYALONG');	selbox.options[selbox.options.length] = new Option('WILEY PARK', 'WILEY PARK');	selbox.options[selbox.options.length] = new Option('YOUNG', 'YOUNG'); } if (chosen == "QLD") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('ASPLEY', 'ASPLEY');	selbox.options[selbox.options.length] = new Option('ATHERTON', 'ATHERTON');	selbox.options[selbox.options.length] = new Option('AYR', 'AYR');	selbox.options[selbox.options.length] = new Option('BROWNS PLAINS', 'BROWNS PLAINS');	selbox.options[selbox.options.length] = new Option('BUNDABERG', 'BUNDABERG');	selbox.options[selbox.options.length] = new Option('BUNDALL', 'BUNDALL');	selbox.options[selbox.options.length] = new Option('BURLEIGH WATERS', 'BURLEIGH WATERS');	selbox.options[selbox.options.length] = new Option('CAIRNS', 'CAIRNS');	selbox.options[selbox.options.length] = new Option('CANNONVALE', 'CANNONVALE');	selbox.options[selbox.options.length] = new Option('CAPALABA', 'CAPALABA');	selbox.options[selbox.options.length] = new Option('CARINDALE', 'CARINDALE');	selbox.options[selbox.options.length] = new Option('CLEVELAND', 'CLEVELAND');	selbox.options[selbox.options.length] = new Option('DALBY', 'DALBY');	selbox.options[selbox.options.length] = new Option('EVERTON PARK', 'EVERTON PARK');	selbox.options[selbox.options.length] = new Option('EMERALD', 'EMERALD');	selbox.options[selbox.options.length] = new Option('FORTITUDE VALLEY', 'FORTITUDE VALLEY');	selbox.options[selbox.options.length] = new Option('GLADSTONE', 'GLADSTONE');	selbox.options[selbox.options.length] = new Option('GYMPIE', 'GYMPIE');	selbox.options[selbox.options.length] = new Option('HERVEY BAY', 'HERVEY BAY');	selbox.options[selbox.options.length] = new Option('INNISFAIL', 'INNISFAIL');	selbox.options[selbox.options.length] = new Option('IPSWICH', 'IPSWICH');	selbox.options[selbox.options.length] = new Option('KINGAROY', 'KINGAROY');	selbox.options[selbox.options.length] = new Option('LOGANHOLME', 'LOGANHOLME');	selbox.options[selbox.options.length] = new Option('MACGREGOR', 'MACGREGOR'); selbox.options[selbox.options.length] = new Option('MACKAY', 'MACKAY');	selbox.options[selbox.options.length] = new Option('MAROOCHYDORE', 'MAROOCHYDORE');	selbox.options[selbox.options.length] = new Option('MARYBOROUGH', 'MARYBOROUGH');	selbox.options[selbox.options.length] = new Option('MORAYFIELD', 'MORAYFIELD');	selbox.options[selbox.options.length] = new Option('MT. GRAVATT', 'MT. GRAVATT');	selbox.options[selbox.options.length] = new Option('MT. ISA', 'MT. ISA');	selbox.options[selbox.options.length] = new Option('NOOSA', 'NOOSA');	selbox.options[selbox.options.length] = new Option('OXLEY', 'OXLEY');	selbox.options[selbox.options.length] = new Option('ROCKHAMPTON', 'ROCKHAMPTON');	selbox.options[selbox.options.length] = new Option('ROTHWELL', 'ROTHWELL');	selbox.options[selbox.options.length] = new Option('TOOWOOMBA', 'TOOWOOMBA');	selbox.options[selbox.options.length] = new Option('TOWNSVILLE', 'TOWNSVILLE');	selbox.options[selbox.options.length] = new Option('WARWICK QLD', 'WARWICK QLD'); }	if (chosen == "VIC") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('ARARAT', 'ARARAT');	selbox.options[selbox.options.length] = new Option('BAIRNSDALE', 'BAIRNSDALE');	selbox.options[selbox.options.length] = new Option('BALLARAT', 'BALLARAT');	selbox.options[selbox.options.length] = new Option('BENDIGO', 'BENDIGO');	selbox.options[selbox.options.length] = new Option('BROADMEADOWS VIC', 'BROADMEADOWS VIC');	selbox.options[selbox.options.length] = new Option('CHADSTONE', 'CHADSTONE');	selbox.options[selbox.options.length] = new Option('CHIRNSIDE PARK', 'CHIRNSIDE PARK');	selbox.options[selbox.options.length] = new Option('COBURG', 'COBURG');	selbox.options[selbox.options.length] = new Option('DANDENONG', 'DANDENONG');	selbox.options[selbox.options.length] = new Option('FOUNTAIN GATE', 'FOUNTAIN GATE');	selbox.options[selbox.options.length] = new Option('FRANKSTON', 'FRANKSTON');	selbox.options[selbox.options.length] = new Option('GEELONG', 'GEELONG');	selbox.options[selbox.options.length] = new Option('HAMILTON', 'HAMILTON');	selbox.options[selbox.options.length] = new Option('HOPPERS CROSSING', 'HOPPERS CROSSING');	selbox.options[selbox.options.length] = new Option('HORSHAM', 'HORSHAM');	selbox.options[selbox.options.length] = new Option('KNOX TOWERPOINT', 'KNOX TOWERPOINT');	selbox.options[selbox.options.length] = new Option('MARIBYRNONG', 'MARIBYRNONG');	selbox.options[selbox.options.length] = new Option('MILDURA', 'MILDURA');	selbox.options[selbox.options.length] = new Option('MOE', 'MOE');	selbox.options[selbox.options.length] = new Option('MOORABBIN', 'MOORABBIN');	selbox.options[selbox.options.length] = new Option('MORNINGTON', 'MORNINGTON');	selbox.options[selbox.options.length] = new Option('MORWELL', 'MORWELL');	selbox.options[selbox.options.length] = new Option('NUNAWADING', 'NUNAWADING');	selbox.options[selbox.options.length] = new Option('PRESTON', 'PRESTON');	selbox.options[selbox.options.length] = new Option('QVH MELBOURNE', 'QVH MELBOURNE');	selbox.options[selbox.options.length] = new Option('RICHMOND', 'RICHMOND');	selbox.options[selbox.options.length] = new Option('SALE', 'SALE');	selbox.options[selbox.options.length] = new Option('SHEPPARTON', 'SHEPPARTON');	selbox.options[selbox.options.length] = new Option('SPRINGVALE', 'SPRINGVALE');	selbox.options[selbox.options.length] = new Option('SUNSHINE', 'SUNSHINE');	selbox.options[selbox.options.length] = new Option('SWAN HILL', 'SWAN HILL');	selbox.options[selbox.options.length] = new Option('THOMASTOWN', 'THOMASTOWN');	selbox.options[selbox.options.length] = new Option('TRARALGON', 'TRARALGON');	selbox.options[selbox.options.length] = new Option('WANGARATTA', 'WANGARATTA');	selbox.options[selbox.options.length] = new Option('WARRAGUL', 'WARRAGUL');	selbox.options[selbox.options.length] = new Option('WARRNAMBOOL', 'WARRNAMBOOL');	selbox.options[selbox.options.length] = new Option('WATER GARDENS', 'WATER GARDENS');	selbox.options[selbox.options.length] = new Option('WAURN PONDS', 'WAURN PONDS');	selbox.options[selbox.options.length] = new Option('WONTHAGGI', 'WONTHAGGI'); } if (chosen == "ACT") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('FYSHWICK', 'FYSHWICK'); } if (chosen == "TAS") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('BURNIE', 'BURNIE');	selbox.options[selbox.options.length] = new Option('CAMBRIDGE PARK', 'CAMBRIDGE PARK');	selbox.options[selbox.options.length] = new Option('DEVONPORT', 'DEVONPORT');	selbox.options[selbox.options.length] = new Option('HOBART', 'HOBART');	selbox.options[selbox.options.length] = new Option('LAUNCESTON', 'LAUNCESTON');	selbox.options[selbox.options.length] = new Option('MOONAH', 'MOONAH'); } if (chosen == "SA") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('CITY CROSS - ADELAIDE', 'CITY CROSS - ADELAIDE');	selbox.options[selbox.options.length] = new Option('GEPPS CROSS', 'GEPPS CROSS');	selbox.options[selbox.options.length] = new Option('MARION', 'MARION');	selbox.options[selbox.options.length] = new Option('MT GAMBIER', 'MT GAMBIER');	selbox.options[selbox.options.length] = new Option('MT. BARKER', 'MT. BARKER');	selbox.options[selbox.options.length] = new Option('MUNNO PARA', 'MUNNO PARA');	selbox.options[selbox.options.length] = new Option('NOARLUNGA', 'NOARLUNGA');	selbox.options[selbox.options.length] = new Option('PORT LINCOLN', 'PORT LINCOLN');	selbox.options[selbox.options.length] = new Option('WHYALLA', 'WHYALLA');	selbox.options[selbox.options.length] = new Option('WOODVILLE', 'WOODVILLE'); } if (chosen == "WA") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('ALBANY', 'ALBANY');	selbox.options[selbox.options.length] = new Option('ARMADALE WA', 'ARMADALE WA');	selbox.options[selbox.options.length] = new Option('BELMONT', 'BELMONT');	selbox.options[selbox.options.length] = new Option('BUNBURY', 'BUNBURY');	selbox.options[selbox.options.length] = new Option('BUSSELTON', 'BUSSELTON');	selbox.options[selbox.options.length] = new Option('CANNINGTON', 'CANNINGTON');	selbox.options[selbox.options.length] = new Option('CITY WEST - PERTH', 'CITY WEST - PERTH');	selbox.options[selbox.options.length] = new Option('EDGEWATER', 'EDGEWATER');	selbox.options[selbox.options.length] = new Option('GERALDTON', 'GERALDTON');	selbox.options[selbox.options.length] = new Option('GREAT EASTERN HWY MIDLAND', 'GREAT EASTERN HWY MIDLAND');	selbox.options[selbox.options.length] = new Option('GUTHERIE ST OSBORNE', 'GUTHERIE ST OSBORNE');	selbox.options[selbox.options.length] = new Option('JOONDALUP', 'JOONDALUP');	selbox.options[selbox.options.length] = new Option('KALGOORLIE', 'KALGOORLIE');	selbox.options[selbox.options.length] = new Option('KARRATHA', 'KARRATHA');	selbox.options[selbox.options.length] = new Option('MALAGA', 'MALAGA');	selbox.options[selbox.options.length] = new Option('MANDURAH', 'MANDURAH');	selbox.options[selbox.options.length] = new Option('MIDLAND', 'MIDLAND');	selbox.options[selbox.options.length] = new Option('OCONNOR', 'OCONNOR');	selbox.options[selbox.options.length] = new Option('OSBORNE PARK', 'OSBORNE PARK');	selbox.options[selbox.options.length] = new Option('PORT HEDLAND', 'PORT HEDLAND');	selbox.options[selbox.options.length] = new Option('PORT KENNEDY', 'PORT KENNEDY'); } if (chosen == "NT") { selbox.options[selbox.options.length] = new Option('Select Store',''); if( bdyClass == 'cms-page-view cms-contact-us'){ selbox.options[selbox.options.length] = new Option('ONLINE','ONLINE'); };	selbox.options[selbox.options.length] = new Option('ALICE SPRINGS', 'ALICE SPRINGS');	selbox.options[selbox.options.length] = new Option('DARWIN', 'DARWIN'); } }
// ]]>
</script> <form action="http://www.harveynorman.com.au/forms/askaquestion/post/" id="contactForm" class="form-validate form-horizontal" name="contactForm" method="post"> <div class="form-group"> <label for="name" class="col-sm-3 control-label required">Full name</label> <div class="col-sm-5"> <input name="name" id="name" title="Name" value="" class="form-control required-entry" type="text" /> </div> </div> <div class="form-group"> <label for="email" class="col-sm-3 control-label required">Email</label> <div class="col-sm-5"> <input name="email" id="email" title="Email" value="" class="form-control required-entry validate-email" type="text" /> </div> </div> <div class="form-group"> <label for="confirmation" class="col-sm-3 control-label required">Re-enter email</label> <div class="col-sm-5"> <input name="confirmation" id="confirmation" title="Re-enter email" value="" class="form-control required-entry validate-email" type="text" /> </div> </div> <div class="form-group"> <label for="telephone" class="col-sm-3 control-label required">Telephone (optional)</label> <div class="col-sm-5"> <input name="telephone" id="telephone" title="Telephone" value="" class="form-control" type="text" /> </div> </div> <div id="select-state-box" class="form-group"> <label for="contactstate" class="col-sm-3 control-label required">State/Territory</label> <div class="col-sm-5"> <select onchange="setOptions(document.contactForm.contactstate[document.contactForm.contactstate.selectedIndex].value);" name="contactstate" id="contactstate" data-mini="true" class="form-control required-entry" > <option value="">-- Please select --</option> <option value="ACT">Australian Capital Territory</option> <option value="NSW">New South Wales</option> <option value="NT">Northern Territory</option> <option value="QLD">Queensland</option> <option value="SA">South Australia</option> <option value="TAS">Tasmania</option> <option value="VIC">Victoria</option> <option value="WA">Western Australia</option> </select> </div> </div> <div id="select-store-box" class="form-group" > <label for="contactstore" class="col-sm-3 control-label required">Your nearest store</label> <div class="col-sm-5"> <select name="contactstore" id="contactstore" class="form-control required-entry"> <option value="">Select Store</option> </select> </div> </div> <div class="col-sm-offset-3 col-sm-9"> <div> I have an enquiry about this product: <p class="strong">Microsoft Surface Pro 4 i5 256GB 12.3" Tablet <span class="small quiet">CR3-00006 </span> <span class="small quiet">889842014433</span> </p> <input type="hidden" name="product_id" value="239738" /> </div> </div> <div class="form-group"> <label for="comment" class="col-sm-3 control-label required">Enquiry</label> <div class="col-sm-5"> <textarea name="comment" id="comment" title="Enquiry" class="required-entry form-control" cols="5" rows="3"></textarea> </div> </div> <div class="form-group"> <div class="col-sm-offset-3 col-sm-9"> <button class="btn" title="Save Address" type="submit">Send</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-md-9 col-md-offset-3"> <a id="terms"><span class="nd">Terms and Conditions</span></a> <a href="#" class="blue-b reveal reveal_txt large collapsed" data-toggle="collapse" data-target="#terms-and-conditions">Terms and Conditions</a> <div id="terms-and-conditions" class="collapse" data-role="collapsible"> <div id="interest-free-offer-terms" class="cfx nd"> <h4 id="interest-free-offer-terms-heading" class="normal bold">Interest Free</h4> <ul> <li class="small"><a href="/applybuy/apply/terms/id/167/" class="modal-normal" title="50 Months Instalment Interest Free – With Equal Payments - 167">50 Months Instalment Interest Free – With Equal Payments</a>. <span class="quiet">Offer ends 06/11/2016.</span></li> <li class="small"><a href="/applybuy/apply/terms/id/149/" class="modal-normal" title="24 Months Interest Free – No Deposit, No Interest, No Payments until October 2018* - 149">24 Months Interest Free – No Deposit, No Interest, No Payments until October 2018*</a>. <span class="quiet">Offer ends 06/11/2016.</span></li> <li class="small"><a href="/applybuy/apply/terms/id/172/" class="modal-normal" title="24 Months Interest Free on Microsoft Surface - No Payments - 172">24 Months Interest Free on Microsoft Surface - No Payments</a>. <span class="quiet">Offer ends 23/10/2016.</span></li> <li class="small"><a href="/applybuy/apply/terms/id/31/" class="modal-normal" title="12 Months Interest Free - with Monthly Payments - 31">12 Months Interest Free - with Monthly Payments</a>. <span class="quiet"></span></li> <li class="small"><a href="/applybuy/apply/terms/id/21/" class="modal-normal" title="6 Months Interest Free – No Deposit, No Interest, with Monthly Payments - 21">6 Months Interest Free – No Deposit, No Interest, with Monthly Payments </a>. <span class="quiet"></span></li> </ul> </div> </div> <hr/> <div id="product-additional" class="l_mgn-b-md"> <!-- AddThis Button BEGIN --> <p><b>Like this? Share it</b> &nbsp; <a class="btn btn_link btn_icon btn_xs" href="http://www.harveynorman.com.au/sendtofriend/form/?product_id=239738" data-modal-extra="&rt=ajax" data-modal-id="send_friend"><i class="icon-envelope-alt icon-2-5x"></i></a> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.harveynorman.com.au%2Fcomputers-tablets%2Fcomputers%2Flaptops%2Fmicrosoft-surface-pro-4-i5-256gb-12-3-tablet.html" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="btn btn_link btn_xs btn_icon"><i class="icon-facebook-sign icon-2-5x"></i> <span class="sr-only">Share this on Facebook</span></a> <a href="https://plus.google.com/share?url=http%3A%2F%2Fwww.harveynorman.com.au%2Fcomputers-tablets%2Fcomputers%2Flaptops%2Fmicrosoft-surface-pro-4-i5-256gb-12-3-tablet.html&hl=en-US" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="btn btn_link btn_xs btn_icon"><i class="icon-google-plus-sign icon-2-5x"></i> <span class="sr-only">Share this on Google+</span></a> <a href="https://twitter.com/intent/tweet?text=Microsoft+Surface+Pro+4+i5+256GB+12.3%26quot%3B+Tablet&url=http%3A%2F%2Fwww.harveynorman.com.au%2Fcomputers-tablets%2Fcomputers%2Flaptops%2Fmicrosoft-surface-pro-4-i5-256gb-12-3-tablet.html&via=harveynorman" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="btn btn_link btn_xs btn_icon"><i class="icon-twitter-sign icon-2-5x"></i> <span class="sr-only">Share this on Twitter</span></a> <a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.harveynorman.com.au%2Fcomputers-tablets%2Fcomputers%2Flaptops%2Fmicrosoft-surface-pro-4-i5-256gb-12-3-tablet.html&media=https%3A%2F%2Fdoxz7msmg7sxx.cloudfront.net%2Fmedia%2Fcatalog%2Fproduct%2Fcache%2F21%2Fimage%2F9df78eab33525d08d6e5fb8d27136e95%2F1%2F_%2F1_37_243_1_1386.jpg&description=Microsoft+Surface+Pro+4+i5+256GB+12.3%26quot%3B+Tablet" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="btn btn_link btn_xs btn_icon"><i class="icon-pinterest-sign icon-2-5x"></i> <span class="sr-only">Share this on Pinterest</span></a> </p> <hr/> <div id="product-rate-content"> <p>Was this content helpful to you?</p> <a id="rate-yes" href="http://www.harveynorman.com.au/forms/product/rate/?id=239738&amp;r=1" class="btn btn_sm rate-link" data-modal-extra="forms/product/rate?id=239738&amp;r=1"><span>Yes</span></a> <a id="rate-no" href="http://www.harveynorman.com.au/forms/product/rate/?id=239738&amp;r=0" class="btn btn_sm rate-link" data-modal-extra="forms/product/rate?id=239738&amp;r=0"><span>No</span></a> </div>
<hr/> </div> </div> </div> </div> <div class="clearfix visible-xs"></div> <div class="col-xs-12 col-sm-5 col-md-4"> <div id="related" class="box-related panel"> <div class="panel-heading"> <h3 class="_heading">Recommended products</h3> </div> <ul class="related unstyled"> <li class="media product" data-pid="239903"> <a class="product-image pull-left" href="http://www.harveynorman.com.au/microsoft-surface-pro-4-docking-station.html"><img alt="Microsoft Surface Pro 4 Docking Station" src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/small_image/136x77/9df78eab33525d08d6e5fb8d27136e95/2/x/2x_18.jpg" class="media-object" width="136" height="77" title="Microsoft Surface Pro 4 Docking Station"/></a> <div class="media-body"> <div class="media-heading name fn"><a href="http://www.harveynorman.com.au/microsoft-surface-pro-4-docking-station.html" id="239903">Microsoft Surface Pro 4 Docking Station</a></div> <a href="http://www.harveynorman.com.au/microsoft-surface-pro-4-docking-station.html#customer-reviews" class="bv-review-link"> <div id="BVRRInlineRating-239903" class="rating-links cfx" data-url="http://www.harveynorman.com.au/microsoft-surface-pro-4-docking-station.html"></div> </a> <div class="price-device" data-pid="price-device-239903"> <span class="regular-price " data-pid="product-price-239903-related" id="product-price-239903-related"><span class="price"><span>$</span>298</span></span> </div> <div class="related-form form-inline"> <div class="call-to-actions"> <a rel="nofollow" title="Add Microsoft Surface Pro 4 Docking Station To Cart" class="btn btn-cart btn_sm js_related" href="" data-pid="239903"><span>Add to cart</span></a> </div> </div> </div> <hr class="l_mgn-b-0" /> </li> <li class="media product" data-pid="239908"> <a class="product-image pull-left" href="http://www.harveynorman.com.au/microsoft-surface-pro-4-65w-power-supply.html"><img alt="Microsoft Surface Pro 4 65W Power Supply" src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/small_image/136x77/9df78eab33525d08d6e5fb8d27136e95/s/u/sur_pro3_psu_plug_i.jpg" class="media-object" width="136" height="77" title="Microsoft Surface Pro 4 65W Power Supply"/></a> <div class="media-body"> <div class="media-heading name fn"><a href="http://www.harveynorman.com.au/microsoft-surface-pro-4-65w-power-supply.html" id="239908">Microsoft Surface Pro 4 65W Power Supply</a></div> <a href="http://www.harveynorman.com.au/microsoft-surface-pro-4-65w-power-supply.html#customer-reviews" class="bv-review-link"> <div id="BVRRInlineRating-239908" class="rating-links cfx" data-url="http://www.harveynorman.com.au/microsoft-surface-pro-4-65w-power-supply.html"></div> </a> <div class="price-device" data-pid="price-device-239908"> <span class="regular-price " data-pid="product-price-239908-related" id="product-price-239908-related"><span class="price"><span>$</span>124</span></span> </div> <div class="related-form form-inline"> <div class="call-to-actions"> <a rel="nofollow" title="Add Microsoft Surface Pro 4 65W Power Supply To Cart" class="btn btn-cart btn_sm js_related" href="" data-pid="239908"><span>Add to cart</span></a> </div> </div> </div> <hr class="l_mgn-b-0" /> </li> <li class="media product" data-pid="239910"> <a class="product-image pull-left" href="http://www.harveynorman.com.au/microsoft-surface-ethernet-adapter-1.html"><img alt="Microsoft Surface Ethernet Adapter" src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/small_image/136x77/9df78eab33525d08d6e5fb8d27136e95/2/2/22_130.jpg" class="media-object" width="136" height="77" title="Microsoft Surface Ethernet Adapter"/></a> <div class="media-body"> <div class="media-heading name fn"><a href="http://www.harveynorman.com.au/microsoft-surface-ethernet-adapter-1.html" id="239910">Microsoft Surface Ethernet Adapter</a></div> <a href="http://www.harveynorman.com.au/microsoft-surface-ethernet-adapter-1.html#customer-reviews" class="bv-review-link"> <div id="BVRRInlineRating-239910" class="rating-links cfx" data-url="http://www.harveynorman.com.au/microsoft-surface-ethernet-adapter-1.html"></div> </a> <div class="price-device" data-pid="price-device-239910"> <span class="regular-price " data-pid="product-price-239910-related" id="product-price-239910-related"><span class="price"><span>$</span>64</span></span> </div> <div class="related-form form-inline"> <div class="call-to-actions"> <a rel="nofollow" title="Add Microsoft Surface Ethernet Adapter To Cart" class="btn btn-cart btn_sm js_related" href="" data-pid="239910"><span>Add to cart</span></a> </div> </div> </div> </li> </ul> </div> <div id="upsell" class="box-collateral box-upsell panel"> <div class="panel-heading"> <h3 class="_heading">More products like this</h3> </div> <ul class="media-list"> <li class="media product" data-pid="239687"> <a class="product-image pull-left" href="http://www.harveynorman.com.au/hp-spectre-x2-a005tu-12-2-in-1-laptop.html"><img alt="HP Spectre x2 A005TU 12&quot; 2-in-1 Laptop" src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/small_image/136x77/9df78eab33525d08d6e5fb8d27136e95/2/_/2_3_1_1006.jpg" class="media-object" width="136" height="77" title="HP Spectre x2 A005TU 12&quot; 2-in-1 Laptop"/></a> <div class="media-body"> <div class="media-heading name fn"><a href="http://www.harveynorman.com.au/hp-spectre-x2-a005tu-12-2-in-1-laptop.html" id="239687">HP Spectre x2 A005TU 12&quot; 2-in-1 Laptop</a></div> <a href="http://www.harveynorman.com.au/hp-spectre-x2-a005tu-12-2-in-1-laptop.html#customer-reviews" class="bv-review-link"> <div id="BVRRInlineRating-239687" class="rating-links cfx" data-url="http://www.harveynorman.com.au/hp-spectre-x2-a005tu-12-2-in-1-laptop.html"></div> </a> <div class="price-device" data-pid="price-device-239687"> <span class="regular-price " data-pid="product-price-239687-upsell" id="product-price-239687-upsell"><span class="price"><span>$</span>1148</span></span> </div> </div> </li> <li class="media product" data-pid="239739"> <a class="product-image pull-left" href="http://www.harveynorman.com.au/microsoft-surface-pro-4-i7-256gb-12-3-tablet.html"><img alt="Microsoft Surface Pro 4 i7 256GB 12.3&quot; Tablet" src="https://doxz7msmg7sxx.cloudfront.net/media/catalog/product/cache/21/small_image/136x77/9df78eab33525d08d6e5fb8d27136e95/i/7/i7.jpg" class="media-object" width="136" height="77" title="Microsoft Surface Pro 4 i7 256GB 12.3&quot; Tablet"/></a> <div class="media-body"> <div class="media-heading name fn"><a href="http://www.harveynorman.com.au/microsoft-surface-pro-4-i7-256gb-12-3-tablet.html" id="239739">Microsoft Surface Pro 4 i7 256GB 12.3&quot; Tablet</a></div> <a href="http://www.harveynorman.com.au/microsoft-surface-pro-4-i7-256gb-12-3-tablet.html#customer-reviews" class="bv-review-link"> <div id="BVRRInlineRating-239739" class="rating-links cfx" data-url="http://www.harveynorman.com.au/microsoft-surface-pro-4-i7-256gb-12-3-tablet.html"></div> </a> <div class="price-device" data-pid="price-device-239739"> <span class="regular-price " data-pid="product-price-239739-upsell" id="product-price-239739-upsell"><span class="price"><span>$</span>2499</span></span> </div> </div> </li> </ul> </div> <div id="campaign_product_mrec" class="section"> <div class="a-center"> <!-- mrec --> <div id="hnau-mrec" class="advert advert_dfp advert_mrec" style="display:none" > <script type='text/javascript'>	googletag.cmd.push(function() {	window.dfp_display_hnau_mrec = googletag.display('hnau-mrec');	});	</script> </div> </div> </div> </div> </div> <div id="product-view-actions" class="section cfx" data-pid="239738"></div>
</div> </div> <!-- end CONTENT --> </div> <!-- end PAGE --> <!-- BANNER PROMOSTRIP2 --> <!-- end BANNER PROMOSTRIP2 --> </div> <!-- end MAIN --> <!-- FOOTER --> <footer role="contentinfo" class="footer"> <div class="container"> <div class=""> <div class="mega-footer"> <div class="row"> <div class="col-xs-12 col-sm-3"> <a href="#" class="_title p_txt-upper accoridan-toggle collapsed l_dsp-blc" data-toggle="collapse" data-target=".mega-shop"> Shop all products </a> <div class="mega-shop accordion-body child collapse collapse-xs"> <ul class="nav nav_list"> <li><a title="Harvey Norman - Computers &amp; Tablets" href="http://www.harveynorman.com.au/computers-tablets/">Computers & Tablets</a></li> <li><a title="Harvey Norman - Phones, Accessories &amp; GPS" href="http://www.harveynorman.com.au/phones-accessories-gps/">Phones, Accessories & GPS</a></li> <li><a title="Harvey Norman - Cameras, Printers &amp; Ink" href="http://www.harveynorman.com.au/cameras-printers-ink/">Cameras, Printers & Ink</a></li> <li><a title="Harvey Norman - Games &amp; Gaming Consoles" href="http://www.harveynorman.com.au/games-gaming-consoles/">Games & Gaming Consoles</a></li> <li><a title="Harvey Norman - TV, Blu-ray &amp; Home Theatre" href="http://www.harveynorman.com.au/tv-blu-ray-home-theatre/">TV, Blu-ray & Home Theatre</a></li> <li><a title="Harvey Norman - Headphones, Audio &amp; Music" href="http://www.harveynorman.com.au/headphones-audio-music/">Headphones, Audio & Music</a></li> <li><a title="Harvey Norman - Kitchen Appliances" href="http://www.harveynorman.com.au/kitchen-appliances/">Kitchen Appliances</a></li> <li><a title="Harvey Norman - Vacuum &amp; Laundry Appliances" href="http://www.harveynorman.com.au/vacuum-laundry-appliances/">Vacuum & Laundry Appliances</a></li> <li><a title="Harvey Norman - Heating &amp; Cooling" href="http://www.harveynorman.com.au/heating-cooling/">Heating & Cooling</a></li> <li><a title="Harvey Norman - Hair &amp; Body Care" href="http://www.harveynorman.com.au/hair-body-care/">Hair & Body Care</a></li> <li><a title="Harvey Norman - Connected Fitness &amp; Health" href="http://www.harveynorman.com.au/connected-fitness-health/">Connected Fitness & Health</a></li> <li><a title="Harvey Norman - Furniture, Outdoor &amp; BBQs" href="http://www.harveynorman.com.au/furniture-outdoor-bbqs/">Furniture, Outdoor & BBQs</a></li> <li><a title="Harvey Norman - Beds &amp; Manchester" href="http://www.harveynorman.com.au/beds-manchester/">Beds & Manchester</a></li> <li><a title="Harvey Norman - Bathroom, Tiles &amp; Renovations" href="http://www.harveynorman.com.au/bathroom-tiles-renovations/">Bathroom, Tiles & Renovations</a></li> <!-- <li><a title="Harvey Norman - Flooring &amp; Tiles" href="http://www.harveynorman.com.au/flooring-tiles/">Flooring & Tiles</a></li> --> <li><a title="Harvey Norman - Flooring &amp; Tiles" href="http://www.harveynorman.com.au/carpet-flooring-rugs/">Carpet, Flooring & Rugs</a></li> <li><a title="Harvey Norman - Toys, Kids &amp; Baby" href="http://www.harveynorman.com.au/toys-kids-baby/">Toys, Kids & Baby</a></li> <li><a title="Harvey Norman - Sports, Camping &amp; Luggage" href="http://www.harveynorman.com.au/sports-camping-luggage/">Sports, Camping & Luggage</a></li> <li><a title="Harvey Norman - Gift Cards" href="/giftcard" >Gift Cards</a></li> <li><a title="Harvey Norman - Hot Water" href="http://www.harveynorman.com.au/replacement-hot-water/" >Replacement Hot Water</a></li> <li><a title="Harvey Norman - Hot Deals" href="http://www.harveynorman.com.au/hot-deals/" >Hot Deals</a></li> <li><a title="Harvey Norman - Brands" href="http://www.harveynorman.com.au/brands" >Brands</a></li> </ul> </div> </div> <div class="col-xs-12 col-sm-3"> <a href="#" class="_title p_txt-upper accoridan-toggle collapsed l_dsp-blc" data-toggle="collapse" data-target=".mega-customer"> Customer Services </a> <div class="mega-customer accordion-body child collapse collapse-xs"> <ul class="nav nav_list"> <li><a rel="nofollow" href="http://www.harveynorman.com.au/shop-with-confidence/" title="Harvey Norman - Shop with Confidence">Shop with Confidence</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/reviews/" title="Harvey Norman - Rating & Review">Rating & Review</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/delivery/" title="Harvey Norman - Delivery">Delivery</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/click-collect/" title="Harvey Norman - Click & Collect">Click & Collect</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/installation/" title="Harvey Norman - Installation">Installation</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/tv-recycling/" title="Harvey Norman - TV Recycling">TV Recycling</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/finance-options/" title="Harvey Norman - Finance Options">Finance Options</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/price-match-guarantee/" title="Harvey Norman - Price Match Guarantee">Price Match Guarantee</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/refund-policy/" title="Harvey Norman - Refund, Return and Repair Policy">Refund, Return and Repair Policy</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/raincheck-policy/" title="Harvey Norman - Raincheck Policy">Raincheck Policy</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/product-recall-notices/" title="Harvey Norman - Product Recall Notices">Product Recall Notices</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/consumer-guarantees/" title="Harvey Norman - Consumer Guarantees">Consumer Guarantees</a></li> <!-- <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/manufacturers-warranty/" title="Harvey Norman - Manufacturer's Warranty">Manufacturer's Warranty</a></li> --> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/product-care/" title="Harvey Norman - Product Care">Product Care</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/faqs/" title="Harvey Norman - FAQs">FAQs</a></li> <li><a href="http://www.harveynorman.com.au/buying-guides/" title="Harvey Norman - Buying Guides">Buying Guides</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/games-classification/" title="Harvey Norman - Games Classification">Games Classification</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/customer-service/live-chat/" title="Harvey Norman - Live Chat">Live Chat</a></li> <li><a rel="nofollow" href="http://harveynorman.findnearest.com.au/" title="Harvey Norman - Store Location &amp; Hours">Store Location &amp; Hours</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/contact-us/" title="Harvey Norman - Contact Us">Contact Us</a></li> </ul> </div> </div> <div class="item col-xs-12 col-sm-3"> <a href="#" class="_title p_txt-upper accoridan-toggle collapsed l_dsp-blc" data-toggle="collapse" data-target=".mega-general"> General </a> <div class="mega-general accordion-body child collapse collapse-xs"> <ul class="nav nav_list"> <li><a rel="nofollow" href="http://www.harveynorman.com.au/about-harvey-norman-online/" title="About Harvey Norman Online">About Harvey Norman Online</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/about-harvey-norman-stores/" title="About Harvey Norman Stores">About Harvey Norman Stores</a></li> <li><a rel="nofollow" href="http://www.harveynormanholdings.com.au/" target="_blank" title="Corporate Website">Corporate Website</a></li> <li><a rel="nofollow" href="http://www.harveynormanglobal.com/careers" target="_blank" title="Careers">Careers</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/terms-and-conditions/" title="Harvey Norman - Terms &amp; Conditions">Terms &amp; Conditions</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/privacy-policy/" title="Harvey Norman - Privacy Policy">Privacy Policy</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/safe-and-secure-shopping/" title="Harvey Norman - Safe &amp; Secure Shopping">Safe &amp; Secure Shopping</a></li> <li><a rel="nofollow" href="http://www.harveynorman.com.au/catalogue-tandc/" title="Harvey Norman - Catalogue Terms &amp; Conditions">Catalogue Terms &amp; Conditions</a></li> <li><a href="http://www.harveynorman.com.au/sitemap/" title="Harvey Norman Sitemap">Sitemap</a></li> </ul> </div> <a href="#" class="_title p_txt-upper accoridan-toggle collapsed l_dsp-blc" data-toggle="collapse" data-target=".mega-account"> My account </a> <div class="mega-account accordion-body child collapse collapse-xs"> <ul class="nav nav_list"> <li><a href="https://www.harveynorman.com.au/customer/account/login/">Log into my account</a></li> <li><a href="https://www.harveynorman.com.au/customer/account/create/">Create account</a></li> <li><a href="http://www.harveynorman.com.au/newsletter/">FREE Email Updates</a></li> </ul> </div> </div> <div class="item col-xs-12 col-sm-3"> <a href="#" class="_title p_txt-upper accoridan-toggle collapsed l_dsp-blc" data-toggle="collapse" data-target=".mega-other"> Other Websites </a> <div class="mega-other accordion-body child collapse collapse-xs"> <ul class="nav nav_list"> <li><a rel="nofollow" href="http://www.hnprintshop.com.au/" target="_blank" title="Harvey Norman - PrintShop">PrintShop</a></li> <li><a href="http://www.harveynormanphotos.com.au/" target="_blank" title="Harvey Norman - PhotoCentre">PhotoCentre</a></li> <li><a href="http://www.harveynorman.com.au/carpet-flooring-rugs/" title="Harvey Norman - Carpet & Flooring Specialists">Carpet & Flooring Specialists</a></li> <li><a rel="nofollow" href="http://blog.harveynorman.com.au/" target="_blank" title="Harvey Norman BLOG">Harvey Norman BLOG</a></li> <li><a rel="nofollow" href="http://www.harveynormanbusiness.com.au/" target="_blank" title="Harvey Norman - Business and Education">Business & Education</a></li> <li><a rel="nofollow" href="http://theschoollocker.com.au/" target="_blank" title="The School Locker">The School Locker</a></li> <li><a rel="nofollow" href="http://www.harveynormanrenovations.com.au/" target="_blank" title="Harvey Norman - Design &amp; Renovations">Kitchen &amp; Bathroom Renovations</a></li> <li><a rel="nofollow" href="http://www.hnsalarypackaging.com/" target="_blank" title="Harvey Norman - Salary Packaging">Salary Packaging</a></li> <li><a rel="nofollow" href="http://www.harveynormansecurity.com.au/" target="_blank" title="Harvey Norman - Security">Security</a></li> <li><a rel="nofollow" href="http://www.hnins.com.au/" target="_blank" title="Harvey Norman - Insurance Replacement">Insurance Replacement</a></li> <li><a rel="nofollow" href="http://www.harveynormancommercial.com.au/" target="_blank" title="Harvey Norman - Commercial">Commercial Division</a></li> <!-- <li><a rel="nofollow" href="http://www.harveynormansolar.com.au/" target="_blank" title="Harvey Norman Solar">Harvey Norman Solar</a></li>--> <li><a title="Harvey Norman - Hot Water" href="http://www.harveynorman.com.au/replacement-hot-water/" >Harvey Norman Hot Water</a></li> <li><a rel="nofollow" href="http://www.harveynormanenergy.com.au/" target="_blank" title="Harvey Norman Energy">Harvey Norman Energy</a></li> </ul> </div> <h3 class="_title p_txt-upper hidden-xs">Follow us on</h3> <ul class="nav nav_list "> <li> <a href="http://www.facebook.com/HarveyNormanAU" class="p_icon-link-secondary l_dsp-in-blc"> <i class="icon-facebook-sign icon-2x"></i> <span class="sr-only">Share this on Facebook</span> </a> &nbsp; <a href="https://plus.google.com/105279174856486784617/" class="p_icon-link-secondary l_dsp-in-blc"> <i class="icon-google-plus-sign icon-2x"></i> <span class="sr-only">Share this on Google+</span> </a> &nbsp; <a href="http://twitter.com/HarveyNormanAU" class="p_icon-link-secondary l_dsp-in-blc"> <i class="icon-twitter-sign icon-2x"></i> <span class="sr-only">Share this on Twitter</span> </a> &nbsp; <a href="http://www.pinterest.com/harveynorman/" class="p_icon-link-secondary l_dsp-in-blc"> <i class="icon-pinterest-sign icon-2x"></i> <span class="sr-only">Share this on Pinterest</span> </a> </li> </ul> </div> </div> <!-- ./ .row --> </div> <!-- ./ .mega-footer --> </div> <!-- ./ .container --> </div> </footer> <!-- end static_block ui_content_footer all store views --> <div class="container"> <div class="row"> <div class="l_mgn-tb-sm cfx"> <!-- start content_footer_fineprint_main --> <div class="col-sm-6 l_mgn-t-sm"> <!-- content footer legal paragraphs --> <p class="quiet p_txt-sm">&copy; 2015 Harvey Norman Online &nbsp; | &nbsp; Harvey Norman Online is operated by The eComm Store Pty Ltd, an independent franchisee. Harvey Norman Stores are operated by independent franchisees.</p> </div> <!-- content footer trust icons --> <div class="trust-icons col-sm-6 cfx last"> <div class="row"> <div class="col-sm-6"> <img id="payment-logo-interest-free" title="Interest Free" alt="Interest Free" src="https://doxz7msmg7sxx.cloudfront.net/media/wysiwyg/ge/ui_content_footer_fineprint_main48x40.jpg"> <img title="MasterCard" alt="MasterCard" src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/default/images/payment-method/masterCard.png"> <img title="Visa" alt="Visa" src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/default/images/payment-method/visa.png"> <img border="0" title="American Express" alt="American Express" src="https://doxz7msmg7sxx.cloudfront.net/media/hnau/cart/amex.png"> <img border="0" title="Paypal" alt="Paypal" src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/default/images/payment-method/pp-acceptance-small.png"> <img title="MasterCard" alt="MasterCard" src="https://doxz7msmg7sxx.cloudfront.net/skin/frontend/ui/default/images/payment-method/masterpass.png"> <img title="Visa Express" src="https://assets.secure.checkout.visa.com/VmeCardArts/partner/POS_vertical_medium_40x30.png" alt="Visa Express" /> </div> <div class="col-sm-6"> <p class="quiet p_txt-sm"><span class="spt spt_payment spt_cs"></span> &nbsp; Secure Online Shopping </p> </div> </div> </div> </div> <!-- end static_block ui_content_footer_fineprint_main all store views --></div> </div> <script>
window.storageFrameLoaded = false;
window.localStoreOnload = function(){ window.storageFrameLoaded = true;
}
</script> <iframe src="https://www.harveynorman.com.au/ajaxwishlist/index/hnlocalstore/" name="hnPostMessage" style="display:none" onload="localStoreOnload()"></iframe> <!-- test --><script type="text/javascript" src="https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/42720d319712804e3b022e319431d29d4f00425a/ts/1475686366/"></script><!-- test --><script> var hnjs = hnjs || []; hnjs.push(['https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/3f2bf38c1d5ba267686772bfea5f34f63fe25dbd/ts/1475686366/']); </script><!-- test --><script> var hnjs = hnjs || []; hnjs.push(['https://doxz7msmg7sxx.cloudfront.net/minify/index/index/g/e2380ccdb6279294f1288de5cefcd3603fde76f0/ts/1475686177/']); </script> <!-- wings --> <div id="hnau-wings" class="advert advert_dfp advert_wings" style="display:none" > <script type='text/javascript'>	googletag.cmd.push(function() {	window.dfp_display_hnau_wings = googletag.display('hnau-wings');	});	</script> </div> <div class="zblock zblock-product-page-bottom"> <!-- start GTM event push to dataLayer --> <script type="text/javascript">
dataLayer.push({'event': 'page_product'});
</script> <!-- start GTM event push to dataLayer --> </div> <!-- wings --> <div id="hnau-wings" class="advert advert_dfp advert_wings" style="display:none" > <script type='text/javascript'>	googletag.cmd.push(function() {	window.dfp_display_hnau_wings = googletag.display('hnau-wings');	});	</script> </div> <!-- CODE TO FIX RM-2576 --> <script>
if(typeof jQuery != "undefined"){	var hn_price_config = jQuery('#product-view-price .configured-price .price'), hn_id = hn_price_config.attr('data-pid');	if( hn_price_config.length > 0 ){	hn_price_config.attr('id', hn_id);	}
}
</script><!-- end FOOTER --> </div>
</div>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"67377185ae","applicationID":"309684","transactionName":"NAAHZBMDDRAFUEFZWQ1KMEIITQoNAFZNHkYLFQ==","queueTime":0,"applicationTime":33,"atts":"GEcEElsZHh4=","errorBeacon":"bam.nr-data.net","agent":""}</script>
</body>
</html>
</body>
</html>
Harvey Norman - Product Page - Script Codes
Harvey Norman - Product Page - Script Codes
Home Page Home
Developer Steven Birchall
Username sbirchall
Uploaded July 22, 2022
Rating 3
Size 39,225 Kb
Views 32,384
Do you need developer help for Harvey Norman - Product Page?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Steven Birchall (sbirchall) Script Codes
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!