API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 8th, 2015
2,136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 241.83 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang='en'>
  4. <head>
  5. <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"26ff201b8c","applicationID":"3665433","transactionName":"elkITUAOXlUHFhdDXVsZFlFdFV1mEgVfURdQWAJcSg==","queueTime":1,"applicationTime":492,"agent":"js-agent.newrelic.com/nr-768.min.js"}</script>
  6. <script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"VgYHVVRACwUGUVVRBA=="};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}({QJf3ax:[function(t,e){function n(t){function e(e,n,a){t&&t(e,n,a),a||(a={});for(var c=s(e),f=c.length,u=i(a,o,r),d=0;f>d;d++)c[d].apply(u,n);return u}function a(t,e){f[t]=s(t).concat(e)}function s(t){return f[t]||[]}function c(){return n(e)}var f={};return{on:a,emit:e,create:c,listeners:s,_events:f}}function r(){return{}}var o="nr@context",i=t("gos");e.exports=n()},{gos:"7eSDFh"}],ee:[function(t,e){e.exports=t("QJf3ax")},{}],3:[function(t){function e(t){try{i.console&&console.log(t)}catch(e){}}var n,r=t("ee"),o=t(1),i={};try{n=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(i.console=!0,-1!==n.indexOf("dev")&&(i.dev=!0),-1!==n.indexOf("nr_dev")&&(i.nrDev=!0))}catch(a){}i.nrDev&&r.on("internal-error",function(t){e(t.stack)}),i.dev&&r.on("fn-err",function(t,n,r){e(r.stack)}),i.dev&&(e("NR AGENT IN DEVELOPMENT MODE"),e("flags: "+o(i,function(t){return t}).join(", ")))},{1:24,ee:"QJf3ax"}],4:[function(t){function e(t,e,n,i,s){try{c?c-=1:r("err",[s||new UncaughtException(t,e,n)])}catch(f){try{r("ierr",[f,(new Date).getTime(),!0])}catch(u){}}return"function"==typeof a?a.apply(this,o(arguments)):!1}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function n(t){r("err",[t,(new Date).getTime()])}var r=t("handle"),o=t(6),i=t("ee"),a=window.onerror,s=!1,c=0;t("loader").features.err=!0,t(5),window.onerror=e;try{throw new Error}catch(f){"stack"in f&&(t(1),t(2),"addEventListener"in window&&t(3),window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent)&&t(4),s=!0)}i.on("fn-start",function(){s&&(c+=1)}),i.on("fn-err",function(t,e,r){s&&(this.thrown=!0,n(r))}),i.on("fn-end",function(){s&&!this.thrown&&c>0&&(c-=1)}),i.on("internal-error",function(t){r("ierr",[t,(new Date).getTime(),!0])})},{1:11,2:10,3:8,4:12,5:3,6:25,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],5:[function(t){if(window.addEventListener){var e=t("handle"),n=t("ee");t(1),window.addEventListener("click",function(){e("inc",["ck"])},!1),window.addEventListener("hashchange",function(){e("inc",["hc"])},!1),n.on("pushState-start",function(){e("inc",["ps"])})}},{1:9,ee:"QJf3ax",handle:"D5DuLP"}],6:[function(t){t("loader").features.ins=!0},{loader:"G9z0Bl"}],7:[function(t){function e(){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var n=t("ee"),r=t("handle"),o=t(1),i=t(2);t("loader").features.stn=!0,t(3);var a=Event;n.on("fn-start",function(t){var e=t[0];e instanceof a&&(this.bstStart=Date.now())}),n.on("fn-end",function(t,e){var n=t[0];n instanceof a&&r("bst",[n,e,this.bstStart,Date.now()])}),o.on("fn-start",function(t,e,n){this.bstStart=Date.now(),this.bstType=n}),o.on("fn-end",function(t,e){r("bstTimer",[e,this.bstStart,Date.now(),this.bstType])}),i.on("fn-start",function(){this.bstStart=Date.now()}),i.on("fn-end",function(t,e){r("bstTimer",[e,this.bstStart,Date.now(),"requestAnimationFrame"])}),n.on("pushState-start",function(){this.time=Date.now(),this.startPath=location.pathname+location.hash}),n.on("pushState-end",function(){r("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),"addEventListener"in window.performance&&(window.performance.addEventListener("webkitresourcetimingbufferfull",function(){r("bstResource",[window.performance.getEntriesByType("resource")]),window.performance.webkitClearResourceTimings()},!1),window.performance.addEventListener("resourcetimingbufferfull",function(){r("bstResource",[window.performance.getEntriesByType("resource")]),window.performance.clearResourceTimings()},!1)),document.addEventListener("scroll",e,!1),document.addEventListener("keypress",e,!1),document.addEventListener("click",e,!1)}},{1:11,2:10,3:9,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],8:[function(t,e){function n(t){i.inPlace(t,["addEventListener","removeEventListener"],"-",r)}function r(t){return t[1]}var o=t("ee").create(),i=t(1)(o),a=t("gos");if(e.exports=o,n(window),"getPrototypeOf"in Object){for(var s=document;s&&!s.hasOwnProperty("addEventListener");)s=Object.getPrototypeOf(s);s&&n(s);for(var c=XMLHttpRequest.prototype;c&&!c.hasOwnProperty("addEventListener");)c=Object.getPrototypeOf(c);c&&n(c)}else XMLHttpRequest.prototype.hasOwnProperty("addEventListener")&&n(XMLHttpRequest.prototype);o.on("addEventListener-start",function(t,e){function n(){return s}if(t[1]){var r=t[1];if("function"==typeof r){var s=a(r,"nr@wrapped",function(){return i(r,"fn-",n,r.name||"anonymous")});this.wrapped=t[1]=s,o.emit("initEventContext",[t,e],this.wrapped)}else"function"==typeof r.handleEvent&&i.inPlace(r,["handleEvent"],"fn-")}}),o.on("removeEventListener-start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{1:26,ee:"QJf3ax",gos:"7eSDFh"}],9:[function(t,e){var n=t("ee").create(),r=t(1)(n);e.exports=n,r.inPlace(window.history,["pushState","replaceState"],"-")},{1:26,ee:"QJf3ax"}],10:[function(t,e){var n=t("ee").create(),r=t(1)(n);e.exports=n,r.inPlace(window,["requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","msRequestAnimationFrame"],"raf-"),n.on("raf-start",function(t){t[0]=r(t[0],"fn-")})},{1:26,ee:"QJf3ax"}],11:[function(t,e){function n(t,e,n){t[0]=i(t[0],"fn-",null,n)}function r(t,e,n){function r(){return a}this.ctx={};var a={"nr@context":this.ctx};o.emit("initTimerContext",[t,n],a),t[0]=i(t[0],"fn-",r,n)}var o=t("ee").create(),i=t(1)(o);e.exports=o,i.inPlace(window,["setTimeout","setImmediate"],"setTimer-"),i.inPlace(window,["setInterval"],"setInterval-"),i.inPlace(window,["clearTimeout","clearImmediate"],"clearTimeout-"),o.on("setInterval-start",n),o.on("setTimer-start",r)},{1:26,ee:"QJf3ax"}],12:[function(t,e){function n(){f.inPlace(this,p,"fn-",o)}function r(t,e){f.inPlace(e,["onreadystatechange"],"fn-")}function o(t,e){return e}function i(t,e){for(var n in t)e[n]=t[n];return e}var a=t("ee").create(),s=t(1),c=t(2),f=c(a),u=c(s),d=window.XMLHttpRequest,p=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"];e.exports=a,window.XMLHttpRequest=function(t){var e=new d(t);try{a.emit("new-xhr",[],e),e.hasOwnProperty("addEventListener")&&u.inPlace(e,["addEventListener","removeEventListener"],"-",o),e.addEventListener("readystatechange",n,!1)}catch(r){try{a.emit("internal-error",[r])}catch(i){}}return e},i(d,XMLHttpRequest),XMLHttpRequest.prototype=d.prototype,f.inPlace(XMLHttpRequest.prototype,["open","send"],"-xhr-",o),a.on("send-xhr-start",r),a.on("open-xhr-start",r)},{1:8,2:26,ee:"QJf3ax"}],13:[function(t){function e(t){var e=this.params,r=this.metrics;if(!this.ended){this.ended=!0;for(var i=0;c>i;i++)t.removeEventListener(s[i],this.listener,!1);if(!e.aborted){if(r.duration=(new Date).getTime()-this.startTime,4===t.readyState){e.status=t.status;var a=t.responseType,f="arraybuffer"===a||"blob"===a||"json"===a?t.response:t.responseText,u=n(f);if(u&&(r.rxSize=u),this.sameOrigin){var d=t.getResponseHeader("X-NewRelic-App-Data");d&&(e.cat=d.split(", ").pop())}}else e.status=0;r.cbTime=this.cbTime,o("xhr",[e,r,this.startTime])}}}function n(t){if("string"==typeof t&&t.length)return t.length;if("object"!=typeof t)return void 0;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)return void 0;try{return JSON.stringify(t).length}catch(e){return void 0}}function r(t,e){var n=i(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}if(window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent)){t("loader").features.xhr=!0;var o=t("handle"),i=t(2),a=t("ee"),s=["load","error","abort","timeout"],c=s.length,f=t(1),u=window.XMLHttpRequest;t(4),t(3),a.on("new-xhr",function(){this.totalCbs=0,this.called=0,this.cbTime=0,this.end=e,this.ended=!1,this.xhrGuids={}}),a.on("open-xhr-start",function(t){this.params={method:t[0]},r(this,t[1]),this.metrics={}}),a.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)}),a.on("send-xhr-start",function(t,e){var r=this.metrics,o=t[0],i=this;if(r&&o){var f=n(o);f&&(r.txSize=f)}this.startTime=(new Date).getTime(),this.listener=function(t){try{"abort"===t.type&&(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof e.onload))&&i.end(e)}catch(n){try{a.emit("internal-error",[n])}catch(r){}}};for(var u=0;c>u;u++)e.addEventListener(s[u],this.listener,!1)}),a.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)}),a.on("xhr-load-added",function(t,e){var n=""+f(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),a.on("xhr-load-removed",function(t,e){var n=""+f(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),a.on("addEventListener-end",function(t,e){e instanceof u&&"load"===t[0]&&a.emit("xhr-load-added",[t[1],t[2]],e)}),a.on("removeEventListener-end",function(t,e){e instanceof u&&"load"===t[0]&&a.emit("xhr-load-removed",[t[1],t[2]],e)}),a.on("fn-start",function(t,e,n){e instanceof u&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=(new Date).getTime()))}),a.on("fn-end",function(t,e){this.xhrCbStart&&a.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCbStart,this.onload,e],e)})}},{1:"XL7HBI",2:14,3:12,4:8,ee:"QJf3ax",handle:"D5DuLP",loader:"G9z0Bl"}],14:[function(t,e){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("://");return!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),r.sameOrigin=!e.hostname||e.hostname===document.domain&&e.port===n.port&&e.protocol===n.protocol,r}},{}],15:[function(t,e){function n(t){return function(){r(t,[(new Date).getTime()].concat(i(arguments)))}}var r=t("handle"),o=t(1),i=t(2);"undefined"==typeof window.newrelic&&(newrelic=window.NREUM);var a=["setPageViewName","addPageAction","setCustomAttribute","finished","addToTrace","inlineHit","noticeError"];o(a,function(t,e){window.NREUM[e]=n("api-"+e)}),e.exports=window.NREUM},{1:24,2:25,handle:"D5DuLP"}],gos:[function(t,e){e.exports=t("7eSDFh")},{}],"7eSDFh":[function(t,e){function n(t,e,n){if(r.call(t,e))return t[e];var o=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return t[e]=o,o}var r=Object.prototype.hasOwnProperty;e.exports=n},{}],D5DuLP:[function(t,e){function n(t,e,n){return r.listeners(t).length?r.emit(t,e,n):void(r.q&&(r.q[t]||(r.q[t]=[]),r.q[t].push(e)))}var r=t("ee").create();e.exports=n,n.ee=r,r.q={}},{ee:"QJf3ax"}],handle:[function(t,e){e.exports=t("D5DuLP")},{}],XL7HBI:[function(t,e){function n(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:i(t,o,function(){return r++})}var r=1,o="nr@id",i=t("gos");e.exports=n},{gos:"7eSDFh"}],id:[function(t,e){e.exports=t("XL7HBI")},{}],G9z0Bl:[function(t,e){function n(){var t=p.info=NREUM.info,e=f.getElementsByTagName("script")[0];if(t&&t.licenseKey&&t.applicationID&&e){s(d,function(e,n){e in t||(t[e]=n)});var n="https"===u.split(":")[0]||t.sslForHttp;p.proto=n?"https://":"http://",a("mark",["onload",i()]);var r=f.createElement("script");r.src=p.proto+t.agent,e.parentNode.insertBefore(r,e)}}function r(){"complete"===f.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=t("handle"),s=t(1),c=window,f=c.document;t(2);var u=(""+location).split("?")[0],d={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-768.min.js"},p=e.exports={offset:i(),origin:u,features:{}};f.addEventListener?(f.addEventListener("DOMContentLoaded",o,!1),c.addEventListener("load",n,!1)):(f.attachEvent("onreadystatechange",r),c.attachEvent("onload",n)),a("mark",["firstbyte",i()])},{1:24,2:15,handle:"D5DuLP"}],loader:[function(t,e){e.exports=t("G9z0Bl")},{}],24:[function(t,e){function n(t,e){var n=[],o="",i=0;for(o in t)r.call(t,o)&&(n[i]=e(o,t[o]),i+=1);return n}var r=Object.prototype.hasOwnProperty;e.exports=n},{}],25:[function(t,e){function n(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(0>o?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=n},{}],26:[function(t,e){function n(t){return!(t&&"function"==typeof t&&t.apply&&!t[i])}var r=t("ee"),o=t(1),i="nr@original",a=Object.prototype.hasOwnProperty;e.exports=function(t){function e(t,e,r,a){function nrWrapper(){var n,i,s,f;try{i=this,n=o(arguments),s=r&&r(n,i)||{}}catch(d){u([d,"",[n,i,a],s])}c(e+"start",[n,i,a],s);try{return f=t.apply(i,n)}catch(p){throw c(e+"err",[n,i,p],s),p}finally{c(e+"end",[n,i,f],s)}}return n(t)?t:(e||(e=""),nrWrapper[i]=t,f(t,nrWrapper),nrWrapper)}function s(t,r,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<r.length;c++)s=r[c],a=t[s],n(a)||(t[s]=e(a,f?s+o:o,i,s))}function c(e,n,r){try{t.emit(e,n,r)}catch(o){u([o,e,n,r])}}function f(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){u([r])}for(var o in t)a.call(t,o)&&(e[o]=t[o]);return e}function u(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=r),e.inPlace=s,e.flag=i,e}},{1:25,ee:"QJf3ax"}]},{},["G9z0Bl",4,13,7,6,5]);</script>
  7. <title>* by Konstantin Kryukovskiy | 500px Marketplace</title>
  8. <meta name="description" content="Buy a royalty-free license of this photo from 500px Marketplace&#39;s collection of premium photos." />
  9. <meta property="og:title" content="* by Konstantin Kryukovskiy | 500px Marketplace" />
  10. <meta property="og:description" content="Buy a royalty-free license of this photo from 500px Marketplace&#39;s collection of premium photos." />
  11. <meta property="og:image" content="https://drscdn.500px.org/photo/59454200/w%3D600_s%3D1/7a9daf831967a46e24a324e7b976003d" />
  12. <meta property="og:url" content="https://marketplace.500px.com/photos/59454200/-by-konstantin-kryukovskiy" />
  13. <link rel="shortcut icon" type="image/x-icon" href="https://mktcdn.500px.org/assets/common/favicon-d14f3f8405f4e46d8a6f3e143245b5e97a9baf01feaf7fadc25540df01e89781.ico" />
  14. <script type="text/javascript">
  15. //<![CDATA[
  16. window.gon={};gon.env="production";gon.cart_items=[];gon.galleries=[{"id":85,"name":"Holiday Crafts Nouveau","headline":"Crafty holiday images that shine bright.","description":"","created_at":"2015-10-14T20:09:48Z","nr_items":77,"cover_photo_position":"5% 45%","previews":[{"id":416555,"name":"Pussy willow","width":5336,"height":3673,"store_width":5336,"store_height":3680,"created_at":"2011-03-10T15:07:14Z","available":true,"high_resolution":true,"slug":"pussy-willow-by-julia-krasovskaya","licensing_type":"exclusive","license":"royalty_free","category":"still_life","tags":["strawberry mood","mood","branch","nature","bow","sunlight","light","sun","pastel","still life","spring","\u043f\u0440\u0438\u0440\u043e\u0434\u0430","\u043a\u043e\u0442\u0438\u043a\u0438","\u0432\u0435\u0440\u0431\u0430","\u0432\u0435\u0442\u043a\u0430","\u0432\u0435\u0441\u043d\u0430","salix acutifolia","pussy willow","willow","bokeh","tenderness","softness","Poltava","Ukraine","bouquet","bunch","close up","close-up","day","exclusive","fuzzy","gift","poltava","ribbon","soft","twig","ukraine"],"filters":["landscape","license_type_exclusive","animals_absent","indoor","people_absent"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"I love pussy willow. \r\nHere in Ukraine people call it \"Kotiki\", which means \"Pussy cats\" :)","adult":false,"user":{"id":17420,"city":"Moscow","country":"Russia","fullname":"Julia Krasovskaya","firstname":"Julia","lastname":"Krasovskaya","user_name":"strawberry_mood","avatar_url":"https:\/\/pacdn.500px.org\/17420\/1512295c16f2051f1bdede384a091b9f55ce698e\/1.jpg?11","rating":13882},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/416555\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/ec29cd8b240ab0ffa390a7960631cdb1"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/416555\/w%3D280_s%3D1\/d789fe42b42fa8ff7f871a8f596f0bf6"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/416555\/w%3D560_s%3D1\/89b741cd1e490de795d2e9b17a3d1c0e"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/416555\/w%3D600_s%3D1\/88d5a314d3dfe8d702fb5b3b2519ff31"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/416555\/w%3D115_h%3D115_s%3D1\/8ded995b7df2c25a433023fdd0fb2d38"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/416555\/w%3D160_h%3D160_s%3D1\/108ccfc0a9a721e101996806be0ee312"}],"model_release":false,"location_release":false},{"id":21907153,"name":"I Love Steam","width":2575,"height":3821,"store_width":2525,"store_height":3771,"created_at":"2012-12-31T00:26:47Z","available":true,"high_resolution":true,"slug":"i-love-steam-by-aaron-kenny","licensing_type":"exclusive","license":"royalty_free","category":"still_life","tags":["christmas","festive","mug","cup","cosy","drink","bokeh","heart","love","England","Telford","assorted","assortment","beverage","candle","hearts","hot","lights","liquid","object","refreshment","still life","table","tea","variation","variety","various","warm"],"filters":["license_type_exclusive","portrait","animals_absent","indoor","people_absent"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"A cosy cuppa","adult":false,"user":{"id":466518,"city":"","country":"England","fullname":"Aaron Kenny","firstname":"Aaron","lastname":"Kenny","user_name":"Aaron_Kenny","avatar_url":"https:\/\/pacdn.500px.org\/466518\/f743cba07443658ede54a89077495326fa34f350\/1.jpg?118","rating":470},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/21907153\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/3b6214c1c47f1a81b4f1272010f47251"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/21907153\/w%3D280_s%3D1\/2a675d5f0d2e8e4c6d408ad498e36fa3"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/21907153\/w%3D560_s%3D1\/6f3df0d5d7922f2545310dfc972b3a7c"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/21907153\/w%3D600_s%3D1\/55db0dfbe849a2c299c9be288593ca2b"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/21907153\/w%3D115_h%3D115_s%3D1\/2964e7bd4bf6d2896af53f0e1b88b0cb"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/21907153\/w%3D160_h%3D160_s%3D1\/4eb703ed4f0a1abb69258495acec1942"}],"model_release":false,"location_release":false},{"id":36355934,"name":"Igloo (Powdered Sugar)","width":3056,"height":4592,"store_width":3056,"store_height":4592,"created_at":"2013-06-02T09:29:03Z","available":true,"high_resolution":true,"slug":"igloo-powdered-sugar-by-dina-belenko","licensing_type":"non_exclusive","license":"royalty_free","category":"food","tags":["Eskimo","baking","blizzard","cold","cookies","hill","house","ice","icing","icing sugar","igloo","mountain","north pole","paper","pastry","pole","pour","rock","silhouette","snow","white","winter","festive"],"filters":["portrait","indoor","people_absent","license_type_non_exclusive"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Series \"Powdered Sugar\"","adult":false,"user":{"id":149426,"city":"Khabarovsk","country":"Russian Federation","fullname":"Dina Belenko","firstname":"Dina","lastname":"Belenko","user_name":"Arken","avatar_url":"https:\/\/pacdn.500px.org\/149426\/14fa7a0f20545527643bf5db9a0e2e2eebeb8500\/1.jpg?8","rating":63732},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/36355934\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/59313a2f45e662c16c2013d47820b617"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/36355934\/w%3D280_s%3D1\/ad6942517907aaff578b9f68e752da1b"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/36355934\/w%3D560_s%3D1\/0c295dd124944b9bdcd87361478136a7"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/36355934\/w%3D600_s%3D1\/daaf2e57ee6304bf08b20161a0f7eab3"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/36355934\/w%3D115_h%3D115_s%3D1\/f497e6445372d55aa9196d42196b9999"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/36355934\/w%3D160_h%3D160_s%3D1\/f8c739ee3eaff8e24dfdbf9af897ad86"}],"model_release":false,"location_release":false}],"cover_photo":{"id":93134435,"name":"Christmas time","width":6480,"height":4320,"store_width":6480,"store_height":4320,"created_at":"2014-12-20T12:13:50Z","available":true,"high_resolution":true,"slug":"christmas-time-by-nevena-zlateva","licensing_type":"exclusive","license":"royalty_free","category":"still_life","tags":["christmas","festive season","holiday season","christmas balls","gold","silver","yellow"],"filters":["landscape","indoor","license_type_exclusive","people_absent"],"licensing_status":5,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":15000,"web":3500,"resale":30000},"description":"christmas and holiday season","adult":false,"hi_res_url":"https:\/\/drscdn.500px.org\/photo\/93134435\/m%3D2048\/0cefa9c08c1c7e5951d3214ca9f92eb5","user":{"id":2558295,"city":"","country":"","fullname":"Nevena Zlateva","firstname":"Nevena","lastname":"Zlateva","user_name":"nevenazlateva","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/37fe044b7da2cce51b22eb5df8d88768?s=300\u0026r=g\u0026d=https:\/\/pacdn.500px.org\/userpic.png","rating":140},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/93134435\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/3534d44dc97874728b4e37f825cf1368"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/93134435\/w%3D280_s%3D1\/a43066ec932753ea75ac98acb27cfa05"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/93134435\/w%3D560_s%3D1\/d26f74b2f5724664500792341b977a19"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/93134435\/w%3D600_s%3D1\/f6bc3b23935d1e00fac277fe2131265b"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/93134435\/w%3D115_h%3D115_s%3D1\/ff072ec47967a6e89e3a729fa4462345"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/93134435\/w%3D160_h%3D160_s%3D1\/395785709fd6936dcfd2aea881142535"}],"model_release":false,"location_release":false}},{"id":83,"name":"Wanderlust","headline":"Travel the world with us.","description":"","created_at":"2015-09-23T18:52:24Z","nr_items":49,"cover_photo_position":"5% 50%","previews":[{"id":370468,"name":"Hazy morning","width":900,"height":600,"store_width":5454,"store_height":3636,"created_at":"2011-02-20T16:43:57Z","available":true,"high_resolution":true,"slug":"hazy-morning-by-daniel-%C5%98e%C5%99icha","licensing_type":"non_exclusive","license":"royalty_free","category":"landscapes","tags":["autumn","mist","trees","landscape","fog","morning","rocks","valley","photographer","czech republic","national park","workshop","landscape photography","czech switzerland","bohemian switzerland","valleys","autumn landscape","b\u00f6hmische schweiz","autumn colors","colors","Bohemian Switzerland","B\u00f6hmische Schweiz","Czech republic","Tschechische Republik","adult","backlight","backlit","eroded","erosion","foggy","glow","hazy","male","man","misty","mountain","mountain range","mountains","nature","peak","person","rock","rock formation","rocky","scenic","silhouette","tschechische republik"],"filters":["landscape","license_type_non_exclusive","outdoor","people_present"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Today, I put another picture of this one autumn morning in the Czech Switzerland. Unfortunately, instead of the predicted fog, we met with Martin Rak just waited to see a strong haze, but even so it had its own atmosphere with which I share with you today.","adult":false,"user":{"id":35000,"city":"Krupka","country":"Czech republic","fullname":"Daniel \u0158e\u0159icha","firstname":"Daniel","lastname":"\u0158e\u0159icha","user_name":"Rericha","avatar_url":"https:\/\/pacdn.500px.org\/35000\/8f74b13033b3535a2b927dd61d44445dda89c5b0\/1.jpg?5","rating":262942},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/370468\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/cdace3dc16308533de4ae912f1731b82"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/370468\/w%3D280_s%3D1\/3973f85a06c8e48de24a8325c70e004d"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/370468\/w%3D560_s%3D1\/8ed24ab4be061786b6e705d14c63b213"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/370468\/w%3D600_s%3D1\/e05cb29e96d7e50dfa402163579f5a6e"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/370468\/w%3D115_h%3D115_s%3D1\/5c7fc5ad628fb8d386d796c67af4daa5"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/370468\/w%3D160_h%3D160_s%3D1\/e45edb323f4a9614bfd178257623b5bd"}],"model_release":false,"location_release":false},{"id":1298283,"name":"City view","width":1000,"height":643,"store_width":5016,"store_height":3226,"created_at":"2011-07-24T16:49:58Z","available":true,"high_resolution":true,"slug":"city-view-by-sander-van-der-werf","licensing_type":"non_exclusive","license":"royalty_free","category":"landscapes","tags":["autumn","blue","dawn","dusk","lake","landscape","water","wet","alone","april","boardwalk","building","calm","central","city","dutch","fall","fog","footbridge","freedom","groningen","horizon","idyllic","jetty","man","Groningen","The Netherlands (Holland)","adult","dock","male","mist","morning","one person","reflection","skyline","sunrise"],"filters":["animals_absent","landscape","license_type_non_exclusive","outdoor","people_present"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Man standing on a pier looking at the city during a foggy sunrise.","adult":false,"user":{"id":168682,"city":"Groningen","country":"The Netherlands","fullname":"Sander van der Werf","firstname":"Sander","lastname":"van der Werf","user_name":"sandervanderwerf","avatar_url":"https:\/\/pacdn.500px.org\/168682\/1b9b5e7b29735443e78396293f886ca957d31a33\/1.jpg?5","rating":9801},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/1298283\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/fc082cca0d026480722ddd3086c46cac"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/1298283\/w%3D280_s%3D1\/49b9933cec0e1f4b77dc69e19ae6fabb"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/1298283\/w%3D560_s%3D1\/77d0575d0c040aa64d855a1ac5065091"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/1298283\/w%3D600_s%3D1\/b14a7f9180a317fdea8d9515d6ddbf34"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/1298283\/w%3D115_h%3D115_s%3D1\/e98162a5392f15250014d254cbe6f482"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/1298283\/w%3D160_h%3D160_s%3D1\/067b230f384c9f60da988d120532c205"}],"model_release":true,"location_release":false},{"id":2109846,"name":"With nature as one","width":619,"height":900,"store_width":2912,"store_height":4368,"created_at":"2011-09-22T11:01:30Z","available":true,"high_resolution":true,"slug":"with-nature-as-one-by-andrey-narchuk","licensing_type":"non_exclusive","license":"royalty_free","category":"underwater","tags":["dive","blue","diver","free","school","fish","sea","art","action","freediver","nature","swim","2 People","Animals","Diving","Diving Equipment","Fish","Front View","Full Length","Large Group Of Animals","Ocean And Sea","Recreation","School Of Fish","Sea Life","Sunlight","Swim Fins","Swimming","Underwater","View From Below"],"filters":["portrait","license_type_non_exclusive","outdoor","people_present"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Freediver and school of barracuda","adult":false,"user":{"id":224098,"city":"Moscow","country":"Russia","fullname":"Andrey Narchuk","firstname":"Andrey","lastname":"Narchuk","user_name":"narchuk","avatar_url":"https:\/\/pacdn.500px.org\/224098\/d1335688950999e03516b5827c14111b9da277c5\/1.jpg?4","rating":34978},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/2109846\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/d7d1d1b886023a6f2a5011dd3241ff8b"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/2109846\/w%3D280_s%3D1\/893e49b787dd8a10bdd475e1e039b5d0"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/2109846\/w%3D560_s%3D1\/bcbe781bfc5b9fb310d8d83aca2c8632"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/2109846\/w%3D600_s%3D1\/f89c57e237794f0df207d77ccccadb17"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/2109846\/w%3D115_h%3D115_s%3D1\/1e1b4f5aa03e064504eb5af97f02a1ba"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/2109846\/w%3D160_h%3D160_s%3D1\/3d7e27d9c6de3065648be9e7280dac6f"}],"model_release":false,"location_release":false}],"cover_photo":{"id":91885419,"name":"Kayaker\u00b4s camp","width":1920,"height":1290,"store_width":4310,"store_height":2896,"created_at":"2014-12-06T15:44:06Z","available":true,"high_resolution":true,"slug":"kayaker-s-camp-by-markus-sirkka","licensing_type":"non_exclusive","license":"royalty_free","category":"landscapes","tags":["landscape","Rautalampi","September","atmosphere","atmospheric","kayak","lake","national park","night","outdoor","paddling","Etel\u00e4-Konnevesi","Finland"],"filters":["landscape","license_type_non_exclusive","outdoor","people_present"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Etela-Konnevesi (Southern Konnevesi) National Park, Rautalampi, Finland","adult":false,"hi_res_url":"https:\/\/drscdn.500px.org\/photo\/91885419\/m%3D2048\/c3bb9775b1d78ed87c6d6d03564e31fc","user":{"id":2062827,"city":"Kannonkoski","country":"Finland","fullname":"Markus Sirkka","firstname":"Markus","lastname":"Sirkka","user_name":"Sirkka","avatar_url":"https:\/\/pacdn.500px.org\/2062827\/ed8c76c1a09efceaaccb8f7065999284b1f4ea81\/1.jpg?1","rating":900},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/91885419\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/75156882d58ec4e39cb39b3f075a73f6"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/91885419\/w%3D280_s%3D1\/a7dab28dbf00a06b5bef83e76de53470"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/91885419\/w%3D560_s%3D1\/f079979891d2ed91e8c60c60b626f84d"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/91885419\/w%3D600_s%3D1\/b8aff3c15e3bc380f9b6ca32702e5a27"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/91885419\/w%3D115_h%3D115_s%3D1\/d7dcf7a5a9df95e6dffedbdff4336b20"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/91885419\/w%3D160_h%3D160_s%3D1\/2ac765f997801fb3a1bfc07809931a8b"}],"model_release":true,"location_release":false}},{"id":81,"name":"Better Together","headline":" Cherishing connections around us.","description":"","created_at":"2015-08-04T17:14:23Z","nr_items":47,"cover_photo_position":"5% 45%","previews":[{"id":3240177,"name":"Summer in Norway...","width":3655,"height":3655,"store_width":3655,"store_height":3655,"created_at":"2011-11-16T23:04:53Z","available":true,"high_resolution":true,"slug":"summer-in-norway-by-blender2-","licensing_type":"exclusive","license":"royalty_free","category":"people","tags":["summer","legs","norway","girls","rain","boots","child","childhood","clothing","dirty","exclusive","footwear","friends","friendship","fun","girl","kid","little","outside","pavement","polka dot","protection","rain boots","rainy","rubber","splash","spring","square","water","waterproof","weather","wet","young"],"filters":["license_type_exclusive","square","animals_absent","outdoor","people_present","pink"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"","adult":false,"user":{"id":260611,"city":"Sarpsborg","country":"Norway","fullname":"Blender2 ","firstname":"Blender2","lastname":"","user_name":"glehan","avatar_url":"https:\/\/pacdn.500px.org\/260611\/e773af0b8414c874aa9cde5eb3f0d4f370cfb24b\/1.jpg?5","rating":957},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/3240177\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/28497232e5627ab5d49d45bee0df1442"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/3240177\/w%3D280_s%3D1\/244f0a28b3bf7d77675b17ced41077bd"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/3240177\/w%3D560_s%3D1\/b6dcf88495a9fa27a91fb9ec1b6fb34b"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/3240177\/w%3D600_s%3D1\/8da0d742108e813d1d379d7971a1e402"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/3240177\/w%3D115_h%3D115_s%3D1\/f46d459ef4a3f186b04a4e7dd80482cd"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/3240177\/w%3D160_h%3D160_s%3D1\/4a7f0e3204dd5872722cf8ca71023f6d"}],"model_release":false,"location_release":false},{"id":3477516,"name":"Railway Tracks at Dawn","width":1879,"height":2200,"store_width":4034,"store_height":4724,"created_at":"2011-11-30T17:22:53Z","available":true,"high_resolution":true,"slug":"railway-tracks-at-dawn-by-steve-meddle","licensing_type":"non_exclusive","license":"royalty_free","category":"abstract","tags":["railway","tracks","track","overhead","line","lines","cables","cable","train","signals","stop","red light","points","sunrise","early morning","locomotive","orange","rail","sun","sunshine","wires","yellow"],"filters":["square","license_type_non_exclusive","outdoor","people_absent"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Railway Tracks at Dawn, Essex, Britain","adult":false,"user":{"id":371444,"city":"London","country":"England","fullname":"Steve Meddle","firstname":"Steve","lastname":"Meddle","user_name":"Lenscap_Photography","avatar_url":"https:\/\/pacdn.500px.org\/371444\/8e4d66eff03a2a5cb81d73d7318ff914325a48ba\/1.jpg?4","rating":385},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/3477516\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/5febbf84cc6c3761dfd23990983b86d2"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/3477516\/w%3D280_s%3D1\/8406d253242ce87c0ea95e97418a9a40"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/3477516\/w%3D560_s%3D1\/09c708c422b3c67d181db332b0bfa147"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/3477516\/w%3D600_s%3D1\/547109b313fce14706dd8bffb91d7247"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/3477516\/w%3D115_h%3D115_s%3D1\/9b1ddf6bc5151f6826de4dd2aff31bab"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/3477516\/w%3D160_h%3D160_s%3D1\/abe7f8344b04d6b61965ac24600db256"}],"model_release":false,"location_release":false},{"id":3956571,"name":"Let's Stay Together ...","width":600,"height":900,"store_width":2133,"store_height":3200,"created_at":"2011-12-27T05:48:38Z","available":true,"high_resolution":true,"slug":"let-s-stay-together-by-mario-moreno","licensing_type":"non_exclusive","license":"royalty_free","category":"animals","tags":["animal","animal skin","animals","communication","day","interaction","outdoors","parkland","texture","tourist attraction","travel","travel and tourism","travel destination","trunk","2 Animals","Animal Body Part","Animal Head","Animals","Beauty In Nature","Body Part","Communication","Intelligence","National Park","Natural World","Nobody","Outdoors","Touching","Addo Elephant National Park","Loxodonta Africana","South Africa"],"filters":["license_type_non_exclusive","portrait","outdoor","animals_present","people_absent"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Two adult elephants (Loxodonta africana) interacting at Hapoor Dam in Addo Elephant National Park, South Africa","adult":false,"user":{"id":128906,"city":"","country":"South Africa","fullname":"Mario Moreno","firstname":"Mario","lastname":"Moreno","user_name":"mariomoreno","avatar_url":"https:\/\/pacdn.500px.org\/128906\/53a384428ce93aa44ceff214d98c79dba4526fe0\/1.jpg?4","rating":304346},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/3956571\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/cb05211fe43e307fc818803e872f98ef"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/3956571\/w%3D280_s%3D1\/1bfc7a0bc0116c89d0f1e0dad0083f6d"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/3956571\/w%3D560_s%3D1\/b7cb7210a575ef91e683bfe7df1fc165"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/3956571\/w%3D600_s%3D1\/b3ac61761d590dfe4cb91f2c32796528"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/3956571\/w%3D115_h%3D115_s%3D1\/d7f6abad71948eb49c3c13e0771b7e2f"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/3956571\/w%3D160_h%3D160_s%3D1\/268e6278a921490fccc1ceabe05942ab"}],"model_release":false,"location_release":false}],"cover_photo":{"id":62070679,"name":"Unity","width":3264,"height":2448,"store_width":3264,"store_height":2448,"created_at":"2014-02-24T21:06:36Z","available":true,"high_resolution":true,"slug":"unity-by-jean-yves-hudon","licensing_type":"exclusive","license":"royalty_free","category":"people","tags":["Union","Unity","diversity","inclusion","love","peace","couple","handshake","togetherness","bond","bonding"],"filters":["landscape","license_type_exclusive","people_present","indoor"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"Let's make peace ","adult":false,"hi_res_url":"https:\/\/drscdn.500px.org\/photo\/62070679\/m%3D2048\/fc4a124d27fdb716ccab3b3656789b6c","user":{"id":103056,"city":"","country":"Canada","fullname":"Jean-Yves Hudon","firstname":"Jean-Yves","lastname":"Hudon","user_name":"magphoto","avatar_url":"https:\/\/pacdn.500px.org\/103056\/2b85a371bce610bfeafdb99ff8eff959fd8cfa0c\/1.jpg?3","rating":1845},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/62070679\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/b3c54a564d30cba3b781cc3ed539cdd8"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/62070679\/w%3D280_s%3D1\/8d3cfa0bf7dcd1261795967f52fd4550"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/62070679\/w%3D560_s%3D1\/8be00fc0f81b4da3dba726700edea635"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/62070679\/w%3D600_s%3D1\/4266163d45bc86e481c1ce4e94bd14ff"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/62070679\/w%3D115_h%3D115_s%3D1\/b6373e0aa3c38799bd9e8f86f2784c04"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/62070679\/w%3D160_h%3D160_s%3D1\/3762abbfdea68d29904afcc8e77d778e"}],"model_release":false,"location_release":false}}];gon.stripe_key="pk_live_5lfwFDwhzBbZgmFbPTCfmB5P";gon.countries=["Afghanistan","\u00c5land Islands","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia, Plurinational State of","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cambodia","Cameroon","Canada","Cabo Verde","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Congo, the Democratic Republic of the","Cook Islands","Costa Rica","C\u00f4te d'Ivoire","Croatia","Cuba","Cura\u00e7ao","Cyprus","Czech Republic","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Ethiopia","Falkland Islands (Malvinas)","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See (Vatican City State)","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran, Islamic Republic of","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea, Democratic People's Republic of","Korea, Republic of","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Macedonia, the former Yugoslav Republic of","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia, Federated States of","Moldova, Republic of","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","R\u00e9union","Romania","Russian Federation","Rwanda","Saint Barth\u00e9lemy","Saint Helena, Ascension and Tristan da Cunha","Saint Kitts and Nevis","Saint Lucia","Saint Martin (French part)","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia and the South Sandwich Islands","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Swaziland","Sweden","Switzerland","Syrian Arab Republic","Taiwan, Province of China","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States","United States Minor Outlying Islands","Uruguay","Uzbekistan","Vanuatu","Venezuela, Bolivarian Republic of","Vietnam","Virgin Islands, British","Virgin Islands, U.S.","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe"];gon.card_icons={"Visa":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/visa@2x-3e2071a275a50d59bad1ca8ef254817549ba21efcd91e2b85824c94ece330ef5.png","American Express":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/american_express_green@2x-115828095940a5d86f2a807c201147ac546214fc8c4355431a0cc36435460c25.png","MasterCard":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/mastercard@2x-174c827a43c46cae8af6bf779887b6ddd4c787cf5eb99daf05e3c28a1621e71d.png","Discover":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/discover@2x-9df7a9829dfcf163d3e5cd1565d28d88f068625b85210cd1ad39a1ff692779f9.png","JCB":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/jcb@2x-bba46e078465722bff61166661b614950a35690a4418d7e509116653efe6d560.png","Diners Club":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/diners_club@2x-6faeea4ee8a21194a864848221b070d3e86cbd623f49df0d5f725aab13e7254b.png","other":"https:\/\/mktcdn.500px.org\/assets\/icons\/credit_cards\/unknown_card@2x-4abd548b21f8892ccf989d071d061809243e1dbef6eb8df31078aa214eb8b51f.png"};gon.heroes=[{"id":"64505723\/climber-rappelling-into-cave-by-jared-carlson","title":"Climber Rappelling Into Cave","image":"https:\/\/drscdn.500px.org\/photo\/64505723\/m=2048_s=1\/2be39b6d51e6d05bedebf49884df3541","user":{"username":"jaredcarlson","fullname":"Jared Carlson"},"position":"50% 10%"},{"id":"51694958\/keep-exploring-by-marjan-petkovski","title":"Keep exploring","image":"https:\/\/drscdn.500px.org\/photo\/51694958\/m=2048_s=1\/7c8f07a5505ab943b4765018368830fd","user":{"username":"petkovskiot","fullname":"Marjan Petkovski"},"position":"10% 80%"},{"id":"32564957\/secret-garden-by-maja-top%C4%8Dagi%C4%87","title":"Secret Garden","image":"https:\/\/drscdn.500px.org\/photo\/32564957\/m=2048_s=1\/7134b2860590497cd0d7e4a28075f95b","user":{"username":"majatopcagic","fullname":"Maja Top\u010dagi\u0107"},"position":"45% 0%"}];gon.discounts=[];gon.photos=[{"id":59454200,"name":"*","width":3131,"height":4696,"store_width":3131,"store_height":4696,"created_at":"2014-01-30T14:29:18Z","available":true,"high_resolution":true,"slug":"-by-konstantin-kryukovskiy","licensing_type":"non_exclusive","license":"royalty_free","category":"people","tags":["Model","girl","jeans","look","portrait","sexy","sit","studio","test","tests","topless","20-29 Years","Adult","Barefoot","Caucasian Ethnicity","Front View","Full Length","Long Hair","Looking At Camera","Sitting","Studio Shot","25-29 Years","Beauty","Brunette","Colored Background","Denim Jeans","Partially Nude","Straight Hair","Young Adult Woman","person"],"filters":["portrait","animals_absent","indoor","people_present","license_type_non_exclusive"],"licensing_status":3,"available_license_types":["royalty_free","web","resale"],"license_prices":{"royalty_free":25000,"web":5000,"resale":75000},"description":"","adult":false,"user":{"id":90769,"city":"Moscow","country":"Russia","fullname":"Konstantin Kryukovskiy","firstname":"Konstantin","lastname":"Kryukovskiy","user_name":"kkonst","avatar_url":"https:\/\/pacdn.500px.org\/90769\/482aecc677652a723f936c8b50f8f6199eeb9536\/1.jpg?1","rating":355604},"images":[{"size":"watermark","url":"https:\/\/drscdn.500px.org\/photo\/59454200\/m%3D900_s%3D1_k%3D2_b%3D2_attachment%3D1\/c3120642d7003d882ff8dc7a21634518"},{"size":"280","url":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D280_s%3D1\/6ae065c019b6518da581540d065a9fa1"},{"size":"560","url":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D560_s%3D1\/41d5a56cc70abd090b809073283e0c6e"},{"size":"600","url":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D600_s%3D1\/7a9daf831967a46e24a324e7b976003d"},{"size":"115","url":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D115_h%3D115_s%3D1\/9f81640e64d3564fa3da290d33dc00c1"},{"size":"160","url":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D160_h%3D160_s%3D1\/880152746e4b040b392cbfeb795fd4e0"}],"model_release":true,"location_release":false}];
  17. //]]>
  18. </script>
  19. <link rel="stylesheet" media="all" href="https://mktcdn.500px.org/assets/application-b3ec970d0f8ba6bc09a1530dc4353d6279d67da2e6c271aa547e1c5e655b13a5.css" />
  20. <script src='//cdn.optimizely.com/js/700550535.js'></script>
  21.  
  22. <meta name="csrf-param" content="authenticity_token" />
  23. <meta name="csrf-token" content="1F6acAhpNMLLpBApos2TBZOcdvdACkbJLZ/5+qAU+nIATIu41fAyuZ3JqYMsXZCX8EaOXxZVeJl37HXjaEauBA==" />
  24. <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0' name='viewport'>
  25. <script type='application/ld+json'>
  26. {"@context":"http:\/\/schema.org","@type":"Photograph","url":"https:\/\/marketplace.500px.com\/photos\/59454200","image":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D600_s%3D1\/7a9daf831967a46e24a324e7b976003d","name":"*","accountablePerson":"Konstantin Kryukovskiy","aggregateRating":"99.7","copyrightHolder":"Konstantin Kryukovskiy","copyrightYear":null,"creator":"Konstantin Kryukovskiy","dateCreated":null,"datePublished":"2014-01-30T09:29:18-05:00","isFamilyFriendly":true,"keywords":"Model, girl, jeans, look, portrait, sexy, sit, studio, test, tests, topless, 20-29 Years, Adult, Barefoot, Caucasian Ethnicity, Front View, Full Length, Long Hair, Looking At Camera, Sitting, Studio Shot, 25-29 Years, Beauty, Brunette, Colored Background, Denim Jeans, Partially Nude, Straight Hair, Young Adult Woman, person","publisher":"marketplace.500px.com","thumbnailUrl":"https:\/\/drscdn.500px.org\/photo\/59454200\/w%3D160_h%3D160_s%3D1\/880152746e4b040b392cbfeb795fd4e0","offers":[{"@type":"Offer","availability":"http:\/\/schema.org\/InStock","category":"print ready license","price":"$250.0","priceCurrency":"USD"},{"@type":"Offer","availability":"http:\/\/schema.org\/InStock","category":"web ready license","price":"$50.0","priceCurrency":"USD"},{"@type":"Offer","availability":"http:\/\/schema.org\/InStock","category":"products for resale license","price":"$750.0","priceCurrency":"USD"}]}
  27. </script>
  28.  
  29. </head>
  30. <body id='photo_page_index'>
  31. <div class='clearfix'></div>
  32. <div class='body-container'>
  33. <header class='header navbar navbar-fixed-top navbar-inverse affix-top' data-offset-top='60' data-spy='affix' role='navigation'>
  34.  
  35. <div class='container'>
  36. <div class='navbar-header'>
  37. <button class='navbar-toggle' data-target='#header-navbar-collapse' data-toggle='collapse' type='button'>
  38. <span class='sr-only'>
  39. Toggle navigation
  40. </span>
  41. <span class='icon-bar'></span>
  42. <span class='icon-bar'></span>
  43. <span class='icon-bar'></span>
  44. </button>
  45. <a class='home navbar-brand' data-router='true' href='/'>
  46. <div class='px-logo'></div>
  47. </a>
  48. <form class='search-form navbar-form navbar-left' role='search'>
  49. <div class='form-group'>
  50. <label class='search-icon' type='submit'>
  51. <i class='glyphicon glyphicon-search'></i>
  52. </label>
  53. <input class='search-query form-control input-sm' id='header-search-box' placeholder='Search photos' type='text'>
  54. <input class='hidden-submit' type='submit'>
  55. </div>
  56. </form>
  57. <div class='clearfix'></div>
  58. </div>
  59. <div class='collapse navbar-collapse' id='header-navbar-collapse'>
  60. <ul class='nav navbar-nav navbar-right'>
  61. <li class='livechat'>
  62. <div class='livechat_button' data-id='TVGgoxEtz9'>
  63. <a href='http://www.livechatinc.com/'></a>
  64. </div>
  65. </li>
  66. <li class='dropdown cart empty-cart'>
  67. <a class='dropdown-toggle cart-link disabled' data-router='true' data-toggle='dropdown' href='/cart'>
  68. <span class='icon-container'>
  69. <span class='icon nav-cart-icon'></span>
  70. </span>
  71. <span class='nav-icon-text hidden-sm'>
  72. Checkout
  73. </span>
  74. <span class='cart-item-count'></span>
  75. </a>
  76. <div class='dropdown-menu cart-flyout flyout hidden-xs'></div>
  77. </li>
  78. <li class='dropdown nav-lightbox nav-lightbox--not-signed-in'>
  79. <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
  80. <span class='icon-container'>
  81. <span class='icon nav-lightbox-icon'></span>
  82. </span>
  83. <span class='nav-icon-text hidden-sm'>
  84. Lightboxes
  85. </span>
  86. </a>
  87. <div class='dropdown-menu lightbox-flyout'></div>
  88. </li>
  89. <li class='dropdown signup'>
  90. <a class='dropdown-toggle signup-link disabled' data-toggle='dropdown' href='/signup'>
  91. <span class='icon-container'>
  92. <span class='icon nav-user-icon'></span>
  93. </span>
  94. <span class='nav-icon-text'>
  95. Sign up
  96. </span>
  97. </a>
  98. <div class='dropdown-menu signup-flyout flyout hidden-xs'></div>
  99. </li>
  100. <li>
  101. <a class='login-link' href='/login'>
  102. Log in
  103. </a>
  104. </li>
  105. <li class='dropdown more'>
  106. <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
  107. <span class='icon-container'>
  108. <span class='icon nav-more-icon'></span>
  109. </span>
  110. <span class='visible-xs-inline'>
  111. More
  112. </span>
  113. </a>
  114. <ul class='dropdown-menu'>
  115. <li>
  116. <a data-router='true' href='/pricing'>
  117. Pricing
  118. </a>
  119. </li>
  120. <li>
  121. <a data-router='true' href='/contact'>
  122. Contact
  123. </a>
  124. </li>
  125. <li>
  126. <a href='http://support.500px.com/' target='_blank'>
  127. Support
  128. </a>
  129. </li>
  130. <li>
  131. <a data-router='true' href='/legal'>
  132. Legal
  133. </a>
  134. </li>
  135. <li>
  136. <a data-router='true' href='/privacy'>
  137. Privacy
  138. </a>
  139. </li>
  140. <li>
  141. <a href='https://support.500px.com/hc/en-us/articles/204031068' target='_blank'>
  142. Contribute
  143. </a>
  144. </li>
  145. <li class='divider'></li>
  146. <li>
  147. <a href='https://www.facebook.com/500pxprime' target='_blank'><img class='icon nav-facebook-icon' src='https://mktcdn.500px.org/assets/icons/nav_facebook_icon@2x-629865b76eb100fe6a3779851da700ab35ed6ba232f42fb418b7c9b48471bb59.png'>Facebook</a>
  148. </li>
  149. <li>
  150. <a href='https://twitter.com/500pxPrime' target='_blank'><img class='icon nav-twitter-icon' src='https://mktcdn.500px.org/assets/icons/nav_twitter_icon@2x-99da5a77ce2da4647dc4efcd2f70965f54103eea58fc8e98b7a9f21ef7521936.png'>Twitter</a>
  151. </li>
  152. <li>
  153. <a href='https://plus.google.com/102881553352108485175' target='_blank'><img class='icon nav-gplus-icon' src='https://mktcdn.500px.org/assets/icons/nav_gplus_icon@2x-dd33e5446204ce49e6c4799e2d5c32b069d613b47e8fdf931ee49cb8e46876bf.png'>Google+</a>
  154. </li>
  155. <li>
  156. <a href='http://www.pinterest.com/500pxprime/' target='_blank'><img class='icon nav-pinterest-icon' src='https://mktcdn.500px.org/assets/icons/nav_pinterest_icon@2x-2a7420cb5b06e2227b519c9dfa02297193bd1ba4302d77bea7061192ef949612.png'>Pinterest</a>
  157. </li>
  158. </ul>
  159. </li>
  160. </ul>
  161. </div>
  162. </div>
  163. </header>
  164.  
  165. <div class='body-content'>
  166. <!-- Open Graph -->
  167. <!-- Linked data -->
  168. <div class='empty-page'>
  169. <div class='page-loading loading'>
  170. <span class='spinner dark'></span>
  171. </div>
  172. </div>
  173.  
  174. </div>
  175. <div class='clearfix'></div>
  176. <footer class='footer hidden-print'>
  177. <section class='signup-cta'>
  178. <div class='container'>
  179. <div class='cta-image visible-md-block visible-lg-block visible-sm-block'>
  180. <img class='client-logos' src='https://mktcdn.500px.org/assets/common/client_logos@2x-1f455850ac6317de4b9d931e04efb4e6a16f3b08757e22561ca85a1817bf94d1.png'>
  181. </div>
  182. <h1>
  183. <div class='visible-md-block visible-lg-block visible-sm-block'>
  184. You're in good company
  185. </div>
  186. <div class='visible-xs-block'>
  187. Sign up now
  188. </div>
  189. </h1>
  190. <p>
  191. Get full access to 50M+ photos curated from 500px, exclusive offers, simple pricing, and more...
  192. </p>
  193. <a class='btn btn-success btn-lg cta-button signup-button' href='/signup'>
  194. Create free account
  195. </a>
  196. </div>
  197. </section>
  198. <div class='container'>
  199. <div class='row'>
  200. <div class='col-md-2 visible-md-block visible-lg-block logo-section'>
  201. <img class='icon prime-logo-grey' src='https://mktcdn.500px.org/assets/common/prime_logo_dark@2x-d65eba6d3d1dc3b23e6c234f04f33905fedff931b69c7397bf46712b86e9d522.png'>
  202. </div>
  203. <div class='col-md-3 col-sm-6 col-xs-12 footer-section about-section'>
  204. <h2>
  205. About
  206. </h2>
  207. <p>
  208. 500px is a premium marketplace for photography licensing. All of 500px's inspiring and evocative photography is directly sourced from the world-class 500px community.
  209. </p>
  210. </div>
  211. <div class='col-md-7 col-sm-6 col-xs-12 site-nav-section'>
  212. <div class='row'>
  213. <div class='col-md-5 col-sm-6 col-xs-6'>
  214. <h2>
  215. 500px Marketplace
  216. </h2>
  217. <div class='row'>
  218. <div class='col-md-7'>
  219. <ul class='site-nav-links'>
  220. <li>
  221. <a data-router="true" href="/pricing">Pricing</a>
  222. </li>
  223. <li>
  224. <a data-router="true" href="/contact">Contact</a>
  225. </li>
  226. <li>
  227. <a data-target='#creative-services-modal' data-toggle='modal' href='#'>
  228. Creative Services
  229. </a>
  230. </li>
  231. <li>
  232. <a target="_blank" href="http://support.500px.com/">Support</a>
  233. </li>
  234. </ul>
  235. </div>
  236. <div class='col-md-5'>
  237. <ul class='site-nav-links'>
  238. <li>
  239. <a data-router="true" href="/legal">Legal</a>
  240. </li>
  241. <li>
  242. <a data-router="true" href="/privacy">Privacy</a>
  243. </li>
  244. <li>
  245. <a href='https://support.500px.com/hc/en-us/articles/204031068' target='_blank'>
  246. Contribute
  247. </a>
  248. </li>
  249. <li>
  250. <a target="_blank" href="https://support.500px.com/hc/en-us/articles/204728147">FAQ</a>
  251. </li>
  252. </ul>
  253. </div>
  254. </div>
  255. <div class='clearfix'></div>
  256. </div>
  257. <div class='col-md-7 col-sm-6 col-xs-6'>
  258. <div class='row'>
  259. <div class='col-md-5 col-sm-12 footer-section social-links-section'>
  260. <h2>
  261. Follow Us
  262. </h2>
  263. <ul class='social-links'>
  264. <li>
  265. <a href='//www.facebook.com/500px' target='_blank'><img class='icon nav-facebook-icon' src='https://mktcdn.500px.org/assets/icons/nav_facebook_icon@2x-629865b76eb100fe6a3779851da700ab35ed6ba232f42fb418b7c9b48471bb59.png'>Facebook</a>
  266. </li>
  267. <li>
  268. <a href='//twitter.com/500px' target='_blank'><img class='icon nav-twitter-icon' src='https://mktcdn.500px.org/assets/icons/nav_twitter_icon@2x-99da5a77ce2da4647dc4efcd2f70965f54103eea58fc8e98b7a9f21ef7521936.png'>Twitter</a>
  269. </li>
  270. <li>
  271. <a href='//plus.google.com/+500px' target='_blank'><img class='icon nav-gplus-icon' src='https://mktcdn.500px.org/assets/icons/nav_gplus_icon@2x-dd33e5446204ce49e6c4799e2d5c32b069d613b47e8fdf931ee49cb8e46876bf.png'>Google+</a>
  272. </li>
  273. <li>
  274. <a href='//www.pinterest.com/500px' target='_blank'><img class='icon nav-pinterest-icon' src='https://mktcdn.500px.org/assets/icons/nav_pinterest_icon@2x-2a7420cb5b06e2227b519c9dfa02297193bd1ba4302d77bea7061192ef949612.png'>Pinterest</a>
  275. </li>
  276. </ul>
  277. </div>
  278. <div class='col-md-7 col-sm-12 footer-section contact-section'>
  279. <h2>
  280. Sales
  281. </h2>
  282. <ul class='contact-methods'>
  283. <li>
  284. 1-855-561-4584 x106
  285. </li>
  286. <li>
  287. <a href="mailto:sales@500px.com">sales@500px.com</a>
  288. </li>
  289. </ul>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </footer>
  298.  
  299. </div>
  300. <div class='is_mobile'></div>
  301. <script src="https://mktcdn.500px.org/assets/application-21dcf62c906930870644e40068d4630da6ef7263918c610f82b8ea58367eae3b.js"></script>
  302. <script>
  303. steelhouse = []
  304. steelhouse.trackConversion = function(l,i,k,g,j){var x=null,p,q,m,
  305. o="11595",
  306. c="",
  307. u="",
  308. shadditional="";
  309. try{p=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,512)):""}catch(n){p=document.referrer!==null?document.referrer.toString().substring(0,512):""}try{q=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(b){q=document.location}try{m=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,512)):""}catch(z){try{m=q!==null?encodeURIComponent(q.toString().substring(0,512)):""}catch(h){m=""}}var A,y=document.createElement("script"),w=null,v=document.getElementsByTagName("script"),t=Number(v.length)-1,r=document.getElementsByTagName("script")[t];if(typeof A==="undefined"){A=Math.floor(Math.random()*100000000000000000)}w="dx.steelhousemedia.com/spx?conv=1&shaid="+o+"&tdr="+p+"&plh="+m+"&cb="+A+"&shoid="+l+"&shoamt="+i+"&shocur="+c+"&shopid="+k+"&shoq="+g+"&shoup="+j+"&shpil="+u+shadditional;y.type="text/javascript";y.src=("https:"===document.location.protocol?"https://":"http://")+w;r.parentNode.insertBefore(y,r)}
  310.  
  311. steelhouse.trackPageView = function(){"use strict";var e=null,b="4.0.0",
  312. n="11595",
  313. additional="",
  314. t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.steelhousemedia.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)}
  315.  
  316. window.steelhouse = steelhouse
  317. </script>
  318. <script type='text/javascript'>
  319. <!-- Google Analytics -->
  320. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  321. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  322. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  323. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  324. ga("create", "UA-45140631-3", "auto");
  325. ga("create", "UA-136776-2", "auto", {"name": "pxTracker"});
  326. ga("create", "UA-136776-13", "auto", {"name": "unifiedTracker"});
  327. ga("require", "displayfeatures");
  328. ga("require", "ecommerce", "ecommerce.js");
  329. </script>
  330. <script type='text/javascript'>
  331. <!-- Mixpanel -->
  332. (function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===e.location.protocol?"https:":"http:")+'//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f);b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.track_charge people.clear_charges people.delete_user get_distinct_id".split(" ");for(g=0;g<i.length;g++)f(c,i[g]);
  333. b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
  334. mixpanel.init("4fa20a09e2cf2e0858d0b7e1c3b6e8a0");
  335. mixpanel.set_config({cross_subdomain_cookie: false});
  336. </script>
  337. <!-- Facebook Pixel Code -->
  338. <script>
  339. !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  340. n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  341. n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
  342. t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
  343. document,'script','//connect.facebook.net/en_US/fbevents.js');
  344.  
  345. fbq('init', '1535263683357447');
  346. fbq('track', 'PageView');
  347. </script>
  348. <noscript><img height="1" width="1" style="display:none"
  349. src="https://www.facebook.com/tr?id=1535263683357447&ev=PageView&noscript=1"
  350. /></noscript>
  351. <!-- End Facebook Pixel Code -->
  352.  
  353. <script>
  354. /* <![CDATA[ */
  355. var google_conversion_id = 975544328;
  356. var google_custom_params = window.google_tag_params;
  357. var google_remarketing_only = true;
  358. /* ]]> */
  359. </script>
  360. <script src='//www.googleadservices.com/pagead/conversion_async.js' type='text/javascript'></script>
  361. <noscript>
  362. <div style='display:inline;'>
  363. <img alt='' height='1' src='//googleads.g.doubleclick.net/pagead/viewthroughconversion/975544328/?value=0&amp;guid=ON&amp;script=0' style='border-style:none;' width='1'>
  364. </div>
  365. </noscript>
  366.  
  367. <script id='payment-method-form-template' type='text/backbone_template'>
  368. [[ if (!cardManagement) { ]]
  369. <a class='add-credit-card btn btn-mini pull-right display' href='#'>
  370. Add
  371. </a>
  372. <a class='cancel-add-credit-card pull-right btn btn-mini add'>
  373. Cancel
  374. </a>
  375. <div class='clearfix'></div>
  376. [[ } ]]
  377. <div class='display'>
  378. <ul class='payment-methods'></ul>
  379. </div>
  380. [[ if (cardManagement) { ]]
  381. <button class='add-credit-card btn btn-primary display [[ if (emptyCards) { ]] btn-block [[ } else { ]] btn-xs [[ } ]]'>
  382. Add Card
  383. </button>
  384. [[ } ]]
  385. <form action='' class='add-credit-card-form edit add' method='POST' role='form'>
  386. <input data-stripe='name' type='hidden' value="{{me.escape('firstname')}} {{me.escape('lastname')}}">
  387. <input data-stripe='address_line1' type='hidden' value="{{me.get('address') ? _.escape(me.get('address').address1) : ''}}">
  388. <input data-stripe='address_city' type='hidden' value="{{me.get('address') ? _.escape(me.get('address').city) : ''}}">
  389. <input data-stripe='address_state' type='hidden' value="{{me.get('address') ? _.escape(me.get('address').state) : ''}}">
  390. <input data-stripe='address_zip' type='hidden' value="{{me.get('address') ? _.escape(me.get('address').zip) : ''}}">
  391. <input data-stripe='address_country' type='hidden' value="{{me.get('address') ? _.escape(me.get('address').country) : ''}}">
  392. <div class='card-number-group form-group has-feedback'>
  393. <label>
  394. Card Number
  395. </label>
  396. <input class='card-number-input form-control' data-stripe='number' maxlength='16' size='20' tabindex='1' type='text'>
  397. <img class='credit-card-icon'>
  398. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  399. </div>
  400. <div class='card-cvc-group form-group has-feedback pull-right'>
  401. <label class='cvc-label'>
  402. CVC
  403. <div class='help-widget' data-placement='top' data-title='The CVC is a 3 or 4 digit security code that can be found on your credit card.' data-toggle='tooltip'>
  404. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon_dark@2x-fac0b68449857ddd3bd23ce15deb14b84ac801800211db9d90b1d326c4906f0b.png'>
  405. </div>
  406. </label>
  407. <input class='card-cvc-input form-control' data-stripe='cvc' maxlength='4' size='4' tabindex='4' type='text'>
  408. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  409. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  410. </div>
  411. <div class='card-expiry-group form-group has-feedback'>
  412. <label>
  413. Expiry Date
  414. </label>
  415. <br>
  416. <div class='wrapper month-wrapper'>
  417. <input class='card-month-input form-control' data-stripe='exp-month' maxlength='2' placeholder='MM' size='2' tabindex='2' type='text'>
  418. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback'></span>
  419. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback'></span>
  420. </div>
  421. <div class='wrapper year-wrapper'>
  422. <input class='card-year-input form-control' data-stripe='exp-year' maxlength='4' placeholder='YYYY' size='4' tabindex='3' type='text'>
  423. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback'></span>
  424. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback'></span>
  425. </div>
  426. </div>
  427. [[ if (cardManagement) { ]]
  428. <div class='form-group'>
  429. <label>
  430. <input class='default-card-checkbox' type='checkbox'>
  431. Make this my default card
  432. </input>
  433. </label>
  434. </div>
  435. [[ } else { ]]
  436. <div class='form-group'>
  437. <label>
  438. <input checked='checked' class='save-card-checkbox' type='checkbox'>
  439. Remember this card
  440. </input>
  441. </label>
  442. </div>
  443. [[ } ]]
  444. [[ if (cardManagement) { ]]
  445. <div class='edit'>
  446. <button class='submit-edited-credit-card btn btn-primary' type='submit'>
  447. Update
  448. </button>
  449. <button class='delete-credit-card btn btn-danger'>
  450. Delete
  451. </button>
  452. <button class='cancel-edit-credit-card btn btn-link'>
  453. Cancel
  454. </button>
  455. </div>
  456. <div class='add'>
  457. <button class='submit-new-credit-card btn btn-primary' type='submit'>
  458. Add
  459. </button>
  460. <button class='cancel-add-credit-card btn btn-link'>
  461. Cancel
  462. </button>
  463. </div>
  464. [[ } ]]
  465. <div class='clearfix'></div>
  466. </form>
  467. <div class='payment-errors'></div>
  468. </script>
  469.  
  470. <script id='payment-method-template' type='text/backbone_template'>
  471. <span class='payment-method-details pull-left'>
  472. <span class='payment-method-icon'>
  473. <img src='{{card.cardIconUrl()}}'>
  474. </span>
  475. <span class='obscured'>
  476. &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;
  477. </span>
  478. {{card.get('number')}}
  479. </span>
  480. <span class='payment-method-actions pull-right'>
  481. <a class='edit-credit-card edit-button btn btn-mini' href='#'>
  482. Edit
  483. </a>
  484. </span>
  485. <div class='clearfix'></div>
  486. </script>
  487.  
  488. <script id='payment-method-radio-template' type='text/backbone_template'>
  489. [[ if (paymentMethod == "credit-cards") { ]]
  490. <label>
  491. <span class='payment-method-details pull-left'>
  492. <span class='payment-method-icon'>
  493. <img class='icon credit-cards-icon' src='https://mktcdn.500px.org/assets/icons/credit_cards_icon@2x-3a0108fb8e3568fab91bf359bd39bd675ae1bebafced4aaf7ec494608dd84aad.png'>
  494. </span>
  495. Pay with credit card
  496. </span>
  497. <span class='radio-input-container pull-right'>
  498. <input class='payment-method-radio' name='payment-method' type='radio' value='credit-cards'>
  499. </span>
  500. <div class='clearfix'></div>
  501. </label>
  502. [[ } else if (paymentMethod == "paypal") { ]]
  503. <label>
  504. <span class='payment-method-details pull-left'>
  505. <span class='payment-method-icon'>
  506. <img class='icon paypal-icon' src='https://www.paypalobjects.com/webstatic/en_US/i/buttons/pp-acceptance-small.png'>
  507. </span>
  508. Pay with PayPal
  509. </span>
  510. <span class='radio-input-container pull-right'>
  511. <input class='payment-method-radio' name='payment-method' type='radio' value='paypal'>
  512. </span>
  513. <div class='clearfix'></div>
  514. </label>
  515. [[ } else if (paymentMethod == "invoice") { ]]
  516. <label class="{{ cartItems.hasUnavailableItems() ? 'invoice-payment disabled' : 'invoice-payment'}}">
  517. <span class='payment-method-details pull-left'>
  518. <span class='payment-method-icon'>
  519. <img class='icon subscription-icon' src='https://mktcdn.500px.org/assets/icons/subscription_icon@2x-c4343ca29e5465aa98e70b90cbc29b38fd8eb252fe0bfb7f5d7ed54f3ef9da2f.png'>
  520. </span>
  521. Pay by invoice
  522. </span>
  523. <span class='radio-input-container pull-right'>
  524. [[ if (cartItems.hasUnavailableItems()) { ]]
  525. <input class='payment-method-radio' disabled='disabled' name='payment-method' type='radio' value='invoice'>
  526. [[ } else { ]]
  527. <input class='payment-method-radio' name='payment-method' type='radio' value='invoice'>
  528. [[ } ]]
  529. </span>
  530. <div class='clearfix'></div>
  531. [[ if (cartItems.hasUnavailableItems()) { ]]
  532. <div class='invoice-restrictions' id='invoice-restrictions'>
  533. <img class='icon warning-icon' src='https://mktcdn.500px.org/assets/icons/warning_icon@2x-3ad9bd9baa0a14fb9e75de937411634b4a0d1499a953ef3170293de35f32a342.png'>
  534. You can only pay by invoice if all photos in your cart are available.
  535. </div>
  536. [[ } ]]
  537. </label>
  538. [[ } else if (paymentMethod == "credit") { ]]
  539. <label class="{{ hasEnoughCredit ? '' : 'disabled'}}">
  540. <span class='payment-method-details pull-left'>
  541. <span class='payment-method-icon'>
  542. <img class='icon subscription-icon' src='https://mktcdn.500px.org/assets/icons/subscription_icon@2x-c4343ca29e5465aa98e70b90cbc29b38fd8eb252fe0bfb7f5d7ed54f3ef9da2f.png'>
  543. </span>
  544. Pay with Photo Bundle
  545. </span>
  546. <span class='radio-input-container pull-right'>
  547. [[ if (!hasEnoughCredit) { ]]
  548. <input class='payment-method-radio' disabled='disabled' name='payment-method' type='radio' value='credit'>
  549. [[ } else { ]]
  550. <input class='payment-method-radio' name='payment-method' type='radio' value='credit'>
  551. [[ } ]]
  552. </span>
  553. <div class='clearfix'></div>
  554. <div class='credit-balance-info'>
  555. <div class='credit-balance-value'>
  556. {{ creditLeft }}
  557. </div>
  558. <div class='credit-balance-left'>
  559. Current balance:
  560. </div>
  561. </div>
  562. [[ if (!hasEnoughCredit) { ]]
  563. <div class='insufficient-credit-message'>
  564. Insufficient funds to make this purchase.
  565. <div class='insufficient-credit-cta'>
  566. <a href='/pricing'>
  567. Top up your Photo Bundle.
  568. </a>
  569. </div>
  570. </div>
  571. [[ } ]]
  572. </label>
  573. [[ } else { ]]
  574. <label>
  575. <span class='payment-method-details pull-left'>
  576. <span class='payment-method-icon'>
  577. <img src='{{paymentMethod.cardIconUrl()}}'>
  578. </span>
  579. <span class='obscured'>
  580. &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;
  581. </span>
  582. {{paymentMethod.get('number')}}
  583. </span>
  584. <span class='radio-input-container pull-right'>
  585. <input class='payment-method-radio' name='payment-method' type='radio' value="{{paymentMethod.get('id')}}">
  586. </span>
  587. <div class='clearfix'></div>
  588. </label>
  589. [[ } ]]
  590. </script>
  591.  
  592. <script id='thumb-slider-template' type='text/backbone_template'>
  593. <ul class='slider-items'>
  594. [[ _.each(photos, function(photo) { ]]
  595. <li class='slider-item' data-photo="{{photo.get('id')}}">
  596. <a data-router='true' href='{{photo.photoPagePath()}}' style="background-image: url({{photo.imageUrl('115')}});"></a>
  597. <div class='active'></div>
  598. </li>
  599. [[ }); ]]
  600. </ul>
  601. <a class='slider-prev' href='#'>
  602. <img class='icon left-chevron-icon' src='https://mktcdn.500px.org/assets/icons/left_chevron@2x-656faec566b94d6a156852d9a2d34610f6ac87bbefac74c57a0d4b8e22053491.png'>
  603. </a>
  604. <a class='slider-next' href='#'>
  605. <img class='icon right-chevron-icon' src='https://mktcdn.500px.org/assets/icons/right_chevron@2x-418d5faa6a50f901821539d644f0a5c00a47f0b13d5d6cd23ba79ca6df7d42da.png'>
  606. </a>
  607. </script>
  608.  
  609. <script id='signup-flyout-template' type='text/backbone_template'>
  610. <h2>
  611. Sign Up Now
  612. </h2>
  613. <p>
  614. Get access to over 50M photos from the 500px community. Free monthly downloads, creative services, and more!
  615. </p>
  616. <p class='signup-cta'>
  617. <a class='btn btn-success signup-link' href='/signup'>
  618. Create free account
  619. </a>
  620. </p>
  621. </script>
  622.  
  623. <script id='lightbox-flyout-template' type='text/backbone_template'>
  624. <h2>
  625. Save your lightbox
  626. </h2>
  627. <p>
  628. Sign up to save, organize, and share your hand-picked selection of photos.
  629. </p>
  630. <p class='signup-cta'>
  631. <a class='btn btn-success signup-link' href='/signup'>
  632. Create free account
  633. </a>
  634. </p>
  635. </script>
  636.  
  637. <script id='cart-flyout-template' type='text/backbone_template'>
  638. <ul class='cart-flyout-items'></ul>
  639. <div class='cart-flyout-cta'>
  640. <div class='bta-buttons pull-left'>
  641. <a class='btn btn-primary checkout-button' data-router='true' href='/cart'>
  642. Checkout
  643. </a>
  644. <a class='btn btn-link dismiss-flyout-button' href='#'>
  645. Continue shopping
  646. </a>
  647. </div>
  648. <div class='total-price-section pull-right'>
  649. Total:
  650. <span class='total-price'>
  651. ${{cartItems.getTotal() / 100.0}}
  652. USD
  653. </span>
  654. </div>
  655. <div class='clearfix'></div>
  656. </div>
  657. </script>
  658.  
  659. <script id='cart-flyout-item-template' type='text/backbone_template'>
  660. <div class='image-section pull-left'>
  661. <a data-router='true' href='{{photo.photoPagePath()}}'>
  662. <img src="{{photo.imageUrl('115')}}">
  663. </a>
  664. </div>
  665. <div class='details-section pull-left'>
  666. <a class='photo-id' data-router='true' href='{{photo.photoPagePath()}}'>
  667. <span class="hash">#</span>{{photo.get("id")}}
  668. </a>
  669. <div class='license-type'>
  670. [[ if (cartItem.get("license") == "web") { ]]
  671. <span>Web Ready RF</span> license
  672. [[ } else if (cartItem.get("license") == "resale") { ]]
  673. <span>Products for Resale</span> license
  674. [[ } else { ]]
  675. <span>Print Ready RF</span> license
  676. [[ } ]]
  677. </div>
  678. <div class='photo-size'>
  679. <!-- Web/social license -->
  680. [[ if (cartItem.get("license") == "web") { ]]
  681. {{photo.resolution('web').width}} x {{photo.resolution('web').height}}px @72dpi
  682. <!-- Products for Resale license -->
  683. [[ } else if (cartItem.get("license") == "resale") { ]]
  684. {{photo.resolution('resale').width}} x {{photo.resolution('resale').height}}px / {{photo.resolution('resale').printWidth}} x {{photo.resolution('resale').printHeight}}" @300dpi
  685. <!-- Royalty-free license -->
  686. [[ } else { ]]
  687. {{photo.resolution('royalty_free').width}} x {{photo.resolution('royalty_free').height}}px / {{photo.resolution('royalty_free').printWidth}} x {{photo.resolution('royalty_free').printHeight}}" @300dpi
  688. [[ } ]]
  689. </div>
  690. </div>
  691. <div class='price-section pull-right'>
  692. ${{cartItem.getOriginalPrice() / 100.0}}
  693. USD
  694. </div>
  695. <div class='clearfix'></div>
  696. </script>
  697.  
  698. <script id='sharelizers-template' type='text/backbone_template'>
  699. <ul class='share-options'>
  700. <li class='share-option'>
  701. <a class='social facebook' data-provider='facebook' href='#'>
  702. <span class='icon'>&nbsp;</span>
  703. </a>
  704. </li>
  705. <li class='share-option'>
  706. <a class='social twitter' data-provider='twitter' href='#'>
  707. <span class='icon'>&nbsp;</span>
  708. </a>
  709. </li>
  710. <li class='share-option'>
  711. <a class='social pinterest' data-provider='pinterest' href='#'>
  712. <span class='icon'>&nbsp;</span>
  713. </a>
  714. </li>
  715. <li class='share-option'>
  716. <a class='social google' data-provider='googleplus' href='#'>
  717. <span class='icon'>&nbsp;</span>
  718. </a>
  719. </li>
  720. <li class='share-option'>
  721. <a class='email' href=''>
  722. <span class='icon'>&nbsp;</span>
  723. </a>
  724. </li>
  725. </ul>
  726. </script>
  727.  
  728. <script id='mini-gallery-preview-template' type='text/backbone_template'>
  729. <a class='mini-gallery-item' data-router='true' href="/galleries/{{gallery.escape('name').toLowerCase().replace(/ /g, '_')}}">
  730. <div class='mini-gallery-cover' style="background-image: url({{gallery.coverImageUrl('560')}}); background-position: {{gallery.get('cover_photo_position')}}"></div>
  731. <div class='metadata'>
  732. <h2 class='title'>
  733. {{gallery.escape('name')}}
  734. </h2>
  735. <h4 class='headline'>
  736. Browse the gallery
  737. <span class='caret right'></span>
  738. </h4>
  739. </div>
  740. </a>
  741. </script>
  742.  
  743. <script id='gallery-preview-template' type='text/backbone_template'>
  744. <a data-router='true' href="/galleries/{{gallery.escape('name').toLowerCase().replace(/ /g, '_')}}">
  745. <div class='gallery-cover'>
  746. <div class='cover-image' style="background-image: url({{gallery.coverImageUrl('560')}}); background-position: {{gallery.get('cover_photo_position')}}"></div>
  747. <ul class='preview-images row-fluid'>
  748. [[ _.each(gallery.get('previews'), function(preview) { ]]
  749. <li class='preview-image col-xs-4'>
  750. <div class='image' style="background-image: url({{Prime.Utils.Common.imageUrlFromPhotoJson(preview, '280')}})"></div>
  751. </li>
  752. [[ }); ]]
  753. </ul>
  754. <div class='clearfix'></div>
  755. </div>
  756. </a>
  757. <h4 class='gallery-name'>
  758. <a data-router='true' href="/galleries/{{gallery.escape('name').toLowerCase().replace(/ /g, '_')}}">
  759. {{gallery.escape("name")}}
  760. </a>
  761. </h4>
  762. <div class='gallery-headline'>
  763. {{gallery.escape("headline")}}
  764. </div>
  765. <div class='gallery-actions'>
  766. <a class='view-gallery btn btn-primary btn-flat btn-xs' data-router='true' href="/galleries/{{gallery.escape('name').toLowerCase().replace(/ /g, '_')}}">
  767. View
  768. </a>
  769. <span class='photo-count'>
  770. {{gallery.get('nr_items')}} photos
  771. </span>
  772. </div>
  773. </script>
  774.  
  775. <script id='lightbox-overlay-template' type='text/backbone_template'>
  776. <div class='overlay-content'>
  777. <div class='overlay-header'>
  778. Add To Lightbox
  779. <a class='close-lightbox-overlay btn btn-dark btn-flat btn-xs pull-right display-inline'>
  780. Done
  781. </a>
  782. <a class='create-new-lightbox btn btn-primary btn-flat btn-xs pull-right edit-inline'>
  783. Create
  784. </a>
  785. </div>
  786. <div class='create-new-lightbox-section'>
  787. <input class='new-lightbox-name-input form-control' placeholder='Create a new Lightbox'>
  788. </div>
  789. <ul class='lightboxes'>
  790. [[ _.each(Prime.collections.lightboxes.mine(), function(lightbox) { ]]
  791. <li class="lightbox {{lightbox.get('photos').isPhotoInLightbox(photo) ? 'active' : ''}}">
  792. <a class='add-to-lightbox' data-lightbox="{{lightbox.get('id')}}" href='#'>
  793. [[ if (lightbox.get("cover_photo")) { ]]
  794. <img class='lightbox-cover' src="{{Prime.Utils.Common.imageUrlFromPhotoJson(lightbox.get('cover_photo'), '115')}}">
  795. [[ } else { ]]
  796. <div class='lightbox-cover-placeholder'>
  797. <img class='icon lightbox-placeholder-icon' src='https://mktcdn.500px.org/assets/icons/lightbox_placeholder_icon@2x-a5b4509ac42a996d07b9f32379f1eae19310a57d38e5914c59230bfa36815c9a.png'>
  798. </div>
  799. [[ } ]]
  800. {{lightbox.escape("name")}}
  801. <span class='active glyphicon glyphicon-ok'></span>
  802. </a>
  803. <a class='lightbox-link btn btn-dark btn-flat btn-xs' data-router='true' href="/lightboxes/{{lightbox.get('token')}}">
  804. View
  805. </a>
  806. </li>
  807. [[ }); ]]
  808. </ul>
  809. <div class='loading-container'>
  810. <div class='loading-feedback loading'>
  811. <span class='spinner dark'></span>
  812. </div>
  813. </div>
  814. </div>
  815. </script>
  816.  
  817. <script id='cart-overlay-template' type='text/backbone_template'>
  818. <div class='overlay-content'>
  819. <div class='overlay-header'>
  820. Add to Cart
  821. <a class='close-lightbox-overlay btn btn-dark btn-flat btn-xs pull-right display-inline'>
  822. Done
  823. </a>
  824. </div>
  825. <section class='meta-section photo-actions-section'>
  826. <div class='cart-overlay__actions photo-actions subsection'>
  827. <ul class='license-options'>
  828. <li class='license-option resale'>
  829. <label>
  830. <input class='license-type-input pull-left' data-license='resale' name='license' type='radio'>
  831. <div class='license-type-radio pull-left'>
  832. <div class='active'></div>
  833. </div>
  834. <div class='license-type pull-left'>
  835. <div class='license-name'>
  836. <span class='text'>
  837. Products for Resale
  838. </span>
  839. <div class='help-widget' data-placement='bottom' data-title="<h3>Products for Resale</h3> Enhanced license grant which includes the ability to incorporate the image into print or electronic products for resale or distribution (including templates and on-demand products). For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  840. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  841. </div>
  842. </div>
  843. <div class='image-resolution'>
  844. [[ if (photo.sellableResolution('resale')) { ]]
  845. {{photo.resolution('resale').width}} x {{photo.resolution('resale').height}}px / {{photo.resolution('resale').printWidth}} x {{photo.resolution('resale').printHeight}}" @300dpi
  846. [[ } else { ]]
  847. Resolution not supported
  848. [[ } ]]
  849. </div>
  850. </div>
  851. <div class='license-price pull-right'>
  852. ${{photo.price_in_cents('resale') / 100}}
  853. </div>
  854. <div class='clearfix'></div>
  855. </label>
  856. </li>
  857. <li class='license-option royalty_free'>
  858. <label>
  859. <input class='license-type-input pull-left' data-license='royalty_free' name='license' type='radio'>
  860. <div class='license-type-radio pull-left'>
  861. <div class='active'></div>
  862. </div>
  863. <div class='license-type pull-left'>
  864. <div class='license-name'>
  865. <span class='text'>
  866. Print Ready RF
  867. </span>
  868. <div class='help-widget' data-placement='bottom' data-title="<h3>Print Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  869. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  870. </div>
  871. </div>
  872. <div class='image-resolution'>
  873. [[ if (photo.sellableResolution('royalty_free')) { ]]
  874. {{photo.resolution('royalty_free').width}} x {{photo.resolution('royalty_free').height}}px / {{photo.resolution('royalty_free').printWidth}} x {{photo.resolution('royalty_free').printHeight}}" @300dpi
  875. [[ } else { ]]
  876. Resolution not supported
  877. [[ } ]]
  878. </div>
  879. </div>
  880. <div class='license-price pull-right'>
  881. ${{photo.price_in_cents('royalty_free') / 100}}
  882. </div>
  883. <div class='clearfix'></div>
  884. </label>
  885. </li>
  886. <li class='license-option web'>
  887. <label>
  888. <input class='license-type-input pull-left' data-license='web' name='license' type='radio'>
  889. <div class='license-type-radio pull-left'>
  890. <div class='active'></div>
  891. </div>
  892. <div class='license-type pull-left'>
  893. <div class='license-name'>
  894. <span class='text'>
  895. Web Ready RF
  896. </span>
  897. <div class='help-widget' data-placement='bottom' data-title="<h3>Web Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  898. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  899. </div>
  900. </div>
  901. <div class='image-resolution'>
  902. {{photo.resolution('web').width}} x {{photo.resolution('web').height}}px @72dpi
  903. </div>
  904. </div>
  905. <div class='license-price pull-right'>
  906. ${{photo.price_in_cents('web') / 100}}
  907. </div>
  908. </label>
  909. </li>
  910. </ul>
  911. <!-- / assume the cart overlay doesn't appear when this photo is already in the cart. -->
  912. <div class='cart-actions not-in-cart'>
  913. <button class='cart-flyout__add-button not-in-cart btn btn-primary btn-block btn-lg'>
  914. <img class='icon cart-icon' src='https://mktcdn.500px.org/assets/icons/cart_icon@2x-1d732f17c76aa47f4bf09089d62de3c228ab8f71b98c6a87a82ca9997386abad.png'>
  915. Add to cart
  916. </button>
  917. </div>
  918. </div>
  919. </section>
  920. </div>
  921. </script>
  922.  
  923. <script id='copyright-tooltip-template' type='text/backbone_template'>
  924. Please signup to download a comp of this photo
  925. </script>
  926.  
  927. <script id='creative-services-modal-template' type='text/backbone_template'>
  928. <div class='modal-dialog'>
  929. <div class='modal-content'>
  930. <div class='modal-header'>
  931. <button aria-hidden='true' class='close' data-dismiss='modal' type='button'>×</button>
  932. <h4 class='modal-title'>
  933. Creative Services
  934. <span class='label label-default'>
  935. Free
  936. </span>
  937. </h4>
  938. </div>
  939. <div class='modal-body'>
  940. <form class='research-request-form' role='form'>
  941. <div class='request-description'>
  942. Find me photos of <input type="text" name="subject" id="subject" placeholder="something in particular" class="form-control subject-input" /> for <input type="text" name="concept" id="concept" placeholder="my concept or pitch" class="form-control concept-input" /> and my budget is <input type="text" name="budget" id="budget" placeholder="flexible" class="form-control budget-input" />.
  943. [[ if (!Prime.models.me.isLoggedIn()) { ]]
  944. Reach me at <input type="text" name="email" id="email" placeholder="my@email.com" class="form-control email-input" />.
  945. [[ } ]]
  946. </div>
  947. <div class='submit-request'>
  948. <button class='btn btn-primary btn-lg submit-request-button' type='submit'>
  949. Send request
  950. </button>
  951. </div>
  952. </form>
  953. </div>
  954. <div class='modal-footer'>
  955. Or contact us directly at <a href="mailto:primesales@500px.com">primesales@500px.com</a> or 1-855-561-4584 x106
  956. </div>
  957. </div>
  958. </div>
  959. </script>
  960.  
  961. <script id='subscription-modal-template' type='text/backbone_template'>
  962. <div class='modal-dialog'>
  963. <div class='modal-content'>
  964. <div class='modal-header'>
  965. <button aria-hidden='true' class='close' data-dismiss='modal' type='button'>×</button>
  966. </div>
  967. <div class='modal-body'>
  968. <h3>
  969. Pre-pay and Save!
  970. </h3>
  971. <p>
  972. {{I18n.t("pricing_page.subscription_modal.pre_pay_description_html", {price: "$" + plan.get("price") / 100, credit: "$" + plan.get("credit") / 100, percentage: plan.friendlyDiscount() + "%"})}}
  973. </p>
  974. <ul class='subscription-modal__progress nav' role='tablist'>
  975. <li class='subscription-modal-tab active first-step'>
  976. <a class='subscription-modal__progress-step' data-step='1' data-toggle='tab' href='#personal-info' id='step-one' role='tab'>
  977. Personal Info
  978. </a>
  979. </li>
  980. <li class='subscription-modal-tab second-step'>
  981. <a class='subscription-modal__progress-step' data-step='2' data-toggle='tab' href='#billing-address' id='step-two' role='tab'>
  982. Billing Address
  983. </a>
  984. </li>
  985. <li class='subscription-modal-tab third-step'>
  986. <a class='subscription-modal__progress-step' data-step='3' data-toggle='tab' href='#secure-payment' id='step-three' role='tab'>
  987. Secure Payment
  988. </a>
  989. </li>
  990. </ul>
  991. <div class='tab-content'>
  992. <div class='tab-pane active' id='personal-info'>
  993. <form class='subscription-modal__form center-block' id='personal-info-form' role='form'>
  994. <div class='subscription-modal__email'>
  995. {{ me.get('email') }}
  996. </div>
  997. <div class='form-group first-name-input-group'>
  998. <input class='subscription-input-required form-control input-lg' data-validator='firstname' id='subscription-first-name' name='firstname' placeholder='First Name' value="{{_.escape(me.get('firstname'))}}">
  999. </div>
  1000. <div class='form-group last-name-input-group'>
  1001. <input class='last-name-input subscription-input-required form-control input-lg' data-validator='lastname' id='subscription-last-name' name='lastname' placeholder='Last Name' value="{{_.escape(me.get('lastname'))}}">
  1002. </div>
  1003. <div class='form-group company-input-group'>
  1004. <input class='company-input form-control input-lg' data-validator='company' id='subscription-company' name='company' placeholder='Company (optional)' value="{{me.get('settings') ? _.escape(me.get('settings').company) : ''}}">
  1005. </div>
  1006. <div class='submit-request'>
  1007. <button class='btn btn-block btn-primary btn-lg submit-request-button' type='submit'>
  1008. Next
  1009. </button>
  1010. </div>
  1011. </form>
  1012. </div>
  1013. <div class='tab-pane' id='billing-address'>
  1014. <form class='subscription-modal__form center-block' id='billing-address-form' role='form'>
  1015. <div class='form-group street-input-group'>
  1016. <input class='subscription-input-required street-input form-control input-lg' data-validator='street' id='subscription-street' name='address1' placeholder='Street Address' value="{{me.get('address') ? _.escape(me.get('address').address1) : ''}}">
  1017. </div>
  1018. <div class='form-group country-input-group billing-country-group'>
  1019. <select class='billing-country-select subscription-input-required form-control' name='country'>
  1020. <option value=''></option>
  1021. [[ _.each(gon.countries, function(country) { ]]
  1022. [[ if (me.get('address') && me.get('address').country.toLowerCase() == country.toLowerCase()) { ]]
  1023. <option selected='selected' value='{{country}}'>
  1024. {{country}}
  1025. </option>
  1026. [[ } else { ]]
  1027. <option value='{{country}}'>
  1028. {{country}}
  1029. </option>
  1030. [[ } ]]
  1031. [[ }); ]]
  1032. </select>
  1033. </div>
  1034. <div class='form-group province-input-group billing-province-group'>
  1035. <input class='billing-province-input form-control input-lg' name='state' placeholder='State/Province' type='text' value="{{me.get('address') ? _.escape(me.get('address').state) : ''}}">
  1036. <select class='billing-province-select form-control' name='state'></select>
  1037. </div>
  1038. <div class='form-group city-input-group'>
  1039. <input class='subscription-input-required city-input form-control input-lg' data-validator='city' id='subscription-city' name='city' placeholder='City' value="{{me.get('address') ? _.escape(me.get('address').city) : ''}}">
  1040. </div>
  1041. <div class='form-group zip-input-group'>
  1042. <input class='subscription-input-required zip-input form-control input-lg' data-validator='zip' id='subscription-zip' name='zip' placeholder='Zip/Postal Code' value="{{me.get('address') ? _.escape(me.get('address').zip) : ''}}">
  1043. </div>
  1044. <div class='form-group phone-input-group'>
  1045. <input class='phone-input form-control input-lg' data-validator='phone' name='phone' placeholder='Phone number (optional)' type='tel' value="{{me.get('address') ? _.escape(me.get('address').phone) : ''}}">
  1046. </div>
  1047. <div class='submit-request'>
  1048. <button class='btn btn-block btn-primary btn-lg submit-request-button' type='submit'>
  1049. Next
  1050. </button>
  1051. </div>
  1052. </form>
  1053. </div>
  1054. <div class='tab-pane' id='secure-payment'>
  1055. <div class='subscription-modal__payment-header'>
  1056. <div class='subscription-modal__payment-total'>
  1057. [[ if (plan.isBulkOrder()) { ]]
  1058. Total: <strong>${{Prime.Utils.Common.formatPrice(plan.get('price') / 100)}}</strong>
  1059. [[ } else { ]]
  1060. Total (billed monthly): <strong>${{Prime.Utils.Common.formatPrice(plan.get('price') / 100)}}</strong>
  1061. [[ } ]]
  1062. </div>
  1063. </div>
  1064. <div class='subscription-modal__payment-method'>
  1065. <form class='center-block' role='form'>
  1066. <div class='form-group'>
  1067. <select class='subscription-modal__payment-select form-control input-lg'>
  1068. <option selected='selected' value='card'>
  1069. Credit Card
  1070. </option>
  1071. <option value='invoice'>
  1072. Invoice
  1073. </option>
  1074. </select>
  1075. </div>
  1076. </form>
  1077. </div>
  1078. <form action='' class='subscription-modal__credit-card' id='subscription-add-credit-card' method='POST' role='form'>
  1079. <div class='card-number-group form-group'>
  1080. <input class='card-number-input form-control input-lg' data-stripe='number' maxlength='16' placeholder='Card Number' tabindex='1' type='text'>
  1081. </div>
  1082. <div class='cart-cvc-group form-group pull-right'>
  1083. <label>
  1084. CVC
  1085. </label>
  1086. <input class='card-cvc-input form-control input-lg' data-stripe='cvc' maxlength='4' placeholder='CVC' size='4' tabindex='4' type='text'>
  1087. </div>
  1088. <div class='card-expiry-group form-group'>
  1089. <label>
  1090. Expiry Date
  1091. </label>
  1092. <div class='wrapper month-wrapper'>
  1093. <input class='card-month-input form-control input-lg' data-stripe='exp-month' maxlength='2' placeholder='MM' size='2' tabindex='2' type='text'>
  1094. </div>
  1095. <div class='wrapper year-wrapper'>
  1096. <input class='card-year-input form-control input-lg' data-stripe='exp-year' maxlength='4' placeholder='YYYY' size='4' tabindex='3' type='text'>
  1097. </div>
  1098. </div>
  1099. <div class='subscription-modal__charge-date-info'>
  1100. [[ if (plan.isMonthlyPlan()) { ]]
  1101. Your first payment will be charged on {{chargeDate.firstPayment}}. Monthly payments will occur on the {{chargeDate.monthlyChargeDate}} day of the month. Plan ends on {{chargeDate.expiration}}.
  1102. [[ } ]]
  1103. </div>
  1104. <div class='submit-request'>
  1105. <button class='submit-new-credit-card btn btn-success btn-block btn-lg' type='submit'>
  1106. <div class='confirm-action icon'>
  1107. <div class='glyphicon glyphicon-ok'></div>
  1108. </div>
  1109. <span class='text'>
  1110. Checkout
  1111. </span>
  1112. <span class='spinner'></span>
  1113. </button>
  1114. </div>
  1115. <div class='payment-errors'></div>
  1116. </form>
  1117. [[ if (defaultCard) { ]]
  1118. <form action='' class='subscription-modal__default-card' id='subscription-default-card' method='POST' role='form'>
  1119. <div class='subscription-modal__card-details'>
  1120. <span class='subscription-modal__card-icon'>
  1121. <img src='{{defaultCard.cardIconUrl()}}'>
  1122. </span>
  1123. <span class='subscription-modal__card-digits'>
  1124. &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;
  1125. {{defaultCard.get("number")}}
  1126. </span>
  1127. </div>
  1128. <div class='subscription-modal__charge-date-info'>
  1129. [[ if (plan.isMonthlyPlan()) { ]]
  1130. Your first payment will be charged on {{chargeDate.firstPayment}}. Monthly payments will occur on the {{chargeDate.monthlyChargeDate}} day of the month. Plan ends on {{chargeDate.expiration}}.
  1131. [[ } ]]
  1132. </div>
  1133. <div class='subscription-modal__checkout'>
  1134. <button class='btn btn-success btn-block btn-lg' id='default-card-button' type='submit'>
  1135. <div class='confirm-action icon'>
  1136. <div class='glyphicon glyphicon-ok'></div>
  1137. </div>
  1138. <span class='text'>
  1139. Checkout
  1140. </span>
  1141. <span class='spinner'></span>
  1142. </button>
  1143. </div>
  1144. <div class='payment-errors'></div>
  1145. </form>
  1146. [[ } ]]
  1147. <form action='' class='subscription-modal__invoice' id='subscription-invoice' method='POST' role='form'>
  1148. <div class='subscription-modal__invoice-message'>
  1149. We're almost there! A sales associate will get in touch shortly via email <strong>({{me.get('email')}})</strong> to proceed with the payment.
  1150. </div>
  1151. <div class='subscription-modal__invoice-checkout'>
  1152. <button class='btn btn-success btn-block btn-lg' id='invoice-submit-button' type='submit'>
  1153. <div class='confirm-action icon'>
  1154. <div class='glyphicon glyphicon-ok'></div>
  1155. </div>
  1156. <span class='text'>
  1157. Checkout
  1158. </span>
  1159. <span class='spinner'></span>
  1160. </button>
  1161. </div>
  1162. <div class='payment-errors'></div>
  1163. </form>
  1164. </div>
  1165. </div>
  1166. </div>
  1167. <div class='modal-footer'>
  1168. For Enterprise options call us at 1-855-561-4584 x106 or email <a href="mailto:sales@500px.com">sales@500px.com</a>.
  1169. </div>
  1170. </div>
  1171. </div>
  1172. </script>
  1173.  
  1174. <script id='signup-modal-template' type='text/backbone_template'>
  1175. <div class='signup-modal__dialog modal-dialog'>
  1176. <div class='signup-modal__content modal-content'>
  1177. <div class='signup-modal__header'>
  1178. <button aria-hidden='true' class='signup-modal__close-button close' data-dismiss='modal' type='button'>×</button>
  1179. <h4 class='signup-modal__title'>
  1180. Create an account
  1181. </h4>
  1182. </div>
  1183. <div class='signup-modal__body'>
  1184. <div class='signup-modal__message'></div>
  1185. <form class="signup-modal__form" action="/signup" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="Ru+G5MYrkpKbCnMWbarIx0+fi4G4lnVwj3b0Zdn2FkWS/ZcsG7KU6c1nyrzjOstVLEVzKe7JSyDVBXh8EaRCMw==" /><input id='return_to_url' name='r' type='hidden' value='/'>
  1186. <div class='signup-modal__form-group'>
  1187. <input autofocus="autofocus" class="form-control email input-lg" placeholder="Email" type="email" name="user[email]" id="user_email" />
  1188. </div>
  1189. <div class='signup-modal__form-group'>
  1190. <input class="form-control password input-lg" placeholder="Password" type="password" name="user[password]" id="user_password" />
  1191. </div>
  1192. <div class='signup-modal__form-group'>
  1193. <button class='submit signup btn btn-success btn-block btn-lg' disabled type='submit'>
  1194. Sign up
  1195. </button>
  1196. </div>
  1197. <p class='help-block'>
  1198. By registering, you agree to the
  1199. <a href='/legal' target='_blank'>Terms of Service</a>.
  1200. </p>
  1201. </form>
  1202. </div>
  1203. <div class='signup-modal__footer modal-footer'>
  1204. Already have an account? <a class="signup-modal__login-link" href="/login">Log in</a>
  1205. </div>
  1206. </div>
  1207. </div>
  1208. </script>
  1209.  
  1210. <script id='pagination-links' type='text/backbone_template'>
  1211. <ul class='pages paginator__list'>
  1212. <li class='page_item previous_item'>
  1213. <a class='previous_page' href='#' rel='previous'>Previous</a>
  1214. </li>
  1215. <li class='page_item next_item'>
  1216. <a class='next_page' href='#' rel='next'>Next</a>
  1217. </li>
  1218. </ul>
  1219. </script>
  1220.  
  1221. <script id='landing-page-template' type='text/backbone_template'>
  1222. <span class='page-title hidden'>
  1223. Premium royalty free stock photos
  1224. </span>
  1225. <div class='cover-photo'></div>
  1226. <section class='hero-section'>
  1227. <div class='hero-content'>
  1228. <div class='container message-container'>
  1229. <div class='message'>
  1230. <!-- Commenting for now since it makes the viewport overflow on mobile, and we can't -->
  1231. <!-- prevent overflow since the typeahead should be visible. -->
  1232. <!-- .background-fade -->
  1233. <h1 class='slogan'>We make you look good</h1>
  1234. <h3 class='value-prop'>Premium royalty-free stock photos from the 500px community.</h3>
  1235. </div>
  1236. </div>
  1237. <div class='container search-container'>
  1238. <form action='/search' class='search form-horizontal' role='form'>
  1239. <div class='search-input-container'>
  1240. <div class='form-group'>
  1241. <label class='search-icon'>
  1242. <i class='glyphicon glyphicon-search'></i>
  1243. </label>
  1244. <input class='search-query form-control input-lg' id='search-box' placeholder='Search photos' type='text'>
  1245. <input class='hidden-submit' type='submit'>
  1246. </div>
  1247. </div>
  1248. </form>
  1249. <div class='clearfix'></div>
  1250. </div>
  1251. </div>
  1252. <div class='heroes'>
  1253. <div class='hero active-hero'>
  1254. <div class='top-fade'></div>
  1255. <div class='bottom-fade'></div>
  1256. <div class='hero-link'>
  1257. <a data-router='true' href=''></a>
  1258. </div>
  1259. <div class='container'>
  1260. <div class='hero-stats'>
  1261. <div class='hero-stats-photo-count'>
  1262. <div class='hero-stats-number'>
  1263. 50+
  1264. </div>
  1265. <div class='hero-stats-text'>
  1266. million photos from 500px
  1267. </div>
  1268. </div>
  1269. <div class='hero-stats-photographers'>
  1270. <div class='hero-stats-number'>
  1271. 5
  1272. </div>
  1273. <div class='hero-stats-text'>
  1274. million top photographers
  1275. </div>
  1276. </div>
  1277. </div>
  1278. </div>
  1279. </div>
  1280. <div class='hero buffer-hero'>
  1281. <div class='top-fade'></div>
  1282. <div class='bottom-fade'></div>
  1283. <div class='hero-link'>
  1284. <a data-router='true' href=''></a>
  1285. </div>
  1286. <div class='container'>
  1287. <div class='hero-stats'>
  1288. <div class='hero-stats-photo-count'>
  1289. <div class='hero-stats-number'>
  1290. 50+
  1291. </div>
  1292. <div class='hero-stats-text'>
  1293. million photos from 500px
  1294. </div>
  1295. </div>
  1296. <div class='hero-stats-photographers'>
  1297. <div class='hero-stats-number'>
  1298. 5
  1299. </div>
  1300. <div class='hero-stats-text'>
  1301. million top photographers
  1302. </div>
  1303. </div>
  1304. </div>
  1305. </div>
  1306. </div>
  1307. </div>
  1308. </section>
  1309. <section class='galleries-section'>
  1310. <ul class='mini-gallery-previews row-fluid'></ul>
  1311. </section>
  1312. <div class='clearfix'></div>
  1313. <section class='actions-section'>
  1314. <div class='container'>
  1315. <div class='actions row'>
  1316. <div class='action col-md-4 col-lg-3 col-lg-offset-1'>
  1317. <div class='action-image'>
  1318. <img class='icon latest-content-icon' src='https://mktcdn.500px.org/assets/pages/landing_page/creative_service_icon@2x-dbb23e10559aa0ed7812b51f4aa529d7f9ad2360299a54d8cf0ff68b227d6d11.png'>
  1319. </div>
  1320. <div class='action-details'>
  1321. <div class='action-title'>
  1322. Creative Services
  1323. </div>
  1324. <div class='action-cta'>
  1325. <a data-target='#creative-services-modal' data-toggle='modal' href='#'>
  1326. We'll find it for you
  1327. <span class='caret right'></span>
  1328. </a>
  1329. </div>
  1330. </div>
  1331. </div>
  1332. <div class='action col-md-4'>
  1333. <div class='action-image'>
  1334. <img class='icon curated-galleries-icon' src='https://mktcdn.500px.org/assets/pages/landing_page/curated_galleries@2x-cec7320fe6515d86e9d5a42aa488bac8ca826ba23796212af8bb4cfa02b377fd.png'>
  1335. </div>
  1336. <div class='action-details'>
  1337. <div class='action-title'>
  1338. Curated galleries
  1339. </div>
  1340. <div class='action-cta'>
  1341. <a data-router='true' href='/galleries'>
  1342. Get inspired
  1343. <span class='caret right'></span>
  1344. </a>
  1345. </div>
  1346. </div>
  1347. </div>
  1348. <div class='action col-md-4 col-lg-3'>
  1349. <div class='action-image'>
  1350. <img class='icon contribute-photos-icon' src='https://mktcdn.500px.org/assets/pages/landing_page/contribute_photos@2x-1e7a8188dc22d5ef0c97f2385d52573984ee10e04e56b5ebba173575c5726ff7.png'>
  1351. </div>
  1352. <div class='action-details'>
  1353. <div class='action-title'>
  1354. Contribute photos
  1355. </div>
  1356. <div class='action-cta'>
  1357. <a href='https://support.500px.com/hc/en-us/articles/204031068' target='_blank'>
  1358. See how
  1359. <span class='caret right'></span>
  1360. </a>
  1361. </div>
  1362. </div>
  1363. </div>
  1364. </div>
  1365. </div>
  1366. </section>
  1367. <section class='value-prop'>
  1368. <div class='container'>
  1369. <h2 class='value-prop-title'>
  1370. Premium stock photography from 500px
  1371. </h2>
  1372. <p class='value-prop-description'>
  1373. Most of the photos on 500px Marketplace have never been used in commercial campaigns before. Be the first one to experience the amazing quality of top-notch photographers.
  1374. </p>
  1375. </div>
  1376. <a class='btn btn-primary btn-lg explore-latest' data-router='true' href='/search/sort=licensed_at'>
  1377. Browse latest content
  1378. </a>
  1379. </section>
  1380. <section class='gallery-sample'>
  1381. <div class='container'>
  1382. <div class='landing-flex-images'></div>
  1383. </div>
  1384. </section>
  1385. <section class='categories-section value-prop'>
  1386. <div class='container'>
  1387. <h2 class='value-prop-title'>
  1388. Browse by category
  1389. </h2>
  1390. <div class='categories row hidden-xs'>
  1391. <div class='col-sm-2 col-sm-offset-1'>
  1392. <div class='category'>
  1393. <a data-router='true' href='/category/abstract-stock-photos'>
  1394. Abstract
  1395. </a>
  1396. </div>
  1397. <div class='category'>
  1398. <a data-router='true' href='/category/animals-stock-photos'>
  1399. Animals
  1400. </a>
  1401. </div>
  1402. <div class='category'>
  1403. <a data-router='true' href='/category/architecture-stock-photos'>
  1404. Architecture
  1405. </a>
  1406. </div>
  1407. <div class='category'>
  1408. <a data-router='true' href='/category/black-and-white-stock-photos'>
  1409. Black &amp; White
  1410. </a>
  1411. </div>
  1412. </div>
  1413. <div class='col-sm-2'>
  1414. <div class='category'>
  1415. <a data-router='true' href='/category/commercial-stock-photos'>
  1416. Commercial
  1417. </a>
  1418. </div>
  1419. <div class='category'>
  1420. <a data-router='true' href='/category/family-stock-photos'>
  1421. Family
  1422. </a>
  1423. </div>
  1424. <div class='category'>
  1425. <a data-router='true' href='/category/fashion-stock-photos'>
  1426. Fashion
  1427. </a>
  1428. </div>
  1429. <div class='category'>
  1430. <a data-router='true' href='/category/fine-art-stock-photos'>
  1431. Fine Art
  1432. </a>
  1433. </div>
  1434. </div>
  1435. <div class='col-sm-2'>
  1436. <div class='category'>
  1437. <a data-router='true' href='/category/food-stock-photos'>
  1438. Food
  1439. </a>
  1440. </div>
  1441. <div class='category'>
  1442. <a data-router='true' href='/category/landscapes-stock-photos'>
  1443. Landscapes
  1444. </a>
  1445. </div>
  1446. <div class='category'>
  1447. <a data-router='true' href='/category/macro-stock-photos'>
  1448. Macro
  1449. </a>
  1450. </div>
  1451. <div class='category'>
  1452. <a data-router='true' href='/category/nature-stock-photos'>
  1453. Nature
  1454. </a>
  1455. </div>
  1456. </div>
  1457. <div class='col-sm-2'>
  1458. <div class='category'>
  1459. <a data-router='true' href='/category/people-stock-photos'>
  1460. People
  1461. </a>
  1462. </div>
  1463. <div class='category'>
  1464. <a data-router='true' href='/category/sport-stock-photos'>
  1465. Sport
  1466. </a>
  1467. </div>
  1468. <div class='category'>
  1469. <a data-router='true' href='/category/still-life-stock-photos'>
  1470. Still Life
  1471. </a>
  1472. </div>
  1473. <div class='category'>
  1474. <a data-router='true' href='/category/street-stock-photos'>
  1475. Street
  1476. </a>
  1477. </div>
  1478. </div>
  1479. <div class='col-sm-2'>
  1480. <div class='category'>
  1481. <a data-router='true' href='/category/transportation-stock-photos'>
  1482. Transportation
  1483. </a>
  1484. </div>
  1485. <div class='category'>
  1486. <a data-router='true' href='/category/travel-stock-photos'>
  1487. Travel
  1488. </a>
  1489. </div>
  1490. <div class='category'>
  1491. <a data-router='true' href='/category/underwater-stock-photos'>
  1492. Underwater
  1493. </a>
  1494. </div>
  1495. <div class='category'>
  1496. <a data-router='true' href='/category/wedding-stock-photos'>
  1497. Wedding
  1498. </a>
  1499. </div>
  1500. </div>
  1501. </div>
  1502. <div class='categories visible-xs-block row'>
  1503. <div class='col-xs-5 col-xs-offset-1'>
  1504. <div class='category'>
  1505. <a data-router='true' href='/category/abstract-stock-photos'>
  1506. Abstract
  1507. </a>
  1508. </div>
  1509. <div class='category'>
  1510. <a data-router='true' href='/category/animals-stock-photos'>
  1511. Animals
  1512. </a>
  1513. </div>
  1514. <div class='category'>
  1515. <a data-router='true' href='/category/architecture-stock-photos'>
  1516. Architecture
  1517. </a>
  1518. </div>
  1519. <div class='category'>
  1520. <a data-router='true' href='/category/black-and-white-stock-photos'>
  1521. Black &amp; White
  1522. </a>
  1523. </div>
  1524. <div class='category'>
  1525. <a data-router='true' href='/category/commercial-stock-photos'>
  1526. Commercial
  1527. </a>
  1528. </div>
  1529. <div class='category'>
  1530. <a data-router='true' href='/category/family-stock-photos'>
  1531. Family
  1532. </a>
  1533. </div>
  1534. <div class='category'>
  1535. <a data-router='true' href='/category/fashion-stock-photos'>
  1536. Fashion
  1537. </a>
  1538. </div>
  1539. <div class='category'>
  1540. <a data-router='true' href='/category/fine-art-stock-photos'>
  1541. Fine Art
  1542. </a>
  1543. </div>
  1544. <div class='category'>
  1545. <a data-router='true' href='/category/food-stock-photos'>
  1546. Food
  1547. </a>
  1548. </div>
  1549. <div class='category'>
  1550. <a data-router='true' href='/category/landscapes-stock-photos'>
  1551. Landscapes
  1552. </a>
  1553. </div>
  1554. </div>
  1555. <div class='col-xs-5'>
  1556. <div class='category'>
  1557. <a data-router='true' href='/category/macro-stock-photos'>
  1558. Macro
  1559. </a>
  1560. </div>
  1561. <div class='category'>
  1562. <a data-router='true' href='/category/nature-stock-photos'>
  1563. Nature
  1564. </a>
  1565. </div>
  1566. <div class='category'>
  1567. <a data-router='true' href='/category/people-stock-photos'>
  1568. People
  1569. </a>
  1570. </div>
  1571. <div class='category'>
  1572. <a data-router='true' href='/category/sport-stock-photos'>
  1573. Sport
  1574. </a>
  1575. </div>
  1576. <div class='category'>
  1577. <a data-router='true' href='/category/still-life-stock-photos'>
  1578. Still Life
  1579. </a>
  1580. </div>
  1581. <div class='category'>
  1582. <a data-router='true' href='/category/street-stock-photos'>
  1583. Street
  1584. </a>
  1585. </div>
  1586. <div class='category'>
  1587. <a data-router='true' href='/category/transportation-stock-photos'>
  1588. Transportation
  1589. </a>
  1590. </div>
  1591. <div class='category'>
  1592. <a data-router='true' href='/category/travel-stock-photos'>
  1593. Travel
  1594. </a>
  1595. </div>
  1596. <div class='category'>
  1597. <a data-router='true' href='/category/underwater-stock-photos'>
  1598. Underwater
  1599. </a>
  1600. </div>
  1601. <div class='category'>
  1602. <a data-router='true' href='/category/wedding-stock-photos'>
  1603. Wedding
  1604. </a>
  1605. </div>
  1606. </div>
  1607. </div>
  1608. </div>
  1609. </section>
  1610. </script>
  1611.  
  1612. <script id='gallery-sample-template' type='text/backbone_template'>
  1613. <a data-router='true' href='{{photo.photoPagePath()}}'>
  1614. <img src="{{photo.imageUrl('560')}}">
  1615. </a>
  1616. </script>
  1617.  
  1618. <script id='search-page-template' type='text/backbone_template'>
  1619. <span class='page-title hidden'>
  1620. %{keyword} Stock Photos, Photography and Royalty Free %{keyword} Images
  1621. <span class='query'>{{_.escape(keywordString)}}</span>
  1622. </span>
  1623. <div class='search-keywords-container'></div>
  1624. <div class='photo-grid-container'></div>
  1625. <div class='overlay'></div>
  1626. </script>
  1627.  
  1628. <script id='search-page-tools-template' type='text/backbone_template'>
  1629. <div class='search-tools'>
  1630. <div class='search-filters search-tools-section'>
  1631. <div class='section sort_by'>
  1632. <a class='btn-mini pull-right btn-flat reset' data-filter='all' id='reset-filter'>
  1633. Reset
  1634. </a>
  1635. <div class='headline'>
  1636. Sort by
  1637. </div>
  1638. <ul class='filter radio-list sort w-icon' data-filter='sort'>
  1639. <li>
  1640. <label>
  1641. <input data-value='' name='sort' type='radio'>
  1642. Relevance
  1643. </input>
  1644. </label>
  1645. </li>
  1646. <li>
  1647. <label>
  1648. <input data-value='licensed_at' name='sort' type='radio'>
  1649. Newest
  1650. </input>
  1651. </label>
  1652. </li>
  1653. </ul>
  1654. </div>
  1655. <div class='section licensing'>
  1656. <div class='headline'>
  1657. Collections
  1658. <span class='label label-primary pull-right new-pill'>
  1659. New
  1660. </span>
  1661. </div>
  1662. <ul class='filter radio-list availability w-icon' data-availability>
  1663. <li class='single_line'>
  1664. <label class='all'>
  1665. <input data-value='' name='availability' type='radio'>
  1666. All
  1667. </label>
  1668. </li>
  1669. <li class='single_line'>
  1670. <label class='curated'>
  1671. <input data-value='prime_collection' name='availability' type='radio'>
  1672. Prime Collection
  1673. <div class='help-widget prime' data-placement='right' data-title='<h3>PRIME COLLECTION</h3> Highly curated selection of the most unique and engaging imagery in the marketplace, starting at $50.' data-toggle='tooltip'>
  1674. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon_light_grey@2x-8d1c2aac82e9bf2e019f9ed65d4111bfcaa695cf83432f4c8f207e379579b6fc.png'>
  1675. </div>
  1676. </label>
  1677. </li>
  1678. <li class='single_line'>
  1679. <label class='contributor'>
  1680. <input data-value='core_collection' name='availability' type='radio'>
  1681. Core Collection
  1682. <div class='help-widget core' data-placement='right' data-title='<h3>CORE COLLECTION</h3> Original and authentic photots for your everyday needs, with a competitive price. Starting at $35.' data-toggle='tooltip'>
  1683. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon_light_grey@2x-8d1c2aac82e9bf2e019f9ed65d4111bfcaa695cf83432f4c8f207e379579b6fc.png'>
  1684. </div>
  1685. </label>
  1686. </li>
  1687. </ul>
  1688. <div class='clearfix'></div>
  1689. </div>
  1690. <div class='section filters'>
  1691. <div class='headline'>
  1692. Filters
  1693. </div>
  1694. <a class='filter-picker category w-icon' data-empty='Category' data-filter='category' data-flyout='.subsection.category'>
  1695. Category
  1696. </a>
  1697. <div class='subsection category'>
  1698. <div class='headline'>
  1699. Refine by Category
  1700. <div class='actions'>
  1701. <a class='btn-mini btn-flat reset' data-filter='category'>Reset</a>
  1702. <!-- /%a.btn-mini.btn-mini-primary.btn-flat Done -->
  1703. </div>
  1704. </div>
  1705. <ul class='filter category' data-filter='category'>
  1706. <li>
  1707. <a data-value='abstract'>
  1708. Abstract
  1709. </a>
  1710. </li>
  1711. <li>
  1712. <a data-value='animals'>
  1713. Animals
  1714. </a>
  1715. </li>
  1716. <li>
  1717. <a data-value='architecture'>
  1718. Architecture
  1719. </a>
  1720. </li>
  1721. <li>
  1722. <a data-value='black_and_white'>
  1723. Black &amp; White
  1724. </a>
  1725. </li>
  1726. <li>
  1727. <a data-value='commercial'>
  1728. Commercial
  1729. </a>
  1730. </li>
  1731. <li>
  1732. <a data-value='family'>
  1733. Family
  1734. </a>
  1735. </li>
  1736. <li>
  1737. <a data-value='fashion'>
  1738. Fashion
  1739. </a>
  1740. </li>
  1741. <li>
  1742. <a data-value='fine_art'>
  1743. Fine Art
  1744. </a>
  1745. </li>
  1746. <li>
  1747. <a data-value='food'>
  1748. Food
  1749. </a>
  1750. </li>
  1751. <li>
  1752. <a data-value='landscapes'>
  1753. Landscapes
  1754. </a>
  1755. </li>
  1756. <li>
  1757. <a data-value='macro'>
  1758. Macro
  1759. </a>
  1760. </li>
  1761. <li>
  1762. <a data-value='nature'>
  1763. Nature
  1764. </a>
  1765. </li>
  1766. <li>
  1767. <a data-value='people'>
  1768. People
  1769. </a>
  1770. </li>
  1771. <li>
  1772. <a data-value='sport'>
  1773. Sport
  1774. </a>
  1775. </li>
  1776. <li>
  1777. <a data-value='still_life'>
  1778. Still Life
  1779. </a>
  1780. </li>
  1781. <li>
  1782. <a data-value='street'>
  1783. Street
  1784. </a>
  1785. </li>
  1786. <li>
  1787. <a data-value='transportation'>
  1788. Transportation
  1789. </a>
  1790. </li>
  1791. <li>
  1792. <a data-value='travel'>
  1793. Travel
  1794. </a>
  1795. </li>
  1796. <li>
  1797. <a data-value='underwater'>
  1798. Underwater
  1799. </a>
  1800. </li>
  1801. <li>
  1802. <a data-value='wedding'>
  1803. Wedding
  1804. </a>
  1805. </li>
  1806. </ul>
  1807. </div>
  1808. <a class='filter-picker orientation w-icon' data-empty='Orientation' data-filter='orientation' data-flyout='.subsection.orientation'>
  1809. Orientation
  1810. </a>
  1811. <div class='subsection orientation'>
  1812. <div class='headline'>
  1813. Refine by Orientation
  1814. <div class='actions'>
  1815. <a class='btn-mini btn-flat reset' data-filter='orientation'>Reset</a>
  1816. <!-- /%a.btn-mini.btn-mini-primary.btn-flat Done -->
  1817. </div>
  1818. </div>
  1819. <ul class='filter orientation' data-filter='orientation'>
  1820. <li>
  1821. <a data-value='portrait'>Portrait</a>
  1822. </li>
  1823. <li>
  1824. <a data-value='landscape'>Landscape</a>
  1825. </li>
  1826. <li>
  1827. <a data-value='square'>Square</a>
  1828. </li>
  1829. <li>
  1830. <a data-value='panorama'>Panorama</a>
  1831. </li>
  1832. </ul>
  1833. </div>
  1834. <ul class='filter radio-list people w-icon' data-filter='people'>
  1835. <li>
  1836. <label class='all'>
  1837. <input data-value='' name='people' type='radio'>
  1838. All
  1839. </label>
  1840. </li>
  1841. <li>
  1842. <label class='mid'>
  1843. <input data-value='people_present' name='people' type='radio'>
  1844. People
  1845. </label>
  1846. </li>
  1847. <li>
  1848. <label>
  1849. <input data-value='people_absent' name='people' type='radio'>
  1850. No people
  1851. </label>
  1852. </li>
  1853. </ul>
  1854. <ul class='filter radio-list location w-icon' data-filter='location'>
  1855. <li>
  1856. <label class='all'>
  1857. <input data-value='' name='location' type='radio'>
  1858. All
  1859. </label>
  1860. </li>
  1861. <li>
  1862. <label class='mid'>
  1863. <input data-value='indoor' name='location' type='radio'>
  1864. Indoor
  1865. </label>
  1866. </li>
  1867. <li>
  1868. <label>
  1869. <input data-value='outdoor' name='location' type='radio'>
  1870. Outdoor
  1871. </label>
  1872. </li>
  1873. </ul>
  1874. </div>
  1875. </div>
  1876. <div class='creative-services search-tools-section'>
  1877. <div class='section'>
  1878. <div class='headline'>
  1879. Creative Services
  1880. <span class='label label-default'>
  1881. Free
  1882. </span>
  1883. </div>
  1884. <div class='call-to-action'>
  1885. Take advantage of our personalized photo curation and research services.
  1886. <a class='btn btn-block btn-primary' data-target='#creative-services-modal' data-toggle='modal' href='#'>
  1887. Tell us what you need
  1888. </a>
  1889. </div>
  1890. </div>
  1891. </div>
  1892. </div>
  1893. </script>
  1894.  
  1895. <script id='search-page-keywords-template' type='text/backbone_template'>
  1896. <div class='search-page__related-tags' id='related-search-list'>
  1897. <span class='search-page__related-header'>
  1898. Related searches:
  1899. </span>
  1900. <ul class='search-page__related-list'>
  1901. [[ _.each(tags, function(tag) { ]]
  1902. <li class='search-page__related-list-item'><a data-router='true' href="/{{encodeURIComponent(tag).replace(/%20/g, '+')}}-stock-photos">{{tag}}</a></li>
  1903. [[ }); ]]
  1904. </ul>
  1905. </div>
  1906. <h1 class='search-page__meta'>
  1907. <span class='search-page__query'>
  1908. {{keywords}}
  1909. </span>
  1910. <span class='search-page__stock-photos'>
  1911. Stock Photos and Images
  1912. </span>
  1913. <span class='search-page__query-counter'>
  1914. ({{Prime.Utils.Common.numberWithCommas(total)}})
  1915. </span>
  1916. </h1>
  1917. </script>
  1918.  
  1919. <script id='photographer-page-template' type='text/backbone_template'>
  1920. <span class='page-title hidden'>
  1921. Royalty-free stock photos from {{photographer.escape('fullname')}}
  1922. </span>
  1923. <div class='photograpger-container'>
  1924. <div class='user-summary'>
  1925. <div class='user-title'>
  1926. Photographer
  1927. </div>
  1928. <div class='user-name'>
  1929. <span class='username'>
  1930. {{photographer.escape('fullname')}}
  1931. </span>
  1932. </div>
  1933. </div>
  1934. </div>
  1935. <div class='photo-grid-container'></div>
  1936. </script>
  1937.  
  1938. <script id='lightbox-page-template' type='text/backbone_template'>
  1939. <span class='page-title hidden'>
  1940. {{lightbox.escape('name')}} lightbox
  1941. </span>
  1942. <div class='lightbox-container container'>
  1943. <div class='lightbox-summary'>
  1944. <div class='lightbox-title'>
  1945. Lightbox
  1946. </div>
  1947. <div class='lightbox-name'>
  1948. {{lightbox.escape('name')}}
  1949. </div>
  1950. <div class='lightbox-save'>
  1951. <div class='dropbox-download'>
  1952. <a class='download' data-id='{{lightbox.id}}' data-type='lightbox' href='#'>
  1953. <div class='icon'></div>
  1954. Download Comps to Dropbox
  1955. </a>
  1956. <span class='downloading'>
  1957. <div class='icon'></div>
  1958. Downloading to Dropbox...
  1959. </span>
  1960. </div>
  1961. </div>
  1962. </div>
  1963. </div>
  1964. <div class='photo-grid-container'></div>
  1965. </script>
  1966.  
  1967. <script id='galleries-page-template' type='text/backbone_template'>
  1968. <span class='page-title hidden'>
  1969. Curated galleries
  1970. </span>
  1971. <div class='container'>
  1972. <h1 class='page-title'>
  1973. Curated galleries
  1974. </h1>
  1975. <h4 class='page-summary'>
  1976. High quality royalty-free photography
  1977. </h4>
  1978. </div>
  1979. <ul class='gallery-previews'></ul>
  1980. </script>
  1981.  
  1982. <script id='gallery-page-template' type='text/backbone_template'>
  1983. <span class='page-title hidden'>
  1984. {{gallery.escape('name')}}
  1985. </span>
  1986. <div class='page-banner' style="background-image: url({{gallery.get('cover_photo').hi_res_url}}); background-position: {{gallery.get('cover_photo_position')}}">
  1987. <div class='top-fade'></div>
  1988. <div class='page-banner-content container'>
  1989. <h1 class='page-banner-title'>
  1990. {{gallery.escape('name')}}
  1991. </h1>
  1992. [[ if (gallery.escape('description')) { ]]
  1993. <div class='page-banner-description'>
  1994. {{gallery.escape('description')}}
  1995. </div>
  1996. [[ } else { ]]
  1997. <div class='page-banner-headline'>
  1998. {{gallery.escape('headline')}}
  1999. </div>
  2000. [[ } ]]
  2001. </div>
  2002. </div>
  2003. <div class='photo-grid-container'></div>
  2004. <div class='placeholder-container'>
  2005. <div class='placeholder-alert'>
  2006. <div class='placeholder-title'>
  2007. Get inspired!
  2008. </div>
  2009. <div class='placeholder-description'>
  2010. 500px Marketplace is an alternative to traditional stock photography. Explore over 50 million unique, authentic and data-backed photos sourced from the world class 500px community. Start by browsing our <a data-router="true" href="/galleries">curated galleries</a>.
  2011. </div>
  2012. <ul class='mini-gallery-previews row-fluid'></ul>
  2013. <div class='clearfix'></div>
  2014. </div>
  2015. </div>
  2016. </script>
  2017.  
  2018. <script id='photo-page-template' type='text/backbone_template'>
  2019. <span class='page-title hidden'>
  2020. {{photo.get('name')}} by {{photo.userName()}}
  2021. </span>
  2022. <div class='container'>
  2023. <div class='row'>
  2024. <div class='col-md-8'>
  2025. <section class='photo-details-section'>
  2026. <div class='photo'>
  2027. <img alt="{{photo.get('name')}} - stock photo" src="{{photo.imageUrl('watermark')}}">
  2028. [[ if (photo.get('adult') && !Prime.models.me.isLoggedIn()) { ]]
  2029. <div class='adult-placeholder'>
  2030. <a class='reveal-adult-photo btn btn-dark-grey btn-sm' href='#'>
  2031. Show me the photo
  2032. </a>
  2033. </div>
  2034. [[ } ]]
  2035. [[ if (showSearchResults) { ]]
  2036. <a class='prev-search-photo' href='#'>
  2037. <img class='icon left-chevron-icon' src='https://mktcdn.500px.org/assets/icons/left_chevron@2x-656faec566b94d6a156852d9a2d34610f6ac87bbefac74c57a0d4b8e22053491.png'>
  2038. </a>
  2039. <a class='next-search-photo' href='#'>
  2040. <img class='icon right-chevron-icon' src='https://mktcdn.500px.org/assets/icons/right_chevron@2x-418d5faa6a50f901821539d644f0a5c00a47f0b13d5d6cd23ba79ca6df7d42da.png'>
  2041. </a>
  2042. [[ } ]]
  2043. </div>
  2044. </section>
  2045. </div>
  2046. <div class='col-md-4'>
  2047. [[ if (photo.get("available")) { ]]
  2048. [[ if (photo.get("licensing_type") == "exclusive") { ]]
  2049. <section class='photo-status-section prime-exclusive alert help-block'>
  2050. Available exclusively at 500px Marketplace
  2051. </section>
  2052. [[ } ]]
  2053. [[ } else { ]]
  2054. <section class='photo-status-section photo-unavailable alert help-block'>
  2055. Secure this photo. Be the first to license it.
  2056. <div class='help-widget' data-placement='bottom' data-title='<h3>Secure this photo</h3>This photo has never been licensed from 500px Marketplace. Check out now to place a deposit and we&#x0027;ll go out of our way to secure it for licensing. If we are unable, we&#x0027;ll refund your deposit after 5 days. For more information see the <a target="_blank" href="https://support.500px.com/hc/en-us/articles/204031108">FAQ</a>.' data-toggle='tooltip'>
  2057. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2058. </div>
  2059. </section>
  2060. [[ } ]]
  2061. [[ if (photo.get("license") == "editorial") { ]]
  2062. <section class='photo-status-section photo-editorial alert help-block'>
  2063. Available for Editorial use only
  2064. <div class='help-widget' data-placement='bottom' data-title="<h3>Editorial Use Only</h3> Cannot be used for selling and marketing purposes. They are mostly used to illustrate a truthful article that is about news, culture, sports, politics, entertainment or other topics of interest to the public. For more details, see the <a href='https://support.500px.com/hc/en-us/articles/204728147' target='_blank'>FAQ</a>" data-toggle='tooltip'>
  2065. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2066. </div>
  2067. </section>
  2068. [[ } ]]
  2069. <section class='meta-section photo-actions-section'>
  2070. <div class='photo-actions subsection'>
  2071. <ul class='license-options'>
  2072. <!-- Free photo license -->
  2073. [[ if (photo.get("license") == "free") { ]]
  2074. <li class='license-option'>
  2075. <label>
  2076. <input checked='checked' class='license-type-input pull-left' data-license='royalty_free' name='license' type='radio'>
  2077. <div class='license-type pull-left'>
  2078. <div class='license-name'>
  2079. <span class='text'>
  2080. Print Ready RF
  2081. </span>
  2082. <div class='help-widget' data-placement='bottom' data-title="<h3>Print Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2083. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2084. </div>
  2085. </div>
  2086. <div class='image-resolution'>
  2087. {{photo.resolution('royalty_free').width}} x {{photo.resolution('royalty_free').height}}px / {{photo.resolution('royalty_free').printWidth}} x {{photo.resolution('royalty_free').printHeight}}" @300dpi
  2088. </div>
  2089. </div>
  2090. <div class='license-price pull-right'>
  2091. Free!
  2092. </div>
  2093. <div class='clearfix'></div>
  2094. </label>
  2095. </li>
  2096. <!-- Regular photo license options -->
  2097. [[ } else { ]]
  2098. <li class='license-option resale'>
  2099. <label>
  2100. <input class='license-type-input pull-left' data-license='resale' name='license' type='radio'>
  2101. <div class='license-type-radio pull-left'>
  2102. <div class='active'></div>
  2103. </div>
  2104. <div class='license-type pull-left'>
  2105. <div class='license-name'>
  2106. <span class='text'>
  2107. Products for Resale
  2108. </span>
  2109. <div class='help-widget' data-placement='bottom' data-title="<h3>Products for Resale</h3> Enhanced license grant which includes the ability to incorporate the image into print or electronic products for resale or distribution (including templates and on-demand products). For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2110. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2111. </div>
  2112. </div>
  2113. <div class='image-resolution'>
  2114. [[ if (photo.sellableResolution('resale')) { ]]
  2115. {{photo.resolution('resale').width}} x {{photo.resolution('resale').height}}px / {{photo.resolution('resale').printWidth}} x {{photo.resolution('resale').printHeight}}" @300dpi
  2116. [[ } else { ]]
  2117. Resolution not supported
  2118. [[ } ]]
  2119. </div>
  2120. </div>
  2121. <div class='license-price pull-right'>
  2122. ${{photo.price_in_cents('resale') / 100}}
  2123. </div>
  2124. <div class='clearfix'></div>
  2125. </label>
  2126. </li>
  2127. <li class='license-option royalty_free'>
  2128. <label>
  2129. <input class='license-type-input pull-left' data-license='royalty_free' name='license' type='radio'>
  2130. <div class='license-type-radio pull-left'>
  2131. <div class='active'></div>
  2132. </div>
  2133. <div class='license-type pull-left'>
  2134. <div class='license-name'>
  2135. <span class='text'>
  2136. Print Ready RF
  2137. </span>
  2138. <div class='help-widget' data-placement='bottom' data-title="<h3>Print Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2139. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2140. </div>
  2141. </div>
  2142. <div class='image-resolution'>
  2143. [[ if (photo.sellableResolution('royalty_free')) { ]]
  2144. {{photo.resolution('royalty_free').width}} x {{photo.resolution('royalty_free').height}}px / {{photo.resolution('royalty_free').printWidth}} x {{photo.resolution('royalty_free').printHeight}}" @300dpi
  2145. [[ } else { ]]
  2146. Resolution not supported
  2147. [[ } ]]
  2148. </div>
  2149. </div>
  2150. <div class='license-price pull-right'>
  2151. ${{photo.price_in_cents('royalty_free') / 100}}
  2152. </div>
  2153. <div class='clearfix'></div>
  2154. </label>
  2155. </li>
  2156. <li class='license-option web'>
  2157. <label>
  2158. <input class='license-type-input pull-left' data-license='web' name='license' type='radio'>
  2159. <div class='license-type-radio pull-left'>
  2160. <div class='active'></div>
  2161. </div>
  2162. <div class='license-type pull-left'>
  2163. <div class='license-name'>
  2164. <span class='text'>
  2165. Web Ready RF
  2166. </span>
  2167. <div class='help-widget' data-placement='bottom' data-title="<h3>Web Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2168. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2169. </div>
  2170. </div>
  2171. <div class='image-resolution'>
  2172. {{photo.resolution('web').width}} x {{photo.resolution('web').height}}px @72dpi
  2173. </div>
  2174. </div>
  2175. <div class='license-price pull-right'>
  2176. ${{photo.price_in_cents('web') / 100}}
  2177. </div>
  2178. </label>
  2179. </li>
  2180. [[ } ]]
  2181. </ul>
  2182. <div class='cart-actions'>
  2183. [[ if (photo.get("license") == "free") { ]]
  2184. [[ if (Prime.models.me.isLoggedIn()) { ]]
  2185. <form action="{{photo.imageUrl('free')}}" class='download-free-photo-form' method='get'>
  2186. <button class='download-photo btn btn-primary btn-block btn-lg' type='submit'>
  2187. Download your free photo
  2188. </button>
  2189. </form>
  2190. [[ } else { ]]
  2191. <a class='signup-button btn btn-primary btn-block btn-lg' href='/signup?r={{photo.photoPagePath()}}'>
  2192. Signup and get free photo
  2193. </a>
  2194. [[ } ]]
  2195. [[ } else { ]]
  2196. <button class='add-to-cart not-in-cart btn btn-primary btn-block btn-lg'>
  2197. <img class='icon cart-icon' src='https://mktcdn.500px.org/assets/icons/cart_icon@2x-1d732f17c76aa47f4bf09089d62de3c228ab8f71b98c6a87a82ca9997386abad.png'>
  2198. Add to cart
  2199. </button>
  2200. [[ } ]]
  2201. <a class='navigate-to-cart in-cart btn btn-success btn-block btn-lg' data-router='true' href='/cart'>
  2202. Checkout now
  2203. </a>
  2204. </div>
  2205. </div>
  2206. [[ if (photo.get("licensing_type") == "exclusive") { ]]
  2207. <div class='exclusive-action'>
  2208. <a class='exclusive-use' data-target='#exclusive-use-modal' data-toggle='modal' href='#'>
  2209. Interested in Exclusive Use?
  2210. </a>
  2211. </div>
  2212. [[ } ]]
  2213. <div class='secondary-actions'>
  2214. [[ if (photo.get("license") != "free") { ]]
  2215. [[ if (Prime.models.me.isLoggedIn()) { ]]
  2216. <a class='download-comp-cta signup-button btn btn-dark btn-flat' href='{{photo.compImageUrl()}}'>
  2217. Download comp
  2218. </a>
  2219. [[ } else { ]]
  2220. <a class='download-comp-cta signup-button btn btn-dark btn-flat' href='/signup?r={{photo.photoPagePath()}}'>
  2221. Download comp
  2222. </a>
  2223. [[ } ]]
  2224. [[ } ]]
  2225. <div class='lightbox-section'>
  2226. <div class='open-lightbox-overlay btn btn-dark btn-flat'>
  2227. Add to lightbox
  2228. </div>
  2229. </div>
  2230. </div>
  2231. [[ if (Prime.models.me.isLonelyPlanet() && !photo.get("available")) { ]]
  2232. <div class='high-res-comp-unavailable'>
  2233. High resolution comp is unavailable
  2234. </div>
  2235. <div class='high-res-comp-unavailable-explanation'>
  2236. This photo has never been licensed from 500px. We do not provide high resolution comps for images that have not been reviewed. Please contact your account manager to enquire about its availability.
  2237. </div>
  2238. [[ } ]]
  2239. <div class='photo-metadata subsection'>
  2240. <div class='section-title'>
  2241. Image Details
  2242. </div>
  2243. <ul class='data'>
  2244. <li class='datum'>
  2245. <span class='datum-label'>
  2246. Photographer
  2247. </span>
  2248. <span class='datum-value'>
  2249. <a class='photographer' data-router='true' href="/{{encodeURIComponent(photo.get('user').user_name)}}">
  2250. {{photo.userName()}}
  2251. </a>
  2252. </span>
  2253. </li>
  2254. <li class='datum'>
  2255. <span class='datum-label'>
  2256. Photo ID
  2257. </span>
  2258. <span class='datum-value'>
  2259. {{photo.get('id')}}
  2260. </span>
  2261. </li>
  2262. <li class='datum'>
  2263. <span class='datum-label'>
  2264. Photo Title
  2265. </span>
  2266. <span class='datum-value'>
  2267. {{photo.escape('name')}}
  2268. </span>
  2269. </li>
  2270. <li class='datum'>
  2271. <span class='datum-label'>
  2272. Collection
  2273. </span>
  2274. <span class='datum-value'>
  2275. [[ if (photo.isCuratedCollection()) { ]]
  2276. Prime
  2277. [[ } else { ]]
  2278. Core
  2279. [[ } ]]
  2280. </span>
  2281. </li>
  2282. [[ if (photo.get('model_release')) { ]]
  2283. <li class='datum'>
  2284. <span class='datum-label'>
  2285. Model Release
  2286. </span>
  2287. <span class='datum-value'>
  2288. Released
  2289. </span>
  2290. </li>
  2291. [[ } ]]
  2292. [[ if (photo.get('location_release')) { ]]
  2293. <li class='datum'>
  2294. <span class='datum-label'>
  2295. Property Release
  2296. </span>
  2297. <span class='datum-value'>
  2298. Released
  2299. </span>
  2300. </li>
  2301. [[ } ]]
  2302. </ul>
  2303. [[ if (Prime.models.me.isLonelyPlanet() && !!photo.get('description') && !Prime.Utils.Common.containsURL(photo.get('description'))) { ]]
  2304. <div class='photo-description__label'>
  2305. Description
  2306. </div>
  2307. <div class='photo-description__content'>
  2308. {{photo.escape('description')}}
  2309. </div>
  2310. [[ } ]]
  2311. </div>
  2312. [[ if (Prime.models.me.isLonelyPlanet()) { ]]
  2313. <a class='btn btn-block btn-dark btn-flat btn-view-500px' href="//500px.com/photo/{{photo.get('id')}}">
  2314. View photo on 500px
  2315. </a>
  2316. [[ } ]]
  2317. </section>
  2318. <section class='creative-services-section'>
  2319. <div class='section-title'>
  2320. Creative Services
  2321. <span class='label label-dark-grey'>
  2322. Free
  2323. </span>
  2324. </div>
  2325. <div class='call-to-action'>
  2326. Take advantage of our personalized photo curation and research services.
  2327. <a class='btn btn-block btn-dark btn-flat' data-target='#creative-services-modal' data-toggle='modal' href='#'>
  2328. Tell us what you need
  2329. </a>
  2330. </div>
  2331. </section>
  2332. </div>
  2333. <div class='col-md-12'>
  2334. [[ if (showSearchResults) { ]]
  2335. <div class='more-photos-section search-photos-section subsection'>
  2336. <div class='section-title'>
  2337. [[ if (queryType.type == "keywords") { ]]
  2338. More images of <strong>{{queryType.value}}</strong>
  2339. [[ } else if (queryType.type == "category") { ]]
  2340. More images from <strong>{{queryType.value}}</strong> category
  2341. [[ } else if (queryType.type == "photographer") { ]]
  2342. More images by <strong>{{queryType.value}}</strong>
  2343. [[ } else if (queryType.type == "gallery") { ]]
  2344. More images from <strong>{{queryType.value}}</strong> gallery
  2345. [[ } else if (queryType.type == "lightbox") { ]]
  2346. More images from <strong>{{queryType.value}}</strong> lightbox
  2347. [[ } else if (queryType.type == "recent") { ]]
  2348. More recently added images
  2349. [[ } else { ]]
  2350. More of the top images on Marketplace
  2351. [[ } ]]
  2352. </div>
  2353. <div class='thumb-slider'></div>
  2354. </div>
  2355. [[ } ]]
  2356. <div class='more-photos-section related-photos-section subsection'>
  2357. <div class='section-title'>
  2358. Similar Images
  2359. </div>
  2360. <div class='thumb-slider'></div>
  2361. </div>
  2362. <div class='more-photos-section photographer-photos-section subsection'>
  2363. <div class='section-title'>
  2364. More from <strong>{{photo.userName()}}</strong>
  2365. <a class='btn btn-dark btn-flat btn-xs view-all' data-router='true' href="/{{encodeURIComponent(photo.get('user').user_name)}}">
  2366. View All
  2367. </a>
  2368. </div>
  2369. <div class='thumb-slider'></div>
  2370. </div>
  2371. <div class='more-photos-section same-sets-photos-section subsection'>
  2372. <div class='section-title'>
  2373. More from the same set
  2374. </div>
  2375. <div class='thumb-slider'></div>
  2376. </div>
  2377. <section class='photo-tags-section'>
  2378. <div class='section-title'>
  2379. Keywords
  2380. </div>
  2381. <div class='tags'>
  2382. [[ _.each(photo.get('tags'), function(tag) { ]]
  2383. <a class='tag' data-router='true' href="/{{encodeURIComponent(tag).replace(/%20/g, '+')}}-stock-photos">
  2384. {{_.escape(tag)}}
  2385. </a>
  2386. [[ }); ]]
  2387. </div>
  2388. </section>
  2389. </div>
  2390. </div>
  2391. </div>
  2392. <div class='modal fade' id='exclusive-use-modal'>
  2393. <div class='modal-dialog'>
  2394. <div class='modal-content'>
  2395. <div class='modal-header'>
  2396. <button aria-hidden='true' class='close' data-dismiss='modal' type='button'>×</button>
  2397. <h3 class='modal-title'>
  2398. Exclusive Use
  2399. </h3>
  2400. </div>
  2401. <div class='modal-body'>
  2402. <h1 class='text-center'>Stake your claim!</h1>
  2403. <h4 class='text-center' style='margin-bottom:20px; font-weight: normal'>
  2404. This content is eligible to be licensed for exclusive use.
  2405. </h4>
  2406. <p>If you are a person that doesn't want to share, or if you have a special campaign or project that requires a unique image that you don't want anyone else to use commercially, our Exclusive Use is for you.</p>
  2407. <p>Call or email us and we can work out the timeframe and the price to license this photo for Exclusive Use.</p>
  2408. <p>Toll-free phone number: 1-855-561-4584 x106 <br> Email: <a href="mailto:sales@500px.com">sales@500px.com</a></p>
  2409. </div>
  2410. </div>
  2411. </div>
  2412. </div>
  2413. </script>
  2414.  
  2415. <script id='photo-grid-template' type='text/backbone_template'>
  2416. <div class='photos-container'>
  2417. <ul class='photo-previews' style='margin: 0 auto;'>
  2418. <div class='grid-sizer'></div>
  2419. </ul>
  2420. </div>
  2421. <div class='clearfix'></div>
  2422. <div class='loading-container'>
  2423. <div class='loading-feedback loading'>
  2424. <span class='spinner dark'></span>
  2425. </div>
  2426. </div>
  2427. </script>
  2428.  
  2429. <script id='photo-preview-template' type='text/backbone_template'>
  2430. <a class='photo-link' data-router='true' href='{{photo.photoPagePath()}}' style='height:{{preview.thumbnailHeight()}}px'>
  2431. <img alt="{{photo.get('name')}} - stock photo" class='photo' src='{{photo.searchImageUrl()}}'>
  2432. [[ if (photo.get('adult') && !Prime.models.me.isLoggedIn()) { ]]
  2433. <div class='adult-placeholder small'></div>
  2434. [[ } ]]
  2435. </a>
  2436. <a class='add-to-cart' href='#'>
  2437. <img class='icon cart-icon' src='https://mktcdn.500px.org/assets/icons/cart_icon@2x-1d732f17c76aa47f4bf09089d62de3c228ab8f71b98c6a87a82ca9997386abad.png'>
  2438. </a>
  2439. <a class='open-lightbox-overlay' href='#'>
  2440. <img class='icon lightbox-icon' src='https://mktcdn.500px.org/assets/icons/lightbox_icon@2x-a5d7c5cfc640628f94cc88c0d92fee7ce02b9afe71abd83f4b3b299a7a3ee074.png'>
  2441. </a>
  2442. [[ if (lightbox && Prime.models.me.isLoggedIn() && Prime.models.me.get("id") == lightbox.get("user_id")) { ]]
  2443. <a class='remove-from-lightbox' href='#'>
  2444. <span class='glyphicon glyphicon-remove'></span>
  2445. </a>
  2446. [[ } ]]
  2447. </script>
  2448.  
  2449. <script id='cart-page-template' type='text/backbone_template'>
  2450. <span class='page-title hidden'>
  2451. Cart
  2452. </span>
  2453. <div class='page-banner alert'>
  2454. <div class='top-fade'></div>
  2455. <div class='page-banner-content container'>
  2456. <h1 class='page-banner-title'>
  2457. Premium photos from the 500px community
  2458. </h1>
  2459. <div class='page-banner-description'>
  2460. <div class='page-banner-description-main'>
  2461. Save even more on licenses. Check out our competitive <a data-router="true" href="/pricing">pricing plans</a>.
  2462. </div>
  2463. <div class='page-banner-description-sub'>
  2464. Contact our <a data-toggle="modal" data-target="#creative-services-modal" href="">Creative Services</a> team to curate a custom collection just for you.
  2465. </div>
  2466. </div>
  2467. </div>
  2468. </div>
  2469. <div class='container cart-page-content-container'>
  2470. [[ if (emptyCartItems) { ]]
  2471. <div class='placeholder-alert'>
  2472. <div class='placeholder-icon'>
  2473. <img src='https://mktcdn.500px.org/assets/icons/placeholder_cart_icon@2x-fd8680ac0c4b80e87ec8e4dfa56ef52de1f777614930689715a5a16d3395ebe2.png'>
  2474. </div>
  2475. <div class='placeholder-title'>
  2476. Your cart is empty
  2477. </div>
  2478. <div class='placeholder-description'>
  2479. Use search to help you find the perfect photo to license. <a data-router="true" href="/search/keywords=people">People</a> or <a data-router="true" href="/search/keywords=landscapes">landscapes</a> are our most popular search terms.
  2480. </div>
  2481. </div>
  2482. [[ } else { ]]
  2483. <div class='row'>
  2484. <section class='cart-section col-md-7'>
  2485. <h2>
  2486. Cart
  2487. </h2>
  2488. <ul class='cart-items'></ul>
  2489. </section>
  2490. <section class='purchase-section col-md-4 col-md-offset-1'>
  2491. <h2>
  2492. Purchase
  2493. </h2>
  2494. <div class='purchase-summary section'></div>
  2495. <div class='buyer-profile section polymode'>
  2496. <h4 class='pull-left'>
  2497. Profile
  2498. </h4>
  2499. <div class='clearfix'></div>
  2500. <div class='display'>
  2501. {{me.escape("email")}}
  2502. </div>
  2503. <div class='edit'>
  2504. <form action="/signup" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="i19SdHu2wkR5PuU+l0Gc+JbCQdElzz2JUWH1ZqpJ3uBfTUO8pi/EPy9TXJQZ0Z9q9Ri5eXOQA9kLEnl/YhuKlg==" /><input name='r' type='hidden' value='/cart'>
  2505. <div class='form-group'>
  2506. <label for="user_email">Email</label>
  2507. <input autofocus="autofocus" class="form-control email input-lg" placeholder="Email" type="email" name="user[email]" id="user_email" />
  2508. </div>
  2509. <div class='form-group'>
  2510. <label for="user_password">Password</label>
  2511. <input class="form-control password input-lg" placeholder="Password" type="password" name="user[password]" id="user_password" />
  2512. </div>
  2513. <button class='submit signup disabled btn btn-grey btn-block btn-lg' type='submit'>
  2514. Register and continue
  2515. </button>
  2516. <p class='help-block'>
  2517. By registering, you agree to the
  2518. <a href='/legal' target='_blank'>Terms of Service</a>.
  2519. </p>
  2520. </form>
  2521. </div>
  2522. </div>
  2523. <div class='billing-details section polymode'>
  2524. <h4 class='pull-left'>
  2525. Billing Address
  2526. </h4>
  2527. <a class='edit-button btn btn-mini pull-right display' href='#'>
  2528. Edit
  2529. </a>
  2530. <div class='clearfix'></div>
  2531. <div class='display'>
  2532. <div class='name'>
  2533. {{me.escape('firstname')}} {{me.escape('lastname')}}
  2534. </div>
  2535. <div class='company'>
  2536. {{me.get('settings') ? _.escape(me.get('settings').company) : ''}}
  2537. </div>
  2538. <div class='street'>
  2539. {{me.get('address') ? _.escape(me.get('address').address1) : ''}}
  2540. </div>
  2541. <div class='city-province-zip'>
  2542. {{me.get('address') ? _.escape(me.get('address').city) : ''}}, {{me.get('address') ? _.escape(me.get('address').state) : ''}}, {{me.get('address') ? _.escape(me.get('address').zip) : ''}}
  2543. </div>
  2544. <div class='country'>
  2545. {{me.get('address') ? _.escape(me.get('address').country) : ''}}
  2546. </div>
  2547. </div>
  2548. <div class='edit'>
  2549. <form action='/me' class='billing-address-form' role='form'>
  2550. <div class='form-group billing-first-name-group has-feedback'>
  2551. <label>
  2552. First name
  2553. </label>
  2554. <input class='billing-first-name-input form-control' name='firstname' value="{{me.escape('firstname')}}">
  2555. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2556. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2557. </div>
  2558. <div class='form-group billing-last-name-group has-feedback'>
  2559. <label>
  2560. Last name
  2561. </label>
  2562. <input class='billing-last-name-input form-control' name='lastname' value="{{me.escape('lastname')}}">
  2563. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2564. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2565. </div>
  2566. <div class='form-group billing-company-group has-feedback'>
  2567. <label>
  2568. Company
  2569. </label>
  2570. <input class='billing-company-input form-control' name='company' value="{{me.get('settings') ? _.escape(me.get('settings').company) : ''}}">
  2571. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2572. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2573. </div>
  2574. <div class='form-group billing-street-group has-feedback'>
  2575. <label>
  2576. Street
  2577. </label>
  2578. <input class='billing-street-input form-control' name='address1' value="{{me.get('address') ? _.escape(me.get('address').address1) : ''}}">
  2579. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2580. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2581. </div>
  2582. <div class='form-group billing-country-group has-feedback'>
  2583. <label>
  2584. Country
  2585. </label>
  2586. <select class='billing-country-select form-control' name='country'>
  2587. <option value=''></option>
  2588. [[ _.each(gon.countries, function(country) { ]]
  2589. [[ if (me.get('address') && me.get('address').country && me.get('address').country.toLowerCase() == country.toLowerCase()) { ]]
  2590. <option selected='selected' value='{{country}}'>
  2591. {{country}}
  2592. </option>
  2593. [[ } else { ]]
  2594. <option value='{{country}}'>
  2595. {{country}}
  2596. </option>
  2597. [[ } ]]
  2598. [[ }); ]]
  2599. </select>
  2600. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2601. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2602. </div>
  2603. <div class='form-group billing-province-group has-feedback'>
  2604. <label>
  2605. State/Province
  2606. </label>
  2607. <input class='billing-province-input form-control' name='state' type='text' value="{{me.get('address') ? _.escape(me.get('address').state) : ''}}">
  2608. <select class='billing-province-select form-control' name='state'></select>
  2609. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2610. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2611. </div>
  2612. <div class='form-group billing-city-group has-feedback'>
  2613. <label>
  2614. City
  2615. </label>
  2616. <input class='billing-city-input form-control' name='city' value="{{me.get('address') ? _.escape(me.get('address').city) : ''}}">
  2617. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2618. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2619. </div>
  2620. <div class='form-group billing-zip-group has-feedback'>
  2621. <label>
  2622. Zip/Postal code
  2623. </label>
  2624. <input class='billing-zip-input form-control' name='zip' value="{{me.get('address') ? _.escape(me.get('address').zip) : ''}}">
  2625. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback label-padding'></span>
  2626. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback label-padding'></span>
  2627. </div>
  2628. <button class='submit btn btn-primary btn-block' type='submit'>
  2629. <span class='text'>
  2630. Continue
  2631. </span>
  2632. <span class='spinner'></span>
  2633. </button>
  2634. </form>
  2635. </div>
  2636. </div>
  2637. <div class='purchase-notes section polymode'>
  2638. <h4 class='pull-left'>
  2639. Optional Info
  2640. </h4>
  2641. <a class='edit-button btn btn-mini pull-right display' href='#'>
  2642. Edit
  2643. </a>
  2644. <div class='clearfix'></div>
  2645. <div class='display'>
  2646. <div class='purchase-notes-data'>
  2647. {{_.escape(notes) || I18n.t("cart_page.not_specified")}}
  2648. </div>
  2649. </div>
  2650. <div class='edit'>
  2651. <form class='purchase-notes-form' role='form'>
  2652. <div class='form-group purchase-notes-group'>
  2653. <label>
  2654. Notes (client, job, order, VAT number)
  2655. </label>
  2656. <input class='purchase-notes-field form-control' id='purchase-notes-field' maxlength='150' name='notes' type='text' value='{{_.escape(notes)}}'>
  2657. <button class='submit btn btn-primary btn-block' type='submit'>
  2658. <span class='text'>
  2659. Continue
  2660. </span>
  2661. </button>
  2662. </div>
  2663. </form>
  2664. </div>
  2665. </div>
  2666. <div class='payment section'>
  2667. <h4 class='pull-left'>
  2668. <img class='lock-icon' src='https://mktcdn.500px.org/assets/icons/lock_icon@2x-354121076a6ef7153fec0ae46350e1e79f00dbf9ae34f2a49363a3ba6af966c9.png'>
  2669. Secure Payment
  2670. </h4>
  2671. <div class='payment-method-form-container'></div>
  2672. <div class='clearfix'></div>
  2673. </div>
  2674. <div class='discount section'>
  2675. <h4>
  2676. Promo Code
  2677. </h4>
  2678. <form action='' class='discount-code-form' role='form'>
  2679. <div class="discount-code-group form-group form-inline has-feedback {{customDiscount ? 'has-success' : ''}}">
  2680. <button class='submit-discount-code btn btn-grey pull-right' disabled='disabled' type='submit'>
  2681. Apply
  2682. </button>
  2683. <div class='discount-code-input-wrapper'>
  2684. <input class='discount-code-input form-control' name='discount_code' value="{{customDiscount ? customDiscount.get('code') : ''}}">
  2685. <span class='glyphicon glyphicon-remove form-control-feedback error-feedback'></span>
  2686. <span class='glyphicon glyphicon-ok form-control-feedback success-feedback'></span>
  2687. </div>
  2688. </div>
  2689. <div class='clearfix'></div>
  2690. </form>
  2691. </div>
  2692. <div class='checkout section'>
  2693. <form action='' class='checkout-form' role='form'>
  2694. <div class='discount-code-link'>
  2695. Do you have a <a href="#">promo code?</a>
  2696. </div>
  2697. <button class='submit btn btn-lg btn-grey btn-block' disabled='disabled' type='submit'>
  2698. <span class='text'>
  2699. <span class='credit-card-checkout'>
  2700. Checkout
  2701. </span>
  2702. <span class='paypal-checkout'>
  2703. Checkout with PayPal
  2704. </span>
  2705. </span>
  2706. <span class='spinner'></span>
  2707. </button>
  2708. </form>
  2709. </div>
  2710. </section>
  2711. </div>
  2712. [[ } ]]
  2713. </div>
  2714. </script>
  2715.  
  2716. <script id='cart-item-template' type='text/backbone_template'>
  2717. <div class='row'>
  2718. <div class='photo-section col-md-5'>
  2719. <a data-router='true' href='{{photo.photoPagePath()}}'>
  2720. <img class='photo' src="{{photo.imageUrl('560')}}">
  2721. </a>
  2722. </div>
  2723. <div class='photo-details-section col-md-7'>
  2724. <div class='details-table'>
  2725. <div class='line photo-name'>
  2726. <span class='datum-label title'>
  2727. Title
  2728. </span>
  2729. <span class='datum-value'>
  2730. {{photo.escape('name')}}
  2731. </span>
  2732. </div>
  2733. <div class='line author-name'>
  2734. <span class='datum-label credits'>
  2735. Credits
  2736. </span>
  2737. <span class='datum-value'>
  2738. {{_.escape(photo.get('user').firstname)}} {{_.escape(photo.get('user').lastname)}}
  2739. </span>
  2740. </div>
  2741. <div class='line photo-id'>
  2742. <span class='datum-label credits'>
  2743. Photo ID
  2744. </span>
  2745. <span class='datum-value'>
  2746. {{photo.get('id')}}
  2747. </span>
  2748. </div>
  2749. <div class='line photo-size'>
  2750. <span class='datum-label credits'>
  2751. File size
  2752. </span>
  2753. <span class='datum-value'>
  2754. <!-- Web/social license -->
  2755. [[ if (cartItem.get("license") == "web") { ]]
  2756. {{photo.resolution('web').width}} x {{photo.resolution('web').height}}px @72dpi
  2757. <!-- Products for resale license -->
  2758. [[ } else if (cartItem.get("license") == "resale") { ]]
  2759. {{photo.resolution('resale').width}} x {{photo.resolution('resale').height}}px / {{photo.resolution('resale').printWidth}} x {{photo.resolution('resale').printHeight}}" @300dpi
  2760. <!-- Royalty-free license -->
  2761. [[ } else { ]]
  2762. {{photo.resolution('royalty_free').width}} x {{photo.resolution('royalty_free').height}}px / {{photo.resolution('royalty_free').printWidth}} x {{photo.resolution('royalty_free').printHeight}}" @300dpi
  2763. [[ } ]]
  2764. </span>
  2765. </div>
  2766. <div class='line license-type'>
  2767. <span class='datum-label credits'>
  2768. License
  2769. </span>
  2770. <span class='datum-value'>
  2771. <!-- Web/social license -->
  2772. [[ if (cartItem.get("license") == "web") { ]]
  2773. Web Ready RF
  2774. [[ if (photo.get("licensing_type") == "N/A") { ]]
  2775. (Pending)
  2776. [[ } ]]
  2777. <div class='help-widget' data-placement='top' data-title="<h3>Web Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2778. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon_dark@2x-fac0b68449857ddd3bd23ce15deb14b84ac801800211db9d90b1d326c4906f0b.png'>
  2779. </div>
  2780. <!-- Products for resale license -->
  2781. [[ } else if (cartItem.get("license") == "resale") { ]]
  2782. Products for Resale
  2783. [[ if (photo.get("licensing_type") == "N/A") { ]]
  2784. (Pending)
  2785. [[ } ]]
  2786. <div class='help-widget' data-placement='top' data-title="<h3>Products for Resale</h3> Enhanced license grant which includes the ability to incorporate the image into print or electronic products for resale or distribution (including templates and on-demand products). For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2787. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon_dark@2x-fac0b68449857ddd3bd23ce15deb14b84ac801800211db9d90b1d326c4906f0b.png'>
  2788. </div>
  2789. <!-- Royalty-free license -->
  2790. [[ } else { ]]
  2791. Print Ready RF
  2792. [[ if (photo.get("licensing_type") == "N/A") { ]]
  2793. (Pending)
  2794. [[ } ]]
  2795. <div class='help-widget' data-placement='top' data-title="<h3>Print Ready Royalty-Free License</h3> Worldwide, all-media usage with no expiry. A multi-seat license with unlimited impressions. Perfect for commercial or editorial use, advertising, and product packaging. For more details see the <a href='http://static.500px.net/docs/commercial_licensing_agreement.pdf' target='_blank'>Commercial Licensing Agreement</a>." data-toggle='tooltip'>
  2796. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon_dark@2x-fac0b68449857ddd3bd23ce15deb14b84ac801800211db9d90b1d326c4906f0b.png'>
  2797. </div>
  2798. [[ } ]]
  2799. </span>
  2800. </div>
  2801. </div>
  2802. [[ if (photo.get("license") == "editorial") { ]]
  2803. <div class='label-container'>
  2804. <span class='label photo-editorial'>
  2805. Available for Editorial use only
  2806. <div class='help-widget' data-placement='top' data-title="<h3>Editorial Use Only</h3> Cannot be used for selling and marketing purposes. They are mostly used to illustrate a truthful article that is about news, culture, sports, politics, entertainment or other topics of interest to the public. For more details, see the <a href='https://support.500px.com/hc/en-us/articles/204728147' target='_blank'>FAQ</a>" data-toggle='tooltip'>
  2807. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2808. </div>
  2809. </span>
  2810. </div>
  2811. [[ } ]]
  2812. [[ if (photo.get("licensing_type") == "N/A") { ]]
  2813. <div class='label-container'>
  2814. <span class='photo-unavailable label label-important'>
  2815. Secure this photo. Be the first to license it.
  2816. <div class='help-widget' data-placement='top' data-title='<h3>Secure this photo</h3>This photo has never been licensed from 500px Marketplace. Check out now to place a deposit and we&#x0027;ll go out of our way to secure it for licensing. If we are unable, we&#x0027;ll refund your deposit after 5 days. For more information see the <a target="_blank" href="https://support.500px.com/hc/en-us/articles/204031108">FAQ</a>.' data-toggle='tooltip'>
  2817. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  2818. </div>
  2819. </span>
  2820. </div>
  2821. [[ } ]]
  2822. <div class='photo-controls-section'>
  2823. <div class='photo-price'>
  2824. ${{cartItem.getOriginalPrice() / 100.0}}
  2825. USD
  2826. </div>
  2827. <div class='remove-from-cart' type='button'>
  2828. Remove
  2829. <span>&times;</span>
  2830. </div>
  2831. </div>
  2832. </div>
  2833. </div>
  2834. <div class='clearfix'></div>
  2835. [[ if (photo.get("licensing_type") == "N/A") { ]]
  2836. <section class='similar-images-section'>
  2837. <div class='row'>
  2838. <div class='col-md-12'>
  2839. <div class='section-title'>
  2840. <strong>
  2841. Need a photo immediately?
  2842. </strong>
  2843. Check out these similar photos.
  2844. </div>
  2845. <div class='thumb-slider'></div>
  2846. </div>
  2847. </div>
  2848. </section>
  2849. [[ } ]]
  2850. </script>
  2851.  
  2852. <script id='purchase-summary-template' type='text/backbone_template'>
  2853. [[ if (discounted) { ]]
  2854. <div class='discount-line'>
  2855. <div class='pull-left'>
  2856. Discount:
  2857. <span class='total'>
  2858. ${{Prime.Utils.Common.formatPrice(cartItems.getTotalDiscount() / 100.0)}}
  2859. </span>
  2860. </div>
  2861. <div class='pull-right'>
  2862. <span class='num-images'></span>
  2863. {{cartItems.length}}
  2864. [[ if (cartItems.length > 1) { ]]
  2865. images
  2866. [[ } else { ]]
  2867. image
  2868. [[ } ]]
  2869. </div>
  2870. <div class='clearfix'></div>
  2871. </div>
  2872. [[ } ]]
  2873. <div class='total-line'>
  2874. <div class='pull-left'>
  2875. Total:
  2876. <span class='total'>
  2877. [[ if (discounted) { ]]
  2878. <span class='total-amount'>
  2879. ${{Prime.Utils.Common.formatPrice(cartItems.getTotal() / 100.0)}}
  2880. </span>
  2881. <span class='total-amount-crossed'>
  2882. ${{Prime.Utils.Common.formatPrice(cartItems.getTotal(false) / 100.0)}}
  2883. </span>
  2884. [[ } else { ]]
  2885. <span class='total-amount'>
  2886. ${{Prime.Utils.Common.formatPrice(cartItems.getTotal() / 100.0)}}
  2887. </span>
  2888. [[ } ]]
  2889. </span>
  2890. </div>
  2891. <div class='clearfix'></div>
  2892. </div>
  2893. [[ if (Prime.models.me.isLoggedIn()) { ]]
  2894. <div class='discount-code-link'>
  2895. Do you have a <a href="#">promo code?</a>
  2896. </div>
  2897. [[ } ]]
  2898. <div class='proceed-to-checkout submit btn btn-primary btn-block' type='submit'>
  2899. Proceed to checkout
  2900. </div>
  2901. </script>
  2902.  
  2903. <script id='settings-page-template' type='text/backbone_template'>
  2904. <span class='page-title hidden'>
  2905. Settings
  2906. </span>
  2907. <div class='container'>
  2908. <div class='row'>
  2909. <section class='page-nav-section col-md-2'>
  2910. <h2>
  2911. Account
  2912. </h2>
  2913. <ul class='tabs'>
  2914. <li class='tab open'>
  2915. <a data-router='true' href='/settings'>
  2916. Settings
  2917. </a>
  2918. </li>
  2919. <li class='tab'>
  2920. <a data-router='true' href='/purchases'>
  2921. Purchases
  2922. </a>
  2923. </li>
  2924. <li class='tab'>
  2925. <a data-router='true' href='/plans'>
  2926. Plans
  2927. </a>
  2928. </li>
  2929. <li class='tab'>
  2930. <a data-router='true' href='/lightboxes'>
  2931. Lightboxes
  2932. </a>
  2933. </li>
  2934. </ul>
  2935. </section>
  2936. <section class='user-settings-section col-md-6'>
  2937. <form action='/me' class='user-settings-form' method='put' role='form'>
  2938. <h2>
  2939. Settings
  2940. </h2>
  2941. <div class='form-group'>
  2942. <label>
  2943. First Name
  2944. </label>
  2945. <input class='form-control' name='firstname' value='{{_.escape(me.firstname)}}'>
  2946. </div>
  2947. <div class='form-group'>
  2948. <label>
  2949. Last Name
  2950. </label>
  2951. <input class='form-control' name='lastname' value='{{_.escape(me.lastname)}}'>
  2952. </div>
  2953. <div class='form-group'>
  2954. <label>
  2955. Company Name
  2956. </label>
  2957. <input class='company-input form-control' name='company' value='{{_.escape(me.settings.company)}}'>
  2958. </div>
  2959. <div class='form-group'>
  2960. <label>
  2961. Language
  2962. </label>
  2963. <select class='language-select form-control' name='language'>
  2964. [[ if (me.settings.language == 'en') { ]]
  2965. <option selected='selected' value='en'>
  2966. English
  2967. </option>
  2968. [[ } else { ]]
  2969. <option value='en'>
  2970. English
  2971. </option>
  2972. [[ } ]]
  2973. [[ if (me.settings.language == 'zh-CN') { ]]
  2974. <option selected='selected' value='zh-CN'>
  2975. 中文(简体)
  2976. </option>
  2977. [[ } else { ]]
  2978. <option value='zh-CN'>
  2979. 中文(简体)
  2980. </option>
  2981. [[ } ]]
  2982. </select>
  2983. </div>
  2984. <div class='form-group'>
  2985. <label>
  2986. Country
  2987. </label>
  2988. <select class='country-select form-control' name='country'>
  2989. <option value=''></option>
  2990. [[ _.each(gon.countries, function(country) { ]]
  2991. [[ if (me.address && me.address.country && me.address.country.toLowerCase() == country.toLowerCase()) { ]]
  2992. <option selected='selected' value='{{_.escape(country)}}'>
  2993. {{_.escape(country)}}
  2994. </option>
  2995. [[ } else { ]]
  2996. <option value='{{_.escape(country)}}'>
  2997. {{_.escape(country)}}
  2998. </option>
  2999. [[ } ]]
  3000. [[ }); ]]
  3001. </select>
  3002. </div>
  3003. <div class='form-group'>
  3004. <label>
  3005. State/Province
  3006. </label>
  3007. <input class='province-input form-control' name='state' value='{{_.escape(me.address.state)}}'>
  3008. <select class='province-select form-control' name='state'></select>
  3009. </div>
  3010. <div class='form-group'>
  3011. <label>
  3012. Street Address
  3013. </label>
  3014. <input class='form-control' name='address1' value='{{_.escape(me.address.address1)}}'>
  3015. </div>
  3016. <div class='form-group'>
  3017. <label>
  3018. City
  3019. </label>
  3020. <input class='form-control' name='city' value='{{_.escape(me.address.city)}}'>
  3021. </div>
  3022. <div class='form-group'>
  3023. <label>
  3024. Zip/Postal Code
  3025. </label>
  3026. <input class='form-control' name='zip' value='{{_.escape(me.address.zip)}}'>
  3027. </div>
  3028. <div class='form-group'>
  3029. <label>
  3030. Phone Number
  3031. </label>
  3032. <input class='form-control' name='phone' value='{{_.escape(me.address.phone)}}'>
  3033. </div>
  3034. <h2>
  3035. Profile
  3036. </h2>
  3037. <div class='form-group email-group has-feedback'>
  3038. <label>
  3039. Email
  3040. </label>
  3041. <input class='form-control' disabled name='email' value='{{_.escape(me.email)}}'>
  3042. </div>
  3043. <div class='clearfix'></div>
  3044. [[ if (me.provider != "pixels") { ]]
  3045. <div class='form-group'>
  3046. <label>
  3047. Password
  3048. </label>
  3049. <input class='form-control' name='password' type='password'>
  3050. </div>
  3051. <div class='form-group'>
  3052. <label>
  3053. Confirm Password
  3054. </label>
  3055. <input class='form-control' name='password_confirmation' type='password'>
  3056. </div>
  3057. [[ } ]]
  3058. <h2>
  3059. Notifications / Settings
  3060. </h2>
  3061. <div class='form-group full-line'>
  3062. <label>
  3063. [[ if (me.settings.emails_enabled == true) { ]]
  3064. <input checked='checked' name='emails_enabled' type='checkbox' value='true'>
  3065. [[ } else { ]]
  3066. <input name='emails_enabled' type='checkbox' value='true'>
  3067. [[ } ]]
  3068. Send me account updates, personalized notifications and product updates by email
  3069. </label>
  3070. <label>
  3071. [[ if (me.settings.adult_filter == true) { ]]
  3072. <input checked='checked' name='adult_filter' type='checkbox' value='true'>
  3073. [[ } else { ]]
  3074. <input name='adult_filter' type='checkbox' value='true'>
  3075. [[ } ]]
  3076. Remove adult content results from searches
  3077. </label>
  3078. </div>
  3079. [[ if (me.settings.dropbox_auth) { ]]
  3080. <div class='user-settings-dropbox'>
  3081. <h2>
  3082. Dropbox Authentication
  3083. </h2>
  3084. <div class='form-group'>
  3085. <label>
  3086. Logged in to Dropbox as:
  3087. </label>
  3088. <input class='form-control' disabled name='dropbox_email' value='{{me.settings.dropbox_auth}}'>
  3089. <a class='button btn btn-xs btn-danger unlink-dropbox' style='margin-top: 10px'>
  3090. Unlink
  3091. </a>
  3092. </div>
  3093. </div>
  3094. [[ } ]]
  3095. <div class='form-group full-line'>
  3096. <button class='submit btn btn-primary btn-lg' type='submit'>
  3097. <span class='text'>
  3098. Save
  3099. </span>
  3100. <span class='spinner'></span>
  3101. </button>
  3102. <span class='save-message'></span>
  3103. </div>
  3104. </form>
  3105. </section>
  3106. [[ if (subscription) { ]]
  3107. <section class='subscription-section col-md-4'>
  3108. <h2>
  3109. Bundle Details
  3110. </h2>
  3111. <div class='subscription-details'>
  3112. <div class='line'></div>
  3113. <span class='datum-label'>
  3114. Funds remaining:
  3115. </span>
  3116. <span class='datum-value pull-right'>
  3117. ${{Prime.Utils.Common.formatPrice(wallet.get("credit") / 100)}}
  3118. </span>
  3119. <div class='clearfix'></div>
  3120. <div class='line'>
  3121. <span class='datum-label'>
  3122. Need more credit?
  3123. </span>
  3124. <span class='datum-value pull-right'>
  3125. <a href='/pricing'>
  3126. Top up
  3127. </a>
  3128. </span>
  3129. </div>
  3130. <div class='line'>
  3131. <span class='datum-label'>
  3132. For more information or help:
  3133. </span>
  3134. <span class='datum-value pull-right'>
  3135. <a data-router='true' href='/contact'>
  3136. Contact us
  3137. </a>
  3138. </span>
  3139. <div class='clearfix'></div>
  3140. </div>
  3141. </div>
  3142. </section>
  3143. [[ } ]]
  3144. <section class='credit-card-settings-section col-md-4'>
  3145. <h2>
  3146. Credit Cards
  3147. </h2>
  3148. <div class='credit-card-form-container'></div>
  3149. </section>
  3150. </div>
  3151. </div>
  3152. </script>
  3153.  
  3154. <script id='purchases-page-template' type='text/backbone_template'>
  3155. <span class='page-title hidden'>
  3156. Purchase History
  3157. </span>
  3158. <div class='container'>
  3159. <div class='row'>
  3160. <section class='page-nav-section col-md-2'>
  3161. <h2>
  3162. Account
  3163. </h2>
  3164. <ul class='tabs'>
  3165. <li class='tab'>
  3166. <a data-router='true' href='/settings'>
  3167. Settings
  3168. </a>
  3169. </li>
  3170. <li class='tab open'>
  3171. <a data-router='true' href='/purchases'>
  3172. Purchases
  3173. </a>
  3174. </li>
  3175. <li class='tab'>
  3176. <a data-router='true' href='/plans'>
  3177. Plans
  3178. </a>
  3179. </li>
  3180. <li class='tab'>
  3181. <a data-router='true' href='/lightboxes'>
  3182. Lightboxes
  3183. </a>
  3184. </li>
  3185. </ul>
  3186. </section>
  3187. <section class='purchases-section col-md-9'>
  3188. [[ if (emptyPurchaseItems) { ]]
  3189. <div class='placeholder-alert'>
  3190. <div class='placeholder-icon'>
  3191. <img src='https://mktcdn.500px.org/assets/icons/placeholder_purchase_icon@2x-fe3b08515247cd8b389dac40d2a4251cae186bc7c090dbd918bf8a7be54bdb3e.png'>
  3192. </div>
  3193. <div class='placeholder-title'>
  3194. You don't have any purchases yet
  3195. </div>
  3196. <div class='placeholder-description'>
  3197. Add photos to your <a data-router="true" href="/cart">cart</a> and check out to complete your purchase. You can review and download your licensed photos here.
  3198. </div>
  3199. </div>
  3200. [[ } else { ]]
  3201. [[ if (purchase) { ]]
  3202. <div class='purchase-completed-alert alert'>
  3203. <button aria-hidden='true' class='close' data-dismiss='alert' type='button'>&times;</button>
  3204. <div class='icon'>
  3205. <div class='glyphicon glyphicon-ok'></div>
  3206. </div>
  3207. <h1>
  3208. Purchase completed
  3209. </h1>
  3210. <div class='order-id'>
  3211. <span>
  3212. Order
  3213. </span>
  3214. {{purchase.display_id}}
  3215. </div>
  3216. <div class='instructions'>
  3217. [[ if (purchase.licensed) { ]]
  3218. Thank you! You can download and see the details of your purchase below.
  3219. [[ } else { ]]
  3220. Thank you! We're processing your images and they'll be available for download shortly. You will receive an email at .
  3221. [[ } ]]
  3222. </div>
  3223. </div>
  3224. [[ } ]]
  3225. <h2>
  3226. Purchases
  3227. </h2>
  3228. <div class='purchases-save'>
  3229. <div class='dropbox-download'>
  3230. <a class='download' data-type='purchases' href='#'>
  3231. <div class='icon'></div>
  3232. Download all Purchases to Dropbox
  3233. </a>
  3234. <span class='downloading'>
  3235. <div class='icon'></div>
  3236. Downloading to Dropbox...
  3237. </span>
  3238. </div>
  3239. </div>
  3240. [[ } ]]
  3241. <ul class='purchase-items'></ul>
  3242. </section>
  3243. </div>
  3244. <div class='row'>
  3245. <div id='purchase-pager'></div>
  3246. </div>
  3247. </div>
  3248. </script>
  3249.  
  3250. <script id='purchase-item-template' type='text/backbone_template'>
  3251. <div class='row'>
  3252. <div class='photo-section col-sm-4'>
  3253. <a data-router='true' href='{{Prime.Models.Photo.photoPagePath(purchaseItem.photo)}}'>
  3254. <img class='photo' src="{{Prime.Utils.Common.imageUrlFromPhotoJson(purchaseItem.photo, '280')}}">
  3255. </a>
  3256. </div>
  3257. <div class='purchase-details-section col-sm-8'>
  3258. <div class='photo-title'>
  3259. <span class='photo-name'>
  3260. {{purchaseItem.photo.name}}
  3261. </span>
  3262. by
  3263. <span class='author-name'>
  3264. {{purchaseItem.photo.user.firstname}} {{purchaseItem.photo.user.lastname}}
  3265. </span>
  3266. </div>
  3267. <div class='license-type'>
  3268. [[ if (purchaseItem.license == "web") { ]]
  3269. Web Ready RF
  3270. [[ } else if (purchaseItem.license == "resale") { ]]
  3271. Products for Resale License
  3272. [[ } else if (purchaseItem.license == "rights_managed") { ]]
  3273. Rights Managed
  3274. [[ } else { ]]
  3275. Print Ready RF
  3276. [[ } ]]
  3277. [[ if (!purchaseItem.licensed) { ]]
  3278. (Pending)
  3279. [[ } ]]
  3280. </div>
  3281. <div class='purchase-date'>
  3282. Purchased:
  3283. {{Prime.Utils.Common.formatDate(purchaseItem.purchased_at)}}
  3284. </div>
  3285. [[ if (purchaseItem.photo.license == "editorial") { ]]
  3286. <span class='photo-editorial'>
  3287. Available for Editorial use only
  3288. <div class='help-widget' data-placement='top' data-title="<h3>Editorial Use Only</h3> Cannot be used for selling and marketing purposes. They are mostly used to illustrate a truthful article that is about news, culture, sports, politics, entertainment or other topics of interest to the public. For more details, see the <a href='https://support.500px.com/hc/en-us/articles/204728147' target='_blank'>FAQ</a>" data-toggle='tooltip'>
  3289. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  3290. </div>
  3291. </span>
  3292. [[ } ]]
  3293. [[ if (!purchaseItem.available) { ]]
  3294. <div class='photo-unavailable'>
  3295. License not yet secured
  3296. <div class='help-widget' data-placement='top' data-title='<h3>Licensing pending</h3>We&#x0027;re working hard to secure this photo for licensing. If we are unable to secure it within 5 days, we&#x0027;ll refund your deposit. For more information see the <a target="_blank" href="https://support.500px.com/hc/en-us/articles/204031108">FAQ</a>.' data-toggle='tooltip'>
  3297. <img class='icon info-icon' src='https://mktcdn.500px.org/assets/icons/info_icon@2x-3ac671bd51ce848a75add05ce504acff5d70c142fa2bc3c32966b403b44f6e5b.png'>
  3298. </div>
  3299. </div>
  3300. [[ } ]]
  3301. <ul class='purchase-actions'>
  3302. <li>
  3303. [[ if (purchaseItem.licensed) { ]]
  3304. <a class='download-photo btn btn-default' href='{{purchaseItem.photo.download_url}}' target='_blank'>
  3305. Download
  3306. </a>
  3307. [[ } else { ]]
  3308. <a class='download-photo btn btn-default' disabled='disabled' href='{{purchaseItem.photo.download_url}}'>
  3309. Processing...
  3310. </a>
  3311. [[ } ]]
  3312. </li>
  3313. [[ if (purchaseItem.available && purchaseItem.licensed) { ]]
  3314. <li>
  3315. <a class='view-receipt btn btn-default' data-router='true' href='/purchases/{{purchaseItem.purchase_id}}/receipt'>
  3316. Receipt
  3317. </a>
  3318. </li>
  3319. [[ } else { ]]
  3320. <li>
  3321. <a class='view-receipt btn btn-default' disabled='disabled' href='/purchases/{{purchaseItem.purchase_id}}/receipt'>
  3322. Receipt pending
  3323. </a>
  3324. </li>
  3325. [[ } ]]
  3326. </ul>
  3327. <div class='photo-id-section'>
  3328. <div class='photo-id'>
  3329. <span class="hash">#</span> {{purchaseItem.photo.id}}
  3330. </div>
  3331. </div>
  3332. </div>
  3333. </div>
  3334. <div class='clearfix'></div>
  3335. </script>
  3336.  
  3337. <script id='receipt-page-template' type='text/backbone_template'>
  3338. <span class='page-title hidden'>
  3339. Receipt ID {{purchase.get('display_id')}}
  3340. </span>
  3341. <div class='container'>
  3342. <div class='row'>
  3343. <section class='print-receipt-section col-md-6 col-md-push-6 hidden-print'>
  3344. <div class='print-receipt btn btn-primary btn-lg'>
  3345. Print receipt
  3346. </div>
  3347. </section>
  3348. <section class='header-section col-md-6 col-md-pull-6'>
  3349. <div class='px-logo'>
  3350. <img class='icon prime-logo' src='https://mktcdn.500px.org/assets/common/prime_logo_dark@2x-d65eba6d3d1dc3b23e6c234f04f33905fedff931b69c7397bf46712b86e9d522.png'>
  3351. </div>
  3352. </section>
  3353. <div class='clearfix'></div>
  3354. </div>
  3355. <div class='row'>
  3356. <section class='merchant-section col-md-5'>
  3357. <div class='merchant-title'>
  3358. 500px Inc.
  3359. </div>
  3360. <div class='merchant-street-address'>
  3361. 20 Duncan Street, Suite 100
  3362. </div>
  3363. <div class='merchant-city-province'>
  3364. Toronto, ON, M5H 3G8
  3365. </div>
  3366. <div class='merchant-postal-country'>
  3367. Canada
  3368. </div>
  3369. </section>
  3370. <section class='order-details-section col-md-5'>
  3371. <h2>
  3372. Order Details
  3373. </h2>
  3374. <div class='field'>
  3375. <span class='field-name'>
  3376. Order number
  3377. </span>
  3378. <span class='field-value pull-right'>
  3379. {{purchase.get('display_id')}}
  3380. </span>
  3381. </div>
  3382. <div class='field'>
  3383. <span class='field-name'>
  3384. Date
  3385. </span>
  3386. <span class='field-value pull-right'>
  3387. {{Prime.Utils.Common.formatDate(purchase.get('purchased_at'))}}
  3388. </span>
  3389. </div>
  3390. <div class='field' id='receipt-purchase-notes-container'>
  3391. <span class='field-name'>
  3392. Optional Info
  3393. </span>
  3394. <span class='receipt-purchase-notes field-value pull-right'>
  3395. {{_.escape(purchase.get('notes'))}}
  3396. </span>
  3397. </div>
  3398. </section>
  3399. <div class='clearfix'></div>
  3400. </div>
  3401. <div class='row'>
  3402. <section class='billing-details-section col-md-5'>
  3403. <h2>
  3404. Billing Information
  3405. </h2>
  3406. <div class='buyer-email'>
  3407. <a href="mailto:{{me.get('email')}}">{{me.get('email')}}</a>
  3408. </div>
  3409. <div class='buyer-company'>
  3410. {{me.get('settings') ? _.escape(me.get('settings').company) : ''}}
  3411. </div>
  3412. <div class='buyer-name'>
  3413. {{me.escape('firstname')}} {{me.escape('lastname')}}
  3414. </div>
  3415. <div class='buyer-street-address'>
  3416. {{purchase.get('billing_address') ? _.escape(purchase.get('billing_address').address1) : ''}}
  3417. </div>
  3418. <div class='buyer-city-province-postal'>
  3419. {{purchase.get('billing_address') ? _.escape(purchase.get('billing_address').city) + ', ' : ''}} {{purchase.get('billing_address') ? _.escape(purchase.get('billing_address').state) + ',' : ''}} {{purchase.get('billing_address') ? _.escape(purchase.get('billing_address').zip) : ''}}
  3420. </div>
  3421. <div class='buyer-country'>
  3422. {{purchase.get('billing_address') ? purchase.get('billing_address').country : ''}}
  3423. </div>
  3424. </section>
  3425. <section class='payment-details-section col-md-5'>
  3426. <h2>
  3427. Payment Information
  3428. </h2>
  3429. [[ if (purchase.get('paid_with') == 'direct_payment') { ]]
  3430. <div class='field credit-card-number-field'>
  3431. <span class='field-value'>
  3432. [[ if (purchase.get("gateway") == "stripe") { ]]
  3433. <span class='obscured'>
  3434. &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;
  3435. </span>
  3436. <span class='revealed'>
  3437. <strong>
  3438. {{purchase.get("card_last4")}}
  3439. </strong>
  3440. </span>
  3441. [[ } else { ]]
  3442. <strong>Paid using PayPal</strong>
  3443. [[ } ]]
  3444. </span>
  3445. <span class='field-value pull-right'>
  3446. [[ if (purchase.get("gateway") == "stripe") { ]]
  3447. <img class='credit-card-icon' src="{{Prime.Models.Card.cardIconUrl(purchase.get('card_brand'))}}">
  3448. [[ } else { ]]
  3449. <img class='paypal-icon' src='https://www.paypalobjects.com/webstatic/en_US/i/buttons/pp-acceptance-small.png'>
  3450. [[ } ]]
  3451. </span>
  3452. <div class='clearfix'></div>
  3453. </div>
  3454. [[ } else if (purchase.get('paid_with') == 'invoice') { ]]
  3455. <div class='field'>
  3456. <span class='field-name'>
  3457. Pay by
  3458. </span>
  3459. <span class='field-value pull-right'>
  3460. Invoice
  3461. </span>
  3462. </div>
  3463. [[ } ]]
  3464. <div class='field'>
  3465. <span class='field-name'>
  3466. <strong>Subtotal</strong> (USD)
  3467. </span>
  3468. <span class='field-value pull-right'>
  3469. ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3470. </span>
  3471. </div>
  3472. [[ if (purchase.get('paid_with') == 'subscription') { ]]
  3473. <div class='field'>
  3474. <span class='field-name'>
  3475. <strong>Paid by subscription</strong> (USD)
  3476. </span>
  3477. <span class='field-value pull-right'>
  3478. - ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3479. </span>
  3480. </div>
  3481. [[ } ]]
  3482. [[ if (purchase.get('paid_with') == 'credit') { ]]
  3483. <div class='field'>
  3484. <span class='field-name'>
  3485. <strong>Pre-paid amount</strong> (USD)
  3486. </span>
  3487. <span class='field-value pull-right'>
  3488. - ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3489. </span>
  3490. </div>
  3491. [[ } ]]
  3492. <div class='field total-field'>
  3493. <span class='field-name'>
  3494. <strong>Total</strong> (USD)
  3495. </span>
  3496. <span class='field-value pull-right'>
  3497. [[ if (purchase.get('paid_with') == 'subscription' || purchase.get('paid_with') == 'credit') { ]]
  3498. $0
  3499. [[ } else { ]]
  3500. ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3501. [[ } ]]
  3502. </span>
  3503. </div>
  3504. <div class='vat-charge-notice'>
  3505. This supply may be subject to a VAT reverse charge
  3506. </div>
  3507. </section>
  3508. <div class='clearfix'></div>
  3509. </div>
  3510. <div class='row'>
  3511. <section class='order-summary col-md-7 col-md-offset-3'>
  3512. <h2>
  3513. Order Summary
  3514. </h2>
  3515. <ul class='receipt-items'>
  3516. [[ _.each(purchase.get('items'), function(item) { ]]
  3517. <!-- Skip photos that are pending and became unavailable -->
  3518. [[ if (!item.photo) { return; } ]]
  3519. <li class='receipt-item'>
  3520. <div class='photo-section pull-left'>
  3521. <img class='photo' src="{{Prime.Utils.Common.imageUrlFromPhotoJson(item.photo, '280')}}">
  3522. </div>
  3523. <div class='field photo-title-price'>
  3524. <span class='field-value'>
  3525. {{_.escape(item.photo.name)}}
  3526. </span>
  3527. <span class='field-value pull-right'>
  3528. ${{Prime.Utils.Common.formatPrice(item.price_before_credit_discount / 100.0)}}
  3529. </span>
  3530. </div>
  3531. <div class='field photo-author'>
  3532. <span class='author-name'>
  3533. by
  3534. {{_.escape(item.photo.user.firstname)}} {{_.escape(item.photo.user.lastname)}}
  3535. </span>
  3536. </div>
  3537. <div class='field photo-id'>
  3538. <span class='field-name'>
  3539. Photo ID
  3540. </span>
  3541. <span class='field-value'>
  3542. <a class='hidden-print' data-router='true' href='{{Prime.Models.Photo.photoPagePath(item.photo)}}'>
  3543. {{item.photo.id}}
  3544. </a>
  3545. <span class='visible-print-inline'>
  3546. {{item.photo.id}}
  3547. </span>
  3548. </span>
  3549. </div>
  3550. <div class='field license-type'>
  3551. <span class='field-name'>
  3552. License
  3553. </span>
  3554. <span class='field-value'>
  3555. [[ if (item.license == "web") { ]]
  3556. Web Ready RF
  3557. [[ } else if (item.license == "resale") { ]]
  3558. Products for Resale
  3559. [[ } else if (item.license == "rights_managed") { ]]
  3560. Rights Managed
  3561. [[ } else { ]]
  3562. Print Ready RF
  3563. [[ } ]]
  3564. [[ if (item.photo.license == "editorial") { ]]
  3565. (Editorial)
  3566. [[ } ]]
  3567. </span>
  3568. </div>
  3569. <div class='clearfix'></div>
  3570. </li>
  3571. [[ }); ]]
  3572. </ul>
  3573. <div class='row'>
  3574. <div class='col-md-6 col-md-offset-6'>
  3575. <div class='order-summary-totals'>
  3576. <div class='field'>
  3577. <span class='field-name'>
  3578. <strong>Subtotal</strong> (USD)
  3579. </span>
  3580. <span class='field-value pull-right'>
  3581. ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3582. </span>
  3583. </div>
  3584. [[ if (purchase.get('paid_with') == 'subscription') { ]]
  3585. <div class='field'>
  3586. <span class='field-name'>
  3587. <strong>Paid by subscription</strong> (USD)
  3588. </span>
  3589. <span class='field-value pull-right'>
  3590. - ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3591. </span>
  3592. </div>
  3593. [[ } else if (purchase.get('paid_with') == 'credit') { ]]
  3594. <div class='field'>
  3595. <span class='field-name'>
  3596. <strong>Pre-paid amount</strong> (USD)
  3597. </span>
  3598. <span class='field-value pull-right'>
  3599. - ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3600. </span>
  3601. </div>
  3602. [[ } ]]
  3603. <div class='field total-field'>
  3604. <span class='field-name'>
  3605. <strong>Total</strong> (USD)
  3606. </span>
  3607. <span class='field-value pull-right'>
  3608. [[ if (purchase.get('paid_with') == 'subscription' || purchase.get('paid_with') == 'credit') { ]]
  3609. $0
  3610. [[ } else { ]]
  3611. ${{Prime.Utils.Common.formatPrice(purchaseTotal / 100.0)}}
  3612. [[ } ]]
  3613. </span>
  3614. </div>
  3615. </div>
  3616. </div>
  3617. </div>
  3618. </section>
  3619. <div class='clearfix'></div>
  3620. </div>
  3621. </div>
  3622. </script>
  3623.  
  3624. <script id='plans-page-template' type='text/backbone_template'>
  3625. <span class='page-title hidden'>
  3626. Plan Invoices
  3627. </span>
  3628. <div class='container'>
  3629. <div class='row'>
  3630. <section class='page-nav-section col-md-2'>
  3631. <h2>
  3632. Account
  3633. </h2>
  3634. <ul class='tabs'>
  3635. <li class='tab'>
  3636. <a data-router='true' href='/settings'>
  3637. Settings
  3638. </a>
  3639. </li>
  3640. <li class='tab'>
  3641. <a data-router='true' href='/purchases'>
  3642. Purchases
  3643. </a>
  3644. </li>
  3645. <li class='tab open'>
  3646. <a data-router='true' href='/plans'>
  3647. Plans
  3648. </a>
  3649. </li>
  3650. <li class='tab'>
  3651. <a data-router='true' href='/lightboxes'>
  3652. Lightboxes
  3653. </a>
  3654. </li>
  3655. </ul>
  3656. </section>
  3657. <section class='invoices-section col-md-9'>
  3658. [[ if (emptyInvoices) { ]]
  3659. <div class='placeholder-alert'>
  3660. <div class='placeholder-icon'>
  3661. <img src='https://mktcdn.500px.org/assets/icons/placeholder_purchase_icon@2x-fe3b08515247cd8b389dac40d2a4251cae186bc7c090dbd918bf8a7be54bdb3e.png'>
  3662. </div>
  3663. <div class='placeholder-title'>
  3664. You don't have any plans yet
  3665. </div>
  3666. <div class='placeholder-description'>
  3667. Check out our <a data-router="true" href="/pricing">packs and subscriptions</a> for great savings on photos. You can review your plan receipts here.
  3668. </div>
  3669. </div>
  3670. [[ } else { ]]
  3671. [[ if (subscription) { ]]
  3672. <div class='checkout-completed-alert alert'>
  3673. <button aria-hidden='true' class='close' data-dismiss='alert' type='button'>&times;</button>
  3674. <div class='icon'>
  3675. <div class='glyphicon glyphicon-ok'></div>
  3676. </div>
  3677. <h1>
  3678. Checkout completed
  3679. </h1>
  3680. <div class='order-id'>
  3681. <span>
  3682. Order
  3683. </span>
  3684. {{subscription.get("display_id")}}
  3685. </div>
  3686. <div class='instructions'>
  3687. [[ if (subscription.isPaidByCard()) { ]]
  3688. [[ if (subscription.get("status") == "active") { ]]
  3689. Thank you! You can now start using your photo bundle to access the world's most beautiful photos. See the details of your purchase below.
  3690. [[ } else { ]]
  3691. Thank you! We're processing your order. In a few moments you'll be able to use your photo bundle. See the details of your purchase below.
  3692. [[ } ]]
  3693. [[ } else { ]]
  3694. A sales associate will get in touch shortly to proceed with the payment. Remember to check your email spam folder. If you have any questions please <a href="mailto:sales@500px.com">contact us</a>.
  3695. [[ } ]]
  3696. </div>
  3697. </div>
  3698. [[ } ]]
  3699. <h2>
  3700. Plan Receipts
  3701. </h2>
  3702. [[ } ]]
  3703. <ul class='invoices'></ul>
  3704. </section>
  3705. </div>
  3706. </div>
  3707. </script>
  3708.  
  3709. <script id='invoice-item-template' type='text/backbone_template'>
  3710. <div class='row'>
  3711. <div class='invoice__icon-section col-sm-3'>
  3712. <a data-router='true' href="/plans/{{invoice.get('id')}}/receipt">
  3713. <img class='icon large-subscription-icon' src='https://mktcdn.500px.org/assets/icons/large_subscription_icon@2x-0060d34b7fe3d801b12ac78a7cf3fae31e07a3be5bfacbaebe0d40fc7c02fabc.png'>
  3714. </a>
  3715. </div>
  3716. <div class='invoice__details-section col-sm-9'>
  3717. <div class='invoice__plan-group'>
  3718. Photo Bundle
  3719. </div>
  3720. <div class='invoice__plan-summary'>
  3721. <strong>${{ Prime.Utils.Common.formatPrice(plan.totalCreditsForPeriod()) }}</strong> in photos
  3722. </div>
  3723. <div class='invoice__plan-expiration'>
  3724. <strong>Invoice date </strong>{{ Prime.Utils.Common.formatDate(invoice.get('invoiced_at'))}}
  3725. </div>
  3726. <ul class='invoice__purchase-actions'>
  3727. <li>
  3728. <a class='invoice__view-receipt btn btn-default' data-router='true' href="/plans/{{invoice.get('id')}}/receipt">
  3729. Receipt
  3730. </a>
  3731. </li>
  3732. </ul>
  3733. <div class='invoice__id-section'>
  3734. <div class='invoice__id'>
  3735. <span class="hash">#</span> {{invoice.get("display_id")}}
  3736. </div>
  3737. </div>
  3738. </div>
  3739. </div>
  3740. <div class='clearfix'></div>
  3741. </script>
  3742.  
  3743. <script id='invoice-page-template' type='text/backbone_template'>
  3744. <span class='page-title hidden'>
  3745. Invoice ID {{invoice.get('id')}}
  3746. </span>
  3747. <div class='container'>
  3748. <div class='row'>
  3749. <section class='print-receipt-section col-md-6 col-md-push-6 hidden-print'>
  3750. <div class='print-receipt btn btn-primary btn-lg'>
  3751. Print receipt
  3752. </div>
  3753. </section>
  3754. <section class='header-section col-md-6 col-md-pull-6'>
  3755. <div class='px-logo'>
  3756. <img class='icon prime-logo' src='https://mktcdn.500px.org/assets/common/prime_logo_dark@2x-d65eba6d3d1dc3b23e6c234f04f33905fedff931b69c7397bf46712b86e9d522.png'>
  3757. </div>
  3758. </section>
  3759. <div class='clearfix'></div>
  3760. </div>
  3761. <div class='row'>
  3762. <section class='merchant-section col-md-5'>
  3763. <div class='merchant-title'>
  3764. 500px Inc.
  3765. </div>
  3766. <div class='merchant-street-address'>
  3767. 20 Duncan Street, Suite 100
  3768. </div>
  3769. <div class='merchant-city-province'>
  3770. Toronto, ON, M5H 3G8
  3771. </div>
  3772. <div class='merchant-postal-country'>
  3773. Canada
  3774. </div>
  3775. </section>
  3776. <section class='order-details-section col-md-5'>
  3777. <h2>
  3778. Order Details
  3779. </h2>
  3780. <div class='field'>
  3781. <span class='field-name'>
  3782. Order number
  3783. </span>
  3784. <span class='field-value pull-right'>
  3785. {{invoice.get('display_id')}}
  3786. </span>
  3787. </div>
  3788. <div class='field'>
  3789. <span class='field-name'>
  3790. Date
  3791. </span>
  3792. <span class='field-value pull-right'>
  3793. {{Prime.Utils.Common.formatDate(invoice.get('invoiced_at'))}}
  3794. </span>
  3795. </div>
  3796. </section>
  3797. <div class='clearfix'></div>
  3798. </div>
  3799. <div class='row'>
  3800. <section class='billing-details-section col-md-5'>
  3801. <h2>
  3802. Billing Information
  3803. </h2>
  3804. <div class='buyer-email'>
  3805. <a href="mailto:{{me.get('email')}}">{{me.get('email')}}</a>
  3806. </div>
  3807. <div class='buyer-company'>
  3808. {{me.get('settings') ? _.escape(me.get('settings').company) : ''}}
  3809. </div>
  3810. <div class='buyer-name'>
  3811. {{me.escape('firstname')}} {{me.escape('lastname')}}
  3812. </div>
  3813. <div class='buyer-street-address'>
  3814. {{invoice.get('billing_address') ? _.escape(invoice.get('billing_address').address1) : ''}}
  3815. </div>
  3816. <div class='buyer-city-province-postal'>
  3817. {{invoice.get('billing_address') ? _.escape(invoice.get('billing_address').city) + ', ' : ''}} {{invoice.get('billing_address') ? _.escape(invoice.get('billing_address').state) + ',' : ''}} {{invoice.get('billing_address') ? _.escape(invoice.get('billing_address').zip) : ''}}
  3818. </div>
  3819. <div class='buyer-country'>
  3820. {{invoice.get('billing_address') ? invoice.get('billing_address').country : ''}}
  3821. </div>
  3822. </section>
  3823. <section class='payment-details-section col-md-5'>
  3824. <h2>
  3825. Payment Information
  3826. </h2>
  3827. <div class='field credit-card-number-field'>
  3828. <span class='field-value'>
  3829. [[ if (invoice.get("gateway") == "stripe") { ]]
  3830. <span class='obscured'>
  3831. &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull; &bull;&bull;&bull;&bull;
  3832. </span>
  3833. <span class='revealed'>
  3834. <strong>
  3835. {{invoice.get("card_last4")}}
  3836. </strong>
  3837. </span>
  3838. [[ } else { ]]
  3839. Paid by offline invoice
  3840. [[ } ]]
  3841. </span>
  3842. <span class='field-value pull-right'>
  3843. [[ if (invoice.get("gateway") == "stripe") { ]]
  3844. <img class='credit-card-icon' src="{{Prime.Models.Card.cardIconUrl(invoice.get('card_brand'))}}">
  3845. [[ } ]]
  3846. </span>
  3847. <div class='clearfix'></div>
  3848. </div>
  3849. <div class='field'>
  3850. <span class='field-name'>
  3851. <strong>Subtotal</strong> (USD)
  3852. </span>
  3853. <span class='field-value pull-right'>
  3854. ${{Prime.Utils.Common.formatPrice(invoice.get('total') / 100.0)}}
  3855. </span>
  3856. </div>
  3857. <div class='field total-field'>
  3858. <span class='field-name'>
  3859. <strong>Total</strong> (USD)
  3860. </span>
  3861. <span class='field-value pull-right'>
  3862. ${{Prime.Utils.Common.formatPrice(invoice.get('total') / 100.0)}}
  3863. </span>
  3864. </div>
  3865. <div class='vat-charge-notice'>
  3866. This supply may be subject to a VAT reverse charge
  3867. </div>
  3868. </section>
  3869. <div class='clearfix'></div>
  3870. </div>
  3871. <div class='row'>
  3872. <section class='order-summary col-md-7 col-md-offset-3'>
  3873. <h2>
  3874. Order Summary
  3875. </h2>
  3876. <ul class='receipt-items'>
  3877. <li class='receipt-item'>
  3878. <div class='photo-section pull-left'>
  3879. <img class='icon large-subscription-icon' src='https://mktcdn.500px.org/assets/icons/large_subscription_icon@2x-0060d34b7fe3d801b12ac78a7cf3fae31e07a3be5bfacbaebe0d40fc7c02fabc.png'>
  3880. </div>
  3881. <div class='field photo-title-price'>
  3882. <span class='field-value'>
  3883. [[ if (plan.isMonthlyPlan()) { ]]
  3884. Photo bundle subscription # {{invoice.get('subscription').display_id}}
  3885. [[ } else { ]]
  3886. Photo Bundle # {{invoice.get('subscription').display_id}}
  3887. [[ } ]]
  3888. </span>
  3889. <span class='field-value pull-right'>
  3890. <strong>
  3891. ${{Prime.Utils.Common.formatPrice(plan.get("price") / 100.0)}}
  3892. </strong>
  3893. </span>
  3894. </div>
  3895. <div class='field plan-summary'>
  3896. <span class='field-value'>
  3897. [[ if (plan.isMonthlyPlan()) { ]]
  3898. <strong>${{plan.totalCreditsForPeriod()}}</strong> credit per month
  3899. [[ } else { ]]
  3900. <strong>${{plan.totalCreditsForPeriod()}}</strong> photo bundle
  3901. [[ } ]]
  3902. </span>
  3903. </div>
  3904. <div class='clearfix'></div>
  3905. </li>
  3906. </ul>
  3907. <div class='row'>
  3908. <div class='col-md-6 col-md-offset-6'>
  3909. <div class='order-summary-totals'>
  3910. <div class='field'>
  3911. <span class='field-name'>
  3912. <strong>Subtotal</strong> (USD)
  3913. </span>
  3914. <span class='field-value pull-right'>
  3915. ${{Prime.Utils.Common.formatPrice(invoice.get('total') / 100.0)}}
  3916. </span>
  3917. </div>
  3918. <div class='field total-field'>
  3919. <span class='field-name'>
  3920. <strong>Total</strong> (USD)
  3921. </span>
  3922. <span class='field-value pull-right'>
  3923. ${{Prime.Utils.Common.formatPrice(invoice.get('total') / 100.0)}}
  3924. </span>
  3925. </div>
  3926. </div>
  3927. </div>
  3928. </div>
  3929. </section>
  3930. <div class='clearfix'></div>
  3931. </div>
  3932. </div>
  3933. </script>
  3934.  
  3935. <script id='lightboxes-page-template' type='text/backbone_template'>
  3936. <span class='page-title hidden'>
  3937. Lightboxes
  3938. </span>
  3939. <div class='container'>
  3940. <div class='row'>
  3941. <section class='page-nav-section col-md-2'>
  3942. <h2>
  3943. Account
  3944. </h2>
  3945. <ul class='tabs'>
  3946. <li class='tab'>
  3947. <a data-router='true' href='/settings'>
  3948. Settings
  3949. </a>
  3950. </li>
  3951. <li class='tab'>
  3952. <a data-router='true' href='/purchases'>
  3953. Purchases
  3954. </a>
  3955. </li>
  3956. <li class='tab'>
  3957. <a data-router='true' href='/plans'>
  3958. Plans
  3959. </a>
  3960. </li>
  3961. <li class='tab open'>
  3962. <a data-router='true' href='/lightboxes'>
  3963. Lightboxes
  3964. </a>
  3965. </li>
  3966. </ul>
  3967. </section>
  3968. <section class='lightboxes-section col-md-9'>
  3969. [[ if (!lightboxes.length) { ]]
  3970. <div class='placeholder-alert'>
  3971. <div class='placeholder-icon'>
  3972. <img class='icon lightbox-placeholder-icon' src='https://mktcdn.500px.org/assets/icons/lightbox_placeholder_icon@2x-a5b4509ac42a996d07b9f32379f1eae19310a57d38e5914c59230bfa36815c9a.png'>
  3973. </div>
  3974. <div class='placeholder-title'>
  3975. You don't have any lightboxes
  3976. </div>
  3977. <div class='placeholder-description'>
  3978. You can create a new lightbox to start collecting the photos you like and share them with your clients or colleagues.
  3979. </div>
  3980. <div class='create-first-lightbox-section'>
  3981. <form action='' class='create-lightbox-form form-inline' role='form'>
  3982. <input class='new-lightbox-name-input form-control' placeholder='Lightbox name'>
  3983. <button class='create-lightbox btn btn-primary' type='submit'>
  3984. Create
  3985. </button>
  3986. </form>
  3987. </div>
  3988. </div>
  3989. [[ } else { ]]
  3990. <h2>
  3991. Lightboxes
  3992. </h2>
  3993. <div class='create-lightbox-section lightbox-preview'>
  3994. <form action='' class='create-lightbox-form form-inline' role='form'>
  3995. <div class='lightbox-photo-section pull-left'>
  3996. <a class='lightbox-cover-placeholder'>
  3997. <img class='icon lightbox-create-icon' src='https://mktcdn.500px.org/assets/icons/lightbox_create_icon@2x-06cfc32dfb80e94c74d48afe7f4a07e9b1bf33d2a52edfec08ff73e88815d34c.png'>
  3998. </a>
  3999. </div>
  4000. <div class='lightbox-details-section'>
  4001. <div class='lightbox-name'>
  4002. <input class='new-lightbox-name-input form-control' placeholder='Create new lightbox'>
  4003. </div>
  4004. <ul class='lightbox-actions inline-list'>
  4005. <li>
  4006. <button class='create-lightbox btn btn-default' type='submit'>
  4007. Create
  4008. </button>
  4009. </li>
  4010. </ul>
  4011. </div>
  4012. <div class='clearfix'></div>
  4013. </form>
  4014. </div>
  4015. <ul class='lightbox-previews'></ul>
  4016. [[ } ]]
  4017. <div class='loading-container'>
  4018. <div class='loading-feedback loading'>
  4019. <span class='spinner dark'></span>
  4020. </div>
  4021. </div>
  4022. </section>
  4023. </div>
  4024. </div>
  4025. </script>
  4026.  
  4027. <script id='lightbox-preview-template' type='text/backbone_template'>
  4028. <span class='delete-confirmation-message hidden'>
  4029. Are you sure you want to delete this lightbox?
  4030. </span>
  4031. <div class='lightbox-photo-section pull-left'>
  4032. <a data-router='true' href="/lightboxes/{{lightbox.get('token')}}">
  4033. [[ if (lightbox.get("cover_photo")) { ]]
  4034. <img class='lightbox-cover' src="{{Prime.Utils.Common.imageUrlFromPhotoJson(lightbox.get('cover_photo'), '160')}}">
  4035. [[ } else { ]]
  4036. <div class='lightbox-cover-placeholder'>
  4037. <img class='icon lightbox-placeholder-icon' src='https://mktcdn.500px.org/assets/icons/lightbox_placeholder_icon@2x-a5b4509ac42a996d07b9f32379f1eae19310a57d38e5914c59230bfa36815c9a.png'>
  4038. </div>
  4039. [[ } ]]
  4040. </a>
  4041. </div>
  4042. <div class='lightbox-details-section'>
  4043. <form action='' class='edit-lightbox-form' role='form'>
  4044. <div class='lightbox-name'>
  4045. <div class='display'>
  4046. <a data-router='true' href="/lightboxes/{{lightbox.get('token')}}">
  4047. {{lightbox.escape("name")}}
  4048. </a>
  4049. </div>
  4050. <div class='edit-inline'>
  4051. <input class='lightbox-name-input form-control' placeholder='Lightbox name' value="{{lightbox.escape('name')}}">
  4052. </div>
  4053. </div>
  4054. <div class='lightbox-image-count'>
  4055. {{lightbox.get("nr_items")}}
  4056. [[ if (lightbox.get("nr_items") == 1) { ]]
  4057. image
  4058. [[ } else { ]]
  4059. images
  4060. [[ } ]]
  4061. </div>
  4062. <ul class='lightbox-actions inline-list'>
  4063. <li class='display-inline'>
  4064. <a class='rename-lightbox btn btn-default' href='#'>
  4065. Rename
  4066. </a>
  4067. </li>
  4068. <li class='display-inline'>
  4069. <a class='delete-lightbox btn btn-default' href='#'>
  4070. Delete
  4071. </a>
  4072. </li>
  4073. <li class='edit-inline'>
  4074. <button class='save-lightbox btn btn-default' type='submit'>
  4075. Save
  4076. </button>
  4077. </li>
  4078. </ul>
  4079. </form>
  4080. </div>
  4081. <div class='clearfix'></div>
  4082. </script>
  4083.  
  4084. <script id='contact-page-template' type='text/backbone_template'>
  4085. <span class='page-title hidden'>
  4086. Contact
  4087. </span>
  4088. <section class='page-banner'>
  4089. <div class='page-banner-content container'>
  4090. <h1 class='page-banner-title'>
  4091. We can help you find inspiration
  4092. </h1>
  4093. <div class='page-banner-headline'>
  4094. Reach out to us
  4095. </div>
  4096. </div>
  4097. <div class='page-banner-attribution'>
  4098. <a data-router="true" href="/photos/94449977">The Final Goodbye</a> by <a data-router="true" href="/FahadYunusMohammed">Fahad Mohammed</a>
  4099. </div>
  4100. </section>
  4101. <section class='page-section creative-services-section'>
  4102. <div class='container'>
  4103. <h2>
  4104. Contact our creative research team
  4105. </h2>
  4106. <p>
  4107. Email your brief to <a href="mailto:sales@500px.com">sales@500px.com</a> or call our researchers at 1-855-561-4584 x106 and we'll work closely with you to get the perfect photo for your next project.
  4108. </p>
  4109. <p>
  4110. <a class='btn btn-primary btn-lg' data-target='#creative-services-modal' data-toggle='modal' href='#'>
  4111. Tell us what you're looking for
  4112. </a>
  4113. </p>
  4114. </div>
  4115. </section>
  4116. <section class='page-section contact-details'>
  4117. <div class='container'>
  4118. <div class='row'>
  4119. <section class='contributor-inquiries-section col-md-6 col-sm-6'>
  4120. <h3>
  4121. Contributor inquiries
  4122. </h3>
  4123. <p>
  4124. If you are interested in becoming a contributor at 500px Marketplace, please send us an email at <a href="mailto:prime@500px.com">prime@500px.com</a>.
  4125. </p>
  4126. </section>
  4127. <section class='mailing-address-section col-md-6 col-sm-6'>
  4128. <h3>
  4129. Mailing address
  4130. </h3>
  4131. <p>
  4132. For packages, correspondence and gifts, send them to
  4133. <br>
  4134. 20 Duncan Street, Suite 100
  4135. <br>
  4136. Toronto, ON M5H 3G8, Canada
  4137. </p>
  4138. </section>
  4139. </div>
  4140. </div>
  4141. </section>
  4142. <section class='page-section press-section'>
  4143. <div class='container'>
  4144. <h3>
  4145. Need to use our logo?
  4146. </h3>
  4147. <p>
  4148. <a class='btn btn-primary btn-lg' href='/static/PrimePressKit.zip'>
  4149. Download press kit
  4150. </a>
  4151. </p>
  4152. </div>
  4153. </section>
  4154. </script>
  4155.  
  4156. <div id='fb-root'></div>
  4157. <script id='free-bundle-page-template' type='text/backbone_template'>
  4158. <span class='page-title hidden'>
  4159. Free Bundle
  4160. </span>
  4161. <section class='page-banner'>
  4162. <div class='page-banner-content container'>
  4163. <h1 class='page-banner-title'>
  4164. Get Your Free Photo Bundle
  4165. </h1>
  4166. <div class='page-banner-headline'>
  4167. Download 6 beautiful high-resolution royalty-free photos now.
  4168. </div>
  4169. </div>
  4170. <div class='page-banner-attribution'>
  4171. <a data-router="true" href="/photos/123769187">Balloons and the city</a> by <a data-router="true" href="/natta">Natta Summerky</a>
  4172. </div>
  4173. </section>
  4174. <section class='page-section creative-services-section'>
  4175. <div class='container'>
  4176. <h2>
  4177. Limited Time Offer
  4178. </h2>
  4179. <p>
  4180. <img class='bundle-icon' src='https://mktcdn.500px.org/assets/pages/freebundle_page/banner-1eade0b4656c357c1112267e8290cc2ca84a3df47858473e82c371610a0f9113.jpg'>
  4181. </p>
  4182. <p>
  4183. Get excited—we're turning 6 on October 31! To celebrate our birthday, we're giving you a special free gift. Download this free bundle of 6 beautiful, full-resolution photos that portray the fun and joy of celebration. Each photo comes with a royalty-free license, giving you worldwide, unlimited usage. Get your bundle of joy now!
  4184. </p>
  4185. <p>
  4186. [[ if (Prime.models.me.isLoggedIn()) { ]]
  4187. <a class='btn btn-primary btn-lg' href='http://static.500px.net/bundles/FreeBundleOctober.zip'>
  4188. Download free bundle
  4189. </a>
  4190. [[ } else { ]]
  4191. <a class='btn btn-primary btn-lg' href='/signup?r=freebundle'>
  4192. Sign up and download
  4193. </a>
  4194. [[ } ]]
  4195. </p>
  4196. <div class='social-buttons'>
  4197. <a data-pin-color='red' data-pin-config='none' data-pin-do='buttonPin' href='//www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fmarketplace.500px.com%2Ffreebundle%26description%3DDownload%206%20beautiful%20high-resolution%20royalty-free%20photos%20now.'>
  4198. <img src='//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png'>
  4199. </a>
  4200. <a class='twitter-share-button' data-count='none' data-text='Get 6 royalty-free, hi-res images in this free photo bundle from @500px! #HappyBirthday500px ' data-url='https://marketplace.500px.com/freebundle' href='https://twitter.com/share'>Tweet</a>
  4201. <a class='fb-share-button' data-href='https://marketplace.500px.com/freebundle' data-layout='button'></a>
  4202. </div>
  4203. </div>
  4204. </section>
  4205. </script>
  4206. <script async='' defer='' src='//assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
  4207. <script>
  4208. !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
  4209. (function(d, s, id) {
  4210. var js, fjs = d.getElementsByTagName(s)[0];
  4211. if (d.getElementById(id)) return;
  4212. js = d.createElement(s); js.id = id;
  4213. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=599693220064622";
  4214. fjs.parentNode.insertBefore(js, fjs);
  4215. }(document, 'script', 'facebook-jssdk'));
  4216. </script>
  4217.  
  4218. <script id='omni-bundle-page-template' type='text/backbone_template'>
  4219. <span class='page-title hidden'>
  4220. Omnicom Bundle
  4221. </span>
  4222. <section class='page-banner'>
  4223. <div class='page-banner-content container'>
  4224. <h1 class='page-banner-title'>
  4225. Welcome! Your Free Perk is Ready
  4226. </h1>
  4227. <div class='page-banner-headline'>
  4228. Exclusive for the Omnicom Group of Companies
  4229. </div>
  4230. </div>
  4231. </section>
  4232. <section class='page-section creative-services-section'>
  4233. <div class='container'>
  4234. <h2>
  4235. Get 40 full resolution, royalty-free photos for free
  4236. </h2>
  4237. <p>
  4238. Seriously, these images are all totally (and royalty) free. All you have to do is join 500px Marketplace - and it's also free. Even without the freebies, we'll make 500px Marketplace worth your while. Signing up gives you access to license over a million high-quality photos from the world's top photographers, and they're available at very simple prices. You'll save time and money on your next project or campaign.
  4239. [[ if (Prime.models.me.isLoggedIn()) { ]]
  4240. </p>
  4241. <p>
  4242. Download this 40-Photo Bundle (valued at $10,000), it's on us!
  4243. </p>
  4244. <p>
  4245. <a class='btn btn-primary btn-lg' href='http://static.500px.net/bundles/OmniBundle.zip'>
  4246. Download free bundle
  4247. </a>
  4248. [[ } else { ]]
  4249. </p>
  4250. <p>
  4251. Join 500px Marketplace now and this 40-Photo Bundle (valued at $10,000) is on us!
  4252. </p>
  4253. <p>
  4254. <a class='btn btn-primary btn-lg' href='/signup?r=omnibundle'>
  4255. Join us and download
  4256. </a>
  4257. [[ } ]]
  4258. </p>
  4259. <p>
  4260. <img class='bundle-icon' src='https://mktcdn.500px.org/assets/pages/omnibundle_page/images_preview-d0e1ed0608cdf214215bfd9b1e0a6d3435721296e24c4e158a47b2a46b018403.png'>
  4261. </p>
  4262. </div>
  4263. </section>
  4264. </script>
  4265.  
  4266. <script id='dribbble-page-template' type='text/backbone_template'>
  4267. <span class='page-title hidden'>
  4268. Dribbble
  4269. </span>
  4270. <section class='page-banner'>
  4271. <div class='page-banner-overlay'></div>
  4272. <div class='page-banner-content container'>
  4273. <h1 class='page-banner-title'>
  4274. Welcome Dribbblers!
  4275. </h1>
  4276. <div class='page-banner-headline'>
  4277. Enjoy 15% off premium stock photos – on us
  4278. </div>
  4279. </div>
  4280. </section>
  4281. <section class='page-section creative-services-section'>
  4282. <div class='container'>
  4283. <h2>
  4284. From one community to another
  4285. </h2>
  4286. <p>
  4287. 500px Marketplace is your alternative to traditional stock photography. We offer unique, beautiful, and authentic photographs, inspired by real life and sourced from the world-class 500px photography community. With 50 million inspiring photos from over 6 million professional photographers worldwide, and dedicated in-house creative services teams, 500px Marketplace helps you find the perfect image for your projects and campaigns.
  4288. </p>
  4289. <p>
  4290. We’ve partnered with Dribbble to give you 15% off our collection of licensable photos. Use the Deals for Designers portal to access this discount. No codes needed! Discount is applied upon checkout.
  4291. </p>
  4292. <p>
  4293. <a class='btn btn-primary btn-lg' href='https://marketplace.500px.com/search/sort=licensed_at?discount=DRIBBBLE15'>
  4294. Start browsing
  4295. </a>
  4296. </p>
  4297. </div>
  4298. </section>
  4299. </script>
  4300.  
  4301. <script id='keywording-page-template' type='text/backbone_template'>
  4302. <span class='page-title hidden'>
  4303. Thank you!
  4304. </span>
  4305. <section class='page-banner'>
  4306. <div class='page-banner-overlay'></div>
  4307. <div class='page-banner-content container'>
  4308. <h1 class='page-banner-title'>
  4309. Thank you!
  4310. </h1>
  4311. <div class='page-banner-headline'>
  4312. We'll send your photos to our keywording partner and your photos will automatically be updated within 14 days.
  4313. </div>
  4314. </div>
  4315. </section>
  4316. </script>
  4317.  
  4318. <script id='pricing-page-template' type='text/backbone_template'>
  4319. <span class='page-title hidden'>
  4320. Pricing
  4321. </span>
  4322. <section class='pricing-hero' id='pricing-hero'>
  4323. <div class='top-fade'></div>
  4324. <div class='bottom-fade'></div>
  4325. <div class='container pricing-hero__body'>
  4326. <h1 class='pricing-hero__title'>
  4327. Three Simple Options, Two Great Collections
  4328. </h1>
  4329. <h2 class='pricing-hero__byline'>
  4330. One Awesome Community
  4331. </h2>
  4332. </div>
  4333. </section>
  4334. <section class='pricing-comparison clearfix'>
  4335. <div class='container pricing-comparison__container fade in'>
  4336. <div class='plan-families row'>
  4337. <div class='col-md-12'>
  4338. <div class='plan-family subscription'>
  4339. <div class='plan-family-header'>
  4340. Pre-pay for your photos now and SAVE!
  4341. </div>
  4342. <div class='plan-family-body'>
  4343. <div class='plans row no-gutter'>
  4344. <div class='plan col-md-4' data-name='Photo Bundle 5' data-plan='photo_bundle_500'>
  4345. <div class='price-per-photo'>
  4346. <span class='dollar-sign'>$</span>
  4347. <span class='price-value'>500</span>
  4348. </div>
  4349. <div class='photo-bundle'>
  4350. Photo Bundle
  4351. </div>
  4352. <div class='savings'>
  4353. Save 5%
  4354. </div>
  4355. <div class='plan-cta'>
  4356. <a class='btn btn-success' data-message='Nice choice! To proceed with your purchase please create an account or log in with your credentials.' data-return-url='pricing?intent=photo_bundle_500' data-target='#subscription-modal' data-toggle='modal' href='#'>
  4357. Only $475
  4358. </a>
  4359. </div>
  4360. </div>
  4361. <div class='plan col-md-4' data-name='Photo Bundle 10' data-plan='photo_bundle_1000'>
  4362. <div class='price-per-photo'>
  4363. <span class='dollar-sign'>$</span>
  4364. <span class='price-value'>1,000</span>
  4365. </div>
  4366. <div class='photo-bundle'>
  4367. Photo Bundle
  4368. </div>
  4369. <div class='savings'>
  4370. Save 10%
  4371. </div>
  4372. <div class='plan-cta'>
  4373. <a class='btn btn-success' data-message='Nice choice! To proceed with your purchase please create an account or log in with your credentials.' data-return-url='pricing?intent=photo_bundle_1000' data-target='#subscription-modal' data-toggle='modal' href='#'>
  4374. Only $900
  4375. </a>
  4376. </div>
  4377. </div>
  4378. <div class='plan col-md-4' data-name='Photo Bundle 15' data-plan='photo_bundle_2500'>
  4379. <div class='price-per-photo'>
  4380. <span class='dollar-sign'>$</span>
  4381. <span class='price-value'>2,500</span>
  4382. </div>
  4383. <div class='photo-bundle'>
  4384. Photo Bundle
  4385. </div>
  4386. <div class='savings'>
  4387. Save 15%
  4388. </div>
  4389. <div class='plan-cta'>
  4390. <a class='btn btn-success' data-message='Nice choice! To proceed with your purchase please create an account or log in with your credentials.' data-return-url='pricing?intent=photo_bundle_2500' data-target='#subscription-modal' data-toggle='modal' href='#'>
  4391. Only $2125
  4392. </a>
  4393. </div>
  4394. </div>
  4395. </div>
  4396. </div>
  4397. <div class='plan-family-value-prop'>
  4398. Get only the photos you need right now when you order by the bundle. No commitments, no long-term plans.
  4399. </div>
  4400. </div>
  4401. </div>
  4402. </div>
  4403. </div>
  4404. </section>
  4405. <section class='pricing-table-container' id='pricing-table'>
  4406. <div class='container'>
  4407. <h2 class='pricing-table-container__heading'>
  4408. Always choose the right license
  4409. </h2>
  4410. <h3 class='pricing-table-container__subheading'>
  4411. Only pay for what you need and get all the premium features you expect.
  4412. </h3>
  4413. <table class='pricing-table'>
  4414. <tr class='pricing-table__license-header'>
  4415. <th>
  4416. &nbsp;
  4417. </th>
  4418. <th>
  4419. Web Ready RF
  4420. </th>
  4421. <th>
  4422. Print Ready RF
  4423. </th>
  4424. <th>
  4425. Products for Resale
  4426. </th>
  4427. </tr>
  4428. <tr class='pricing-table__row'>
  4429. <th>
  4430. Core Collection <span class='price-per-photo'>(Price per photo)</span>
  4431. </th>
  4432. <td>
  4433. <span class='dollar-sign'>$</span>
  4434. <span class='price-value'>35</span>
  4435. </td>
  4436. <td>
  4437. <span class='dollar-sign'>$</span>
  4438. <span class='price-value'>150</span>
  4439. </td>
  4440. <td>
  4441. <span class='dollar-sign'>$</span>
  4442. <span class='price-value'>300</span>
  4443. </td>
  4444. </tr>
  4445. <tr class='pricing-table__row'>
  4446. <th>
  4447. Prime Collection <span class='price-per-photo'>(Price per photo)</span>
  4448. </th>
  4449. <td>
  4450. <span class='dollar-sign'>$</span>
  4451. <span class='price-value'>50</span>
  4452. </td>
  4453. <td>
  4454. <span class='dollar-sign'>$</span>
  4455. <span class='price-value'>250</span>
  4456. </td>
  4457. <td>
  4458. <span class='dollar-sign'>$</span>
  4459. <span class='price-value'>750</span>
  4460. </td>
  4461. </tr>
  4462. <tr class='pricing-table__row'>
  4463. <th>
  4464. Photo Dimensions
  4465. </th>
  4466. <td>
  4467. 1500px<br />on the longest side
  4468. </td>
  4469. <td>
  4470. &gt; 3000px<br />on the longest side
  4471. </td>
  4472. <td>
  4473. &gt; 3000px<br />on the longest side
  4474. </td>
  4475. </tr>
  4476. <tr class='pricing-table__row'>
  4477. <th>
  4478. Resolution
  4479. </th>
  4480. <td>
  4481. 72 dpi
  4482. </td>
  4483. <td>
  4484. 300 dpi
  4485. </td>
  4486. <td>
  4487. 300 dpi
  4488. </td>
  4489. </tr>
  4490. <tr class='pricing-table__row'>
  4491. <th>
  4492. Worldwide Usage
  4493. </th>
  4494. <td>
  4495. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4496. </td>
  4497. <td>
  4498. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4499. </td>
  4500. <td>
  4501. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4502. </td>
  4503. </tr>
  4504. <tr class='pricing-table__row'>
  4505. <th>
  4506. Multi-Seat Use
  4507. </th>
  4508. <td>
  4509. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4510. </td>
  4511. <td>
  4512. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4513. </td>
  4514. <td>
  4515. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4516. </td>
  4517. </tr>
  4518. <tr class='pricing-table__row' id='pricing-table-unlimited-digital'>
  4519. <th>
  4520. Unlimited Digital Impressions
  4521. </th>
  4522. <td>
  4523. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4524. </td>
  4525. <td>
  4526. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4527. </td>
  4528. <td>
  4529. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4530. </td>
  4531. </tr>
  4532. <tr class='pricing-table__row' id='pricing-table-unlimited-print'>
  4533. <th>
  4534. Unlimited Print Reproductions
  4535. </th>
  4536. <td>
  4537. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4538. </td>
  4539. <td>
  4540. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4541. </td>
  4542. <td>
  4543. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4544. </td>
  4545. </tr>
  4546. <tr class='pricing-table__row' id='pricing-table-unlimited-media'>
  4547. <th>
  4548. Unlimited Media Types
  4549. </th>
  4550. <td>
  4551. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4552. </td>
  4553. <td>
  4554. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4555. </td>
  4556. <td>
  4557. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4558. </td>
  4559. </tr>
  4560. <tr class='js-example-header pricing-table__row' id='pricing-table-resale'>
  4561. <th>
  4562. <div class='expando'>
  4563. Resale Products
  4564. </div>
  4565. </th>
  4566. <td>
  4567. &mdash;
  4568. </td>
  4569. <td>
  4570. &mdash;
  4571. </td>
  4572. <td>
  4573. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4574. </td>
  4575. </tr>
  4576. <tr class='pricing-table__example js-resale-products'>
  4577. <th>
  4578. Electronic Wallpapers
  4579. </th>
  4580. <td>
  4581. &mdash;
  4582. </td>
  4583. <td>
  4584. &mdash;
  4585. </td>
  4586. <td>
  4587. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4588. </td>
  4589. </tr>
  4590. <tr class='pricing-table__example js-resale-products'>
  4591. <th>
  4592. Screensaver Applications
  4593. </th>
  4594. <td>
  4595. &mdash;
  4596. </td>
  4597. <td>
  4598. &mdash;
  4599. </td>
  4600. <td>
  4601. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4602. </td>
  4603. </tr>
  4604. <tr class='pricing-table__example js-resale-products'>
  4605. <th>
  4606. Calendars
  4607. </th>
  4608. <td>
  4609. &mdash;
  4610. </td>
  4611. <td>
  4612. &mdash;
  4613. </td>
  4614. <td>
  4615. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4616. </td>
  4617. </tr>
  4618. <tr class='pricing-table__example js-resale-products pricing-table__example--last'>
  4619. <th>
  4620. Website Templates
  4621. </th>
  4622. <td>
  4623. &mdash;
  4624. </td>
  4625. <td>
  4626. &mdash;
  4627. </td>
  4628. <td>
  4629. <img class='pricing-table__check' src='https://mktcdn.500px.org/assets/icons/checkmark@2x-338229482d687bd89525841d6f0afb0042637f6f032af37b2daf7396a0400c2a.png'>
  4630. </td>
  4631. </tr>
  4632. </table>
  4633. </div>
  4634. </section>
  4635. <section class='pricing-usage'>
  4636. <div class='pricing-usage__license'>
  4637. Web Ready RF
  4638. </div>
  4639. <ul class='pricing-usage__list'>
  4640. <li class='pricing-usage__example'>
  4641. Core Collection - $35
  4642. </li>
  4643. <li class='pricing-usage__example'>
  4644. Prime Collection - $50
  4645. </li>
  4646. <li class='pricing-usage__example'>
  4647. 1500px on the longest side
  4648. </li>
  4649. <li class='pricing-usage__example'>
  4650. 72 dpi
  4651. </li>
  4652. <li class='pricing-usage__example'>
  4653. Worldwide Usage
  4654. </li>
  4655. <li class='pricing-usage__example'>
  4656. Multi-Seat Use
  4657. </li>
  4658. <li class='pricing-usage__example'>
  4659. Unlimited Digital Impressions
  4660. </li>
  4661. <li class='pricing-usage__example'>
  4662. Unlimited Print Reproductions
  4663. </li>
  4664. <li class='pricing-usage__example'>
  4665. Unlimited Media Types
  4666. </li>
  4667. </ul>
  4668. <div class='pricing-usage__license'>
  4669. Print Ready RF
  4670. </div>
  4671. <ul class='pricing-usage__list'>
  4672. <li class='pricing-usage__example'>
  4673. Core Collection - $150
  4674. </li>
  4675. <li class='pricing-usage__example'>
  4676. Prime Collection - $250
  4677. </li>
  4678. <li class='pricing-usage__example'>
  4679. &gt; 3000px on the longest side
  4680. </li>
  4681. <li class='pricing-usage__example'>
  4682. 300 dpi
  4683. </li>
  4684. <li class='pricing-usage__example'>
  4685. Worldwide Usage
  4686. </li>
  4687. <li class='pricing-usage__example'>
  4688. Multi-Seat Use
  4689. </li>
  4690. <li class='pricing-usage__example'>
  4691. Unlimited Digital Impressions
  4692. </li>
  4693. <li class='pricing-usage__example'>
  4694. Unlimited Print Reproductions
  4695. </li>
  4696. <li class='pricing-usage__example'>
  4697. Unlimited Media Types
  4698. </li>
  4699. </ul>
  4700. <div class='pricing-usage__license'>
  4701. Products for Resale
  4702. </div>
  4703. <ul class='pricing-usage__list'>
  4704. <li class='pricing-usage__example'>
  4705. Core Collection - $300
  4706. </li>
  4707. <li class='pricing-usage__example'>
  4708. Prime Collection - $750
  4709. </li>
  4710. <li class='pricing-usage__example'>
  4711. &gt; 3000px on the longest side
  4712. </li>
  4713. <li class='pricing-usage__example'>
  4714. 300 dpi
  4715. </li>
  4716. <li class='pricing-usage__example'>
  4717. Worldwide Usage
  4718. </li>
  4719. <li class='pricing-usage__example'>
  4720. Multi-Seat Use
  4721. </li>
  4722. <li class='pricing-usage__example'>
  4723. Unlimited Digital Impressions
  4724. </li>
  4725. <li class='pricing-usage__example'>
  4726. Unlimited Print Reproductions
  4727. </li>
  4728. <li class='pricing-usage__example'>
  4729. Unlimited Media Types
  4730. </li>
  4731. <li class='pricing-usage__example'>
  4732. Resale Products
  4733. </li>
  4734. </ul>
  4735. </section>
  4736. <section class='extra-perks-section'>
  4737. <div class='container'>
  4738. <h2 class='hidden-xs hidden-sm'>
  4739. Enjoy these extra perks with each plan!
  4740. </h2>
  4741. <h2 class='hidden-md hidden-lg'>
  4742. Enjoy these extra perks!
  4743. </h2>
  4744. <div class='extra-perks'>
  4745. <div class='perk-list row'>
  4746. <div class='perk'>
  4747. World-class customer service
  4748. </div>
  4749. <div class='perk'>
  4750. Photo retouching service
  4751. </div>
  4752. <div class='perk'>
  4753. Research and creative services
  4754. </div>
  4755. <div class='perk'>
  4756. Photo desk service
  4757. </div>
  4758. </div>
  4759. <div class='personalize-plan-section'>
  4760. For personalized add-on services, contact us.
  4761. <div class='cta'>
  4762. <a class='btn btn-primary' href="mailto:sales@500px.com?subject=I'm interested in a personalized plan for 500px Marketplace">
  4763. Personalize your plan
  4764. </a>
  4765. </div>
  4766. </div>
  4767. </div>
  4768. </div>
  4769. </section>
  4770. </script>
  4771.  
  4772. <script id='privacy-page-template' type='text/backbone_template'>
  4773. <span class='page-title hidden'>
  4774. Privacy Policy
  4775. </span>
  4776. <div class='section row'>
  4777. <div class='container'>
  4778. <div class='col-md-8 col-md-offset-2'>
  4779. <div class='title'>
  4780. 500px is founded on the principle of helping people discover new photos and photographers. We know that you care about how your personal information is used and shared, and we take your privacy very seriously. By visiting the 500px website, you are accepting the practices outlined in this policy.
  4781. </div>
  4782. <p>
  4783. This Privacy Policy covers 500px's treatment of personal information that 500px gathers when you are on the 500px website and when you use 500px services. This policy does not apply to the practices of third parties that 500px does not own or control, or to individuals that 500px does not employ or manage.
  4784. </p>
  4785. </div>
  4786. </div>
  4787. </div>
  4788. <div class='section row'>
  4789. <div class='container'>
  4790. <div class='col-md-8'>
  4791. <div class='title'>
  4792. Information Collected by 500px
  4793. </div>
  4794. <div class='description'>
  4795. <p>
  4796. We only collect personal information that is relevant to the purpose of our website. This information allows us to provide you with a customized and efficient experience. We collect the following types of information from our 500px users.
  4797. </p>
  4798. </div>
  4799. </div>
  4800. <div class='col-md-4'>
  4801. <div class='summary-title'>
  4802. Basically
  4803. </div>
  4804. <div class='summary'>
  4805. We collect information to make the 500px website useful for you.
  4806. </div>
  4807. </div>
  4808. </div>
  4809. </div>
  4810. <div class='section row'>
  4811. <div class='container'>
  4812. <div class='col-md-8'>
  4813. <div class='title'>
  4814. Information You Provide to Us:
  4815. </div>
  4816. <div class='description'>
  4817. <ul>
  4818. <li>
  4819. We receive and store any information you enter on our website or provide to us in any other way. You can choose not to provide us with certain information, but then you may not be able to take advantage of many of our special features.
  4820. </li>
  4821. <li>
  4822. Registration: In order for you to use 500px services you must complete a registration form. As part of this registration form, we require select personal information.
  4823. </li>
  4824. <li>
  4825. User Profile: To allow you to express yourself beyond just the information collected during registration, we enable you to provide additional information, such as a bio, favorite URLs, and instant messaging IDs. In addition, you may choose to include photos of yourself in your profile. As indicated below, in the section titled &quot;Sharing Your Information&quot;, you can control how your information is displayed and used.
  4826. </li>
  4827. </ul>
  4828. <p class='title'>
  4829. Automatic Information:
  4830. </p>
  4831. <ul>
  4832. <li>
  4833. We receive and store certain types of information whenever you interact with us. 500px and its authorized agents automatically receive and record certain &quot;traffic data&quot; on their server logs from your browser including your IP address, 500px cookie information, and the page you requested. 500px uses this traffic data to help diagnose problems with its servers, analyze trends and administer the website.
  4834. </li>
  4835. <li>
  4836. 500px may collect and, on any page, display the total counts that page has been viewed. This includes User Profile pages.
  4837. </li>
  4838. <li>
  4839. Many companies offer programs that help you to visit websites anonymously. While 500px will not be able to provide you with a personalized experience if we cannot recognize you, we want you to be aware that these programs are available.
  4840. </li>
  4841. </ul>
  4842. </div>
  4843. </div>
  4844. <div class='col-md-4'>
  4845. <div class='summary-title'>
  4846. Basically
  4847. </div>
  4848. <div class='summary'>
  4849. We collect your registration and user profile data. Our servers also collect log information used to make the website faster and better.
  4850. </div>
  4851. </div>
  4852. </div>
  4853. </div>
  4854. <div class='section row'>
  4855. <div class='container'>
  4856. <div class='col-md-8'>
  4857. <div class='title'>
  4858. E-mail Communications
  4859. </div>
  4860. <div class='description'>
  4861. <p>
  4862. 500px is very concerned about your privacy and we will never provide your email address to a third party without your explicit permission, as detailed in the &quot;Sharing Your Information&quot; section below. 500px may send out e-mails with 500px-related news, products, offers, surveys or promotions. You may also receive notification e-mails from 500px, which inform you of actions (e.g. friend requests) that have been performed on the site. If you do not want to receive e-mail from us, please visit the Email Preferences section of your User Profile and/or follow the instructions contained in the unwanted e-mail message. However, please note that in all cases you will continue to receive all system e-mails (e.g. those regarding forgotten user passwords) and legal notices (e.g. updates to our policies) from us.
  4863. </p>
  4864. </div>
  4865. </div>
  4866. <div class='col-md-4'>
  4867. <div class='summary-title'>
  4868. Basically
  4869. </div>
  4870. <div class='summary'>
  4871. We will send you emails based on your profile settings. From time to time, we may send emails to all our users.
  4872. </div>
  4873. </div>
  4874. </div>
  4875. </div>
  4876. <div class='section row'>
  4877. <div class='container'>
  4878. <div class='col-md-8'>
  4879. <div class='title'>
  4880. Cookies
  4881. </div>
  4882. <div class='description'>
  4883. <p>
  4884. Cookies are alphanumeric identifiers that we transfer to your computer's hard drive through your Web browser to enable our systems to recognize your browser and tell us how and when pages in our website are visited and by how many people. 500px cookies do not collect personal information, and we do not combine information collected through cookies with other personal information to tell us who you are or what your screen name or e-mail address is.
  4885. </p>
  4886. <p>
  4887. The &quot;help&quot; portion of the toolbar on the majority of browsers will direct you on how to prevent your browser from accepting new cookies, how to command the browser to tell you when you receive a new cookie, or how to fully disable cookies. We recommend that you leave the cookies activated because cookies allow you to use some of 500px's coolest features. Some of our business partners, like our advertisers, may use cookies on our website. We have no access to, or control over, these cookies.
  4888. </p>
  4889. </div>
  4890. </div>
  4891. <div class='col-md-4'>
  4892. <div class='summary-title'>
  4893. Basically
  4894. </div>
  4895. <div class='summary'>
  4896. To remember you, our system will give you a cookie. It's safe.
  4897. </div>
  4898. </div>
  4899. </div>
  4900. </div>
  4901. <div class='section row'>
  4902. <div class='container'>
  4903. <div class='col-md-8'>
  4904. <div class='title'>
  4905. Sharing Your Information
  4906. </div>
  4907. <div class='description'>
  4908. <p>
  4909. Because 500px enables people to discover and share information with one another, information about the people who use 500px is an integral part of the 500px experience. Rest assured that we neither rent nor sell your personal information to anyone and that we will share your personal information only as described below.
  4910. </p>
  4911. <ul>
  4912. <li>
  4913. 500px Personnel: 500px personnel and authorized consultants and/or contractors may have access to user information if necessary in the normal course of 500px business.
  4914. </li>
  4915. <li>
  4916. Business Transfers: In some cases, we may choose to buy or sell assets. In these types of transactions, user information is typically one of the business assets that is transferred. Moreover, if 500px, or substantially all of its assets, were acquired, user information would be one of the assets that is transferred.
  4917. </li>
  4918. <li>
  4919. Protection of 500px and Others: We may release personal information when we believe in good faith that release is necessary to comply with a law; to enforce or apply our Terms of Use and other policies; or to protect the rights, property, or safety of 500px, our employees, our users, or others. This includes exchanging information with other companies and organizations for fraud protection and credit risk reduction.
  4920. </li>
  4921. <li>
  4922. User Profile information: Information collected during registration and subsequent visits, such as your full name and location, may be displayed to other 500px users in your User Profile. The User Profile is the area on 500px where we allow you to tell other 500px users about yourself. You may control what personal information is displayed in your User Profile by visiting the Settings section of your User Profile.
  4923. </li>
  4924. <li>
  4925. Followers' Activity: Much like other online social networks, 500px allows non-followers to browse your followers activity.
  4926. </li>
  4927. <li>
  4928. Syndication: 500px allows for the RSS syndication of all of its public content within the 500px website.
  4929. </li>
  4930. <li>
  4931. With Your Consent: Except as noted above, we will contact you when your personal information is shared with third parties or used for a purpose incompatible with the purpose(s) for which it was originally collected, and you will be able to opt out to prevent the sharing of this information.
  4932. </li>
  4933. </ul>
  4934. </div>
  4935. </div>
  4936. <div class='col-md-4'>
  4937. <div class='summary-title'>
  4938. Basically
  4939. </div>
  4940. <div class='summary'>
  4941. We do not sell your information to anyone. However, we will show publicly available information to other users and may release other information to authorities where required by law.
  4942. </div>
  4943. </div>
  4944. </div>
  4945. </div>
  4946. <div class='section row'>
  4947. <div class='container'>
  4948. <div class='col-md-8'>
  4949. <div class='title'>
  4950. Keeping Information Secure
  4951. </div>
  4952. <div class='description'>
  4953. <ul>
  4954. <li>
  4955. Your 500px account information is protected by a password for your privacy and security. Protect against unauthorized access to your password and to your computer by logging off once you have finished using a shared computer.
  4956. </li>
  4957. <li>
  4958. Only employees who need personal information to perform a specific job (for example, a customer service representative) are granted access to it. All of our employees are kept up to date on our privacy and security practices.
  4959. </li>
  4960. </ul>
  4961. </div>
  4962. </div>
  4963. <div class='col-md-4'>
  4964. <div class='summary-title'>
  4965. Basically
  4966. </div>
  4967. <div class='summary'>
  4968. Your account is protected by an encrypted password. We keep it secure, you must also keep it safe. Our employees may not access your account unless required to do a specific job.
  4969. </div>
  4970. </div>
  4971. </div>
  4972. </div>
  4973. <div class='section row'>
  4974. <div class='container'>
  4975. <div class='col-md-8'>
  4976. <div class='title'>
  4977. Ways to Control Display and Use of Your Information
  4978. </div>
  4979. <div class='description'>
  4980. <ul>
  4981. <li>
  4982. As stated previously, you can always opt not to disclose information, but then you may be unable to use certain features on our website.
  4983. </li>
  4984. <li>
  4985. By visiting your User Profile, you can correct, amend, add or delete personal information on our website.
  4986. </li>
  4987. <li>
  4988. If you do not wish to receive e-mail from us or other 500px users, please visit the Settings of your User Profile and/or follow the instructions contained in the unwanted e-mail message.
  4989. </li>
  4990. <li>
  4991. However, please note that you will continue to receive all system e-mails (e.g. those regarding forgotten user passwords) and legal notices (e.g. updates to our policies) from us.
  4992. </li>
  4993. <li>
  4994. As explained earlier, the &quot;help&quot; portion of the toolbar on the majority of browsers will direct you on how to prevent your browser from accepting new cookies, how to command the browser to tell you when you receive a new cookie, or how to fully disable cookies. Please note, however, that if your browser does not accept cookies, you will not be able to take advantage of some of our attractive features.
  4995. </li>
  4996. </ul>
  4997. </div>
  4998. </div>
  4999. <div class='col-md-4'>
  5000. <div class='summary-title'>
  5001. Basically
  5002. </div>
  5003. <div class='summary'>
  5004. You can choose not to share information with us, but your experience of the site may be limited. However, until your account is deleted, you may receive all system emails.
  5005. </div>
  5006. </div>
  5007. </div>
  5008. </div>
  5009. <div class='section row'>
  5010. <div class='container'>
  5011. <div class='col-md-8'>
  5012. <div class='title'>
  5013. Children Under 18 Years of Age
  5014. </div>
  5015. <div class='description'>
  5016. <p>
  5017. You must be 14 years and older to register to use the 500px website. As a result, 500px does not specifically collect information about children. If we learn that 500px has collected information from a child under the age of 13, we will delete that information as quickly as possible. We recommend that minors between the ages of 14 and 18 ask and receive their parents' permission before using 500px or sending information about themselves or anyone else over the Internet.
  5018. </p>
  5019. </div>
  5020. </div>
  5021. <div class='col-md-4'>
  5022. <div class='summary-title'>
  5023. Basically
  5024. </div>
  5025. <div class='summary'>
  5026. Please register only when you reach 18 years old, or ask your parents' permission if you are between 14 and 18 years old.
  5027. </div>
  5028. </div>
  5029. </div>
  5030. </div>
  5031. <div class='section row'>
  5032. <div class='container'>
  5033. <div class='col-md-8'>
  5034. <div class='title'>
  5035. Changes to this Privacy Policy
  5036. </div>
  5037. <div class='description'>
  5038. <p>
  5039. 500px may amend this Privacy Policy from time to time, at its sole discretion. Use of information we collect now is subject to the Privacy Policy in effect at the time such information is used. If we make changes to the Privacy Policy, we will notify you by posting an announcement on the 500px website so you are always aware of what information we collect, how we use it, and under what circumstances if any, it is disclosed.
  5040. </p>
  5041. </div>
  5042. </div>
  5043. <div class='col-md-4'>
  5044. <div class='summary-title'>
  5045. Basically
  5046. </div>
  5047. <div class='summary'>
  5048. Privacy policy may change.
  5049. </div>
  5050. </div>
  5051. </div>
  5052. </div>
  5053. <div class='section row'>
  5054. <div class='container'>
  5055. <div class='col-md-8'>
  5056. <div class='title'>
  5057. Conditions of Use
  5058. </div>
  5059. <div class='description'>
  5060. <p>
  5061. If you decide to visit 500px website, your visit and any possible dispute over privacy is subject to this Privacy Policy and our Terms of Use, including limitations on damages, arbitration of disputes, and application of Ontario law.
  5062. </p>
  5063. </div>
  5064. </div>
  5065. <div class='col-md-4'>
  5066. <div class='summary-title'>
  5067. Basically
  5068. </div>
  5069. <div class='summary'>
  5070. Visiting 500px is subject to Terms and Privacy policy.
  5071. </div>
  5072. </div>
  5073. </div>
  5074. </div>
  5075. <div class='section row'>
  5076. <div class='container'>
  5077. <div class='col-md-8'>
  5078. <div class='title'>
  5079. Effective Date of this Privacy Policy
  5080. </div>
  5081. <div class='description'>
  5082. <p>
  5083. This Privacy Policy is effective as of May 1, 2009.
  5084. </p>
  5085. </div>
  5086. </div>
  5087. <div class='col-md-4'>
  5088. <div class='summary-title'>
  5089. Basically
  5090. </div>
  5091. <div class='summary'>
  5092. Effective as of May 1, 2009.
  5093. </div>
  5094. </div>
  5095. </div>
  5096. </div>
  5097. </script>
  5098.  
  5099. <script id='legal-page-template' type='text/backbone_template'>
  5100. <span class='page-title hidden'>
  5101. Terms of Service
  5102. </span>
  5103. <div class='container'>
  5104. <div class='row'>
  5105. <div class='col-md-10'>
  5106. <p>
  5107. The following documents outline the terms of use for the 500px Marketplace website for users who sell their photos commercially and for buyers interested in licensing photos through 500px Marketplace.
  5108. </p>
  5109. <hr>
  5110. <section class='buyer-terms'>
  5111. <h2>
  5112. Terms for Sellers
  5113. </h2>
  5114. <p>
  5115. As a seller, please read the <a target="_blank" href="http://static.500px.net/docs/contributor_licensing_agreement.pdf">Contributor Licensing Agreement</a>, so you completely understand how we will be working together.
  5116. </p>
  5117. <p>
  5118. Last updated November 4th 2015
  5119. </p>
  5120. </section>
  5121. <section class='seller-terms'>
  5122. <h2>
  5123. Terms for Buyers
  5124. </h2>
  5125. <p>
  5126. As a buyer, please read the <a target="_blank" href="http://static.500px.net/docs/commercial_licensing_agreement.pdf">Commercial Licensing Agreement</a> under which all photos will be licensed.
  5127. </p>
  5128. </section>
  5129. <hr class='last'>
  5130. <p>
  5131. Before using any of the 500px services, you are required to read, understand and agree to these terms. You may only create an account after reading and accepting these terms.
  5132. </p>
  5133. </div>
  5134. </div>
  5135. </div>
  5136. </script>
  5137.  
  5138. <script id='visual-search-page-template' type='text/backbone_template'>
  5139. <span class='page-title hidden'>
  5140. Immerse yourself in the world's top photos
  5141. </span>
  5142. <section class='hero-section'>
  5143. <button aria-hidden='true' class='close' data-dismiss='alert' type='button'>
  5144. &times;
  5145. </button>
  5146. <div class='page-metadata container'>
  5147. <h1 class='page-title'>
  5148. Immerse yourself in the world's top photos
  5149. </h1>
  5150. <div class='page-summary'>
  5151. <p>
  5152. <a data-router="true" href="/">500px Marketplace</a> is an alternative to traditional stock photography, offering beautiful and authentic photographs inspired by real-life and backed by data.
  5153. </p>
  5154. <p>
  5155. We've taken our top 100,000 photos and put them together so you see them at a glance. Find your favourite spot on the map and share it with the world!
  5156. </p>
  5157. </div>
  5158. <div class='hero-search-box'>
  5159. <form action='/search' class='search form-horizontal' role='form'>
  5160. <div class='col-md-6 col-md-offset-3'>
  5161. <div class='form-group'>
  5162. <label class='search-icon'>
  5163. <i class='glyphicon glyphicon-search'></i>
  5164. </label>
  5165. <input class='search-query form-control input-lg' id='search-box' placeholder='Search photos' type='text'>
  5166. <input class='hidden-submit' type='submit'>
  5167. </div>
  5168. </div>
  5169. </form>
  5170. </div>
  5171. </div>
  5172. </section>
  5173. <div class='visual-search-grid' id='map'>
  5174. <div class='tile-overlay'></div>
  5175. </div>
  5176. </script>
  5177.  
  5178. <script id='visual-search-search-box-template' type='text/backbone_template'>
  5179. <form action='/search' class='search form-horizontal' role='form'>
  5180. <div class='form-group'>
  5181. <label class='search-icon'>
  5182. <i class='glyphicon glyphicon-search'></i>
  5183. </label>
  5184. <input class='search-query form-control input-lg' id='search-box' placeholder='Search photos' type='text'>
  5185. <input class='hidden-submit' type='submit'>
  5186. </div>
  5187. </form>
  5188. </script>
  5189.  
  5190. <script id='visual-search-controls-panel-template' type='text/backbone_template'>
  5191. <div class='controls-header'>
  5192. <h4 class='pull-left'>
  5193. Navigation
  5194. </h4>
  5195. <a class='dismiss-controls-panel btn btn-primary btn-flat btn-xs pull-right' href='#'>
  5196. Got it
  5197. </a>
  5198. <div class='clearfix'></div>
  5199. </div>
  5200. <div class='controls-body'>
  5201. <ul class='controls'>
  5202. <li class='control'>
  5203. <div class='control-image'>
  5204. <img class='icon pan-control-icon' src='https://mktcdn.500px.org/assets/pages/visual_search_page/pan_control_icon-4fdeb2e3d0a08a170b4f7cab699e1555199c50a890f5093550a887e03b89a82d.png'>
  5205. </div>
  5206. <div class='control-description'>
  5207. [[ if (Prime.views.appView.isMobile()) { ]]
  5208. Touch and drag to navigate
  5209. [[ } else { ]]
  5210. Click and drag to navigate
  5211. [[ } ]]
  5212. </div>
  5213. </li>
  5214. <li class='control'>
  5215. <div class='control-image'>
  5216. <img class='icon zoom-control-icon' src='https://mktcdn.500px.org/assets/pages/visual_search_page/zoom_control_icon-cf269c957422447076114024b6e0e6592352b941b320e834fac0f8368c53b18a.png'>
  5217. </div>
  5218. <div class='control-description'>
  5219. [[ if (Prime.views.appView.isMobile()) { ]]
  5220. Pinch to zoom in and out
  5221. [[ } else { ]]
  5222. Use + or - to zoom in and out
  5223. [[ } ]]
  5224. </div>
  5225. </li>
  5226. <li class='control'>
  5227. <div class='control-image'>
  5228. <img class='icon click-control-icon' src='https://mktcdn.500px.org/assets/pages/visual_search_page/click_control_icon-1f5439db256241a9fd59c1d8c17a7a4b8ca2c467500304bb095400340ca63453.png'>
  5229. </div>
  5230. <div class='control-description'>
  5231. [[ if (Prime.views.appView.isMobile()) { ]]
  5232. Tap a photo to see it larger
  5233. [[ } else { ]]
  5234. Click on photo to see it larger
  5235. [[ } ]]
  5236. </div>
  5237. </li>
  5238. </ul>
  5239. </div>
  5240. </script>
  5241.  
  5242. <script id='visual-search-sharelizers-template' type='text/backbone_template'>
  5243. <img class='share-image hidden' src='https://mktcdn.500px.org/assets/pages/visual_search_page/share_image-251e4b3e612923abfbae7a037e8f96c5cdbb6c534458d391b278540af5956306.jpg'>
  5244. <ul class='share-options'>
  5245. <li class='share-option'>
  5246. <a class='social facebook' data-provider='facebook' href='#'>
  5247. <span class='icon'>&nbsp;</span>
  5248. </a>
  5249. </li>
  5250. <li class='share-option'>
  5251. <a class='social twitter' data-provider='twitter' href='#'>
  5252. <span class='icon'>&nbsp;</span>
  5253. </a>
  5254. </li>
  5255. <li class='share-option'>
  5256. <a class='social pinterest' data-provider='pinterest' href='#'>
  5257. <span class='icon'>&nbsp;</span>
  5258. </a>
  5259. </li>
  5260. <li class='share-option'>
  5261. <a class='social google' data-provider='googleplus' href='#'>
  5262. <span class='icon'>&nbsp;</span>
  5263. </a>
  5264. </li>
  5265. <li class='share-option'>
  5266. <a class='email' href=''>
  5267. <span class='icon'>&nbsp;</span>
  5268. </a>
  5269. </li>
  5270. </ul>
  5271. </script>
  5272.  
  5273. <script id='admin-page-template' type='text/backbone_template'>
  5274. <div class='help-block error-message'>
  5275. Could not find user
  5276. </div>
  5277. <div class='container'>
  5278. <ul class='admin_nav'>
  5279. <li class='active'>
  5280. <a data-router='true' href='/admin'>
  5281. Home
  5282. </a>
  5283. </li>
  5284. <li>
  5285. <a data-router='true' href='/admin/purchases'>
  5286. Purchases
  5287. </a>
  5288. </li>
  5289. <li>
  5290. <a data-router='true' href='/admin/discounts/new'>
  5291. New Discount Code
  5292. </a>
  5293. </li>
  5294. </ul>
  5295. </div>
  5296. <div class='container'>
  5297. <section class='admin-find-user'>
  5298. <form action='/users' class='user-search-form' method='get' role='form'>
  5299. <div class='form-group'>
  5300. <label>
  5301. Find User
  5302. </label>
  5303. <input class='user-email form-control' name='email' placeholder='Email'>
  5304. </div>
  5305. <button class='search-users btn btn-primary' type='submit'>
  5306. Search
  5307. </button>
  5308. </form>
  5309. </section>
  5310. </div>
  5311. <section class='admin-user'>
  5312. <nav class='admin-user__nav'></nav>
  5313. <div class='admin-user'></div>
  5314. </section>
  5315. </script>
  5316.  
  5317. <script id='admin-page-user-template' type='text/backbone_template'>
  5318. <div id='admin-flash'></div>
  5319. <div class='container'>
  5320. <ul class='admin_nav'>
  5321. <li>
  5322. <a data-router='true' href='/admin'>
  5323. Home
  5324. </a>
  5325. </li>
  5326. <li>
  5327. <a data-router='true' href='/admin/purchases'>
  5328. Purchases
  5329. </a>
  5330. </li>
  5331. <li>
  5332. <a data-router='true' href='/admin/discounts/new'>
  5333. New Discount Code
  5334. </a>
  5335. </li>
  5336. </ul>
  5337. </div>
  5338. <div class='admin-user-info__container'>
  5339. <div class='container'>
  5340. <section class='admin-user-info__nav'>
  5341. <h2 class='admin-user-info__email'>
  5342. {{user.get("email")}}
  5343. </h2>
  5344. <ul class='tabs'>
  5345. <li class='tab open'>
  5346. <a data-router='true' href='#'>
  5347. Info
  5348. </a>
  5349. </li>
  5350. <li class='tab'>
  5351. <a data-router='true' href="/admin/users/{{user.get('id')}}/settings">
  5352. Settings
  5353. </a>
  5354. </li>
  5355. <li class='tab'>
  5356. <a data-router='true' href="/admin/users/{{user.get('id')}}/purchases/new" id='add-license'>
  5357. Add Licenses
  5358. </a>
  5359. </li>
  5360. </ul>
  5361. </section>
  5362. <section class='admin-user-info'>
  5363. <button class='admin-user-info__impersonate btn btn-warning' id='impersonate' type='submit'>
  5364. Login as this user
  5365. </button>
  5366. <h2 class='admin-user-info__name'>
  5367. Account Info for {{user.displayName()}}
  5368. </h2>
  5369. <form action='/me' class='admin-user-info__form' id='user-info-form' method='put' role='form'>
  5370. <div class='form-group'>
  5371. <label>
  5372. First Name
  5373. </label>
  5374. <input class='form-control' name='firstname' value="{{_.escape(user.get('firstname'))}}">
  5375. </div>
  5376. <div class='form-group'>
  5377. <label>
  5378. Last Name
  5379. </label>
  5380. <input class='form-control' name='lastname' value="{{_.escape(user.get('lastname'))}}">
  5381. </div>
  5382. <div class='form-group'>
  5383. <label>
  5384. Company Name
  5385. </label>
  5386. <input class='company-input form-control' name='company' value="{{_.escape(user.get('settings').company)}}">
  5387. </div>
  5388. <div class='form-group'>
  5389. <label>
  5390. Language
  5391. </label>
  5392. <select class='language-select form-control' name='language'>
  5393. [[ if (user.get('settings').language == 'en') { ]]
  5394. <option selected='selected' value='en'>
  5395. English
  5396. </option>
  5397. [[ } else { ]]
  5398. <option value='en'>
  5399. English
  5400. </option>
  5401. [[ } ]]
  5402. [[ if (user.get("settings").language == 'zh-CN') { ]]
  5403. <option selected='selected' value='zh-CN'>
  5404. 中文(简体)
  5405. </option>
  5406. [[ } else { ]]
  5407. <option value='zh-CN'>
  5408. 中文(简体)
  5409. </option>
  5410. [[ } ]]
  5411. </select>
  5412. </div>
  5413. <div class='form-group'>
  5414. <label>
  5415. Country
  5416. </label>
  5417. <select class='country-select form-control' name='country'>
  5418. <option value=''></option>
  5419. [[ _.each(gon.countries, function(country) { ]]
  5420. [[ if (user.get("address") && user.get("address").country && user.get("address").country.toLowerCase() == country.toLowerCase()) { ]]
  5421. <option selected='selected' value='{{_.escape(country)}}'>
  5422. {{_.escape(country)}}
  5423. </option>
  5424. [[ } else { ]]
  5425. <option value='{{_.escape(country)}}'>
  5426. {{_.escape(country)}}
  5427. </option>
  5428. [[ } ]]
  5429. [[ }); ]]
  5430. </select>
  5431. </div>
  5432. <div class='form-group'>
  5433. <label>
  5434. State/Province
  5435. </label>
  5436. <input class='province-input form-control' name='state' value="{{_.escape(user.get('address').state)}}">
  5437. <select class='province-select form-control' name='state'></select>
  5438. </div>
  5439. <div class='form-group'>
  5440. <label>
  5441. Street Address
  5442. </label>
  5443. <input class='form-control' name='address1' value="{{_.escape(user.get('address').address1)}}">
  5444. </div>
  5445. <div class='form-group'>
  5446. <label>
  5447. City
  5448. </label>
  5449. <input class='form-control' name='city' value="{{_.escape(user.get('address').city)}}">
  5450. </div>
  5451. <div class='form-group'>
  5452. <label>
  5453. Zip/Postal Code
  5454. </label>
  5455. <input class='form-control' name='zip' value="{{_.escape(user.get('address').zip)}}">
  5456. </div>
  5457. <div class='form-group'>
  5458. <label>
  5459. Phone Number
  5460. </label>
  5461. <input class='form-control' name='phone' value="{{_.escape(user.get('address').phone)}}">
  5462. </div>
  5463. <h2 class='admin-user-info__settings-header'>
  5464. Notifications / Settings
  5465. </h2>
  5466. <div class='form-group full-line'>
  5467. <label class='admin-user-info__checkbox-label'>
  5468. [[ if (user.get("settings").emails_enabled == true) { ]]
  5469. <input checked='checked' name='emails_enabled' type='checkbox' value='true'>
  5470. [[ } else { ]]
  5471. <input name='emails_enabled' type='checkbox' value='true'>
  5472. [[ } ]]
  5473. Send me account updates, personalized notifications and product updates by email
  5474. </label>
  5475. </div>
  5476. <div class='form-group full-line'>
  5477. <label class='admin-user-info__checkbox-label'>
  5478. [[ if (user.get("settings").adult_filter == true) { ]]
  5479. <input checked='checked' name='adult_filter' type='checkbox' value='true'>
  5480. [[ } else { ]]
  5481. <input name='adult_filter' type='checkbox' value='true'>
  5482. [[ } ]]
  5483. Remove adult content results from searches
  5484. </label>
  5485. </div>
  5486. <div class='form-group full-line'>
  5487. <button class='submit btn btn-primary btn-lg' id='user-info-form-submit' type='submit'>
  5488. <span class='text'>
  5489. Save
  5490. </span>
  5491. <span class='spinner'></span>
  5492. </button>
  5493. </div>
  5494. </form>
  5495. </section>
  5496. </div>
  5497. </div>
  5498. </script>
  5499.  
  5500. <script id='admin-page-add-license-template' type='text/backbone_template'>
  5501. <div id='admin-flash'></div>
  5502. <div class='container'>
  5503. <ul class='admin_nav'>
  5504. <li>
  5505. <a data-router='true' href='/admin'>
  5506. Home
  5507. </a>
  5508. </li>
  5509. <li>
  5510. <a data-router='true' href='/admin/purchases'>
  5511. Purchases
  5512. </a>
  5513. </li>
  5514. <li>
  5515. <a data-router='true' href='/admin/discounts/new'>
  5516. New Discount Code
  5517. </a>
  5518. </li>
  5519. </ul>
  5520. </div>
  5521. <div class='admin-license__container'>
  5522. <div class='container'>
  5523. <section class='admin-user-info__nav'>
  5524. <h2 class='admin-user-info__email'>
  5525. {{user.get("email")}}
  5526. </h2>
  5527. <ul class='tabs'>
  5528. <li class='tab'>
  5529. <a data-router='true' href="/admin/users/{{user.get('id')}}">
  5530. Info
  5531. </a>
  5532. </li>
  5533. <li class='tab'>
  5534. <a data-router='true' href="/admin/users/{{user.get('id')}}/settings">
  5535. Settings
  5536. </a>
  5537. </li>
  5538. <li class='tab open'>
  5539. <a data-router='true' href="/admin/users/{{user.get('id')}}/purchases/new">
  5540. Add Licenses
  5541. </a>
  5542. </li>
  5543. </ul>
  5544. </section>
  5545. <section class='admin-license'>
  5546. <h2 class='admin-user-info__name'>
  5547. Add Licenses for {{user.displayName()}}
  5548. </h2>
  5549. <p>
  5550. Use this form to add licenses to this buyer's account. Before you begin, ensure that the user has an address and that each photo is available for purchase.
  5551. </p>
  5552. <form action='/admin/users/{{user.id}}/purchases/create_offline_sale' class='admin-license__form' id='license-form' method='post' role='form'>
  5553. <div class='form-group'>
  5554. <label>
  5555. Photo IDs, separated by commas
  5556. </label>
  5557. <input class='form-control' id='photo-ids' name='photo_ids' placeholder='30680905,25818141,16678481'>
  5558. </div>
  5559. <div class='row'>
  5560. <div class='form-group col-md-6'>
  5561. <label>
  5562. License Type
  5563. </label>
  5564. <select class='form-control' name='license_type'>
  5565. <option value='web'>
  5566. Web Ready RF
  5567. </option>
  5568. <option selected='selected' value='royalty_free'>
  5569. Print Ready RF
  5570. </option>
  5571. <option value='resale'>
  5572. Product for Resale
  5573. </option>
  5574. <option value='rights_managed'>
  5575. Rights Managed
  5576. </option>
  5577. </select>
  5578. </div>
  5579. <div class='form-group col-md-6'>
  5580. <label>
  5581. Price per Photo
  5582. </label>
  5583. <input class='form-control' name='price_per_photo' placeholder='250.00'>
  5584. </div>
  5585. </div>
  5586. <div class='form-group'>
  5587. <label>
  5588. Notes (optional - visible to the buyer on their reciept)
  5589. </label>
  5590. <textarea class='form-control' name='notes' placeholder='Sales related notes' rows='5'></textarea>
  5591. </div>
  5592. <div class='admin-license__cta'>
  5593. <button class='btn btn-primary' id='add-license' type='submit'>
  5594. Add Licenses
  5595. </button>
  5596. <div class='admin-license__cancel'>
  5597. or
  5598. <a data-router='true' href='/admin'>
  5599. cancel
  5600. </a>
  5601. </div>
  5602. </div>
  5603. </form>
  5604. </section>
  5605. </div>
  5606. </div>
  5607. </script>
  5608.  
  5609. <script id='admin-page-user-settings-template' type='text/backbone_template'>
  5610. <div id='admin-flash'></div>
  5611. <div class='container'>
  5612. <ul class='admin_nav'>
  5613. <li>
  5614. <a data-router='true' href='/admin'>
  5615. Home
  5616. </a>
  5617. </li>
  5618. <li>
  5619. <a data-router='true' href='/admin/purchases'>
  5620. Purchases
  5621. </a>
  5622. </li>
  5623. <li>
  5624. <a data-router='true' href='/admin/discounts/new'>
  5625. New Discount Code
  5626. </a>
  5627. </li>
  5628. </ul>
  5629. </div>
  5630. <div class='admin-settings'>
  5631. <div class='container'>
  5632. <section class='admin-user-info__nav'>
  5633. <h2 class='admin-user-info__email'>
  5634. {{user.get("email")}}
  5635. </h2>
  5636. <ul class='tabs'>
  5637. <li class='tab'>
  5638. <a data-router='true' href="/admin/users/{{user.get('id')}}">
  5639. Info
  5640. </a>
  5641. </li>
  5642. <li class='tab open'>
  5643. <a data-router='true' href="/admin/users/{{user.get('id')}}/settings">
  5644. Settings
  5645. </a>
  5646. </li>
  5647. <li class='tab'>
  5648. <a data-router='true' href="/admin/users/{{user.get('id')}}/purchases/new">
  5649. Add Licenses
  5650. </a>
  5651. </li>
  5652. </ul>
  5653. </section>
  5654. <section class='admin-settings__section'>
  5655. <h2 class='admin-user-info__name'>
  5656. Special Settings for {{user.displayName()}}
  5657. </h2>
  5658. <p>
  5659. Special access to trusted users. Hi-res comps access (unwatermarked) requires that the client sign a form with us. Do not enable access to any of the following unless you know what you are doing.
  5660. </p>
  5661. <form action='/api/users/{{user.id}}/settings' class='admin-settings__form' id='settings-form' method='put' role='form'>
  5662. <div class='form-group'>
  5663. <label class='admin-settings__label'>
  5664. [[ if (user.get("settings") && user.get("settings").preauthorized_purchases) { ]]
  5665. <input checked='checked' name='preauthorized_purchases' type='checkbox' value='1'>
  5666. [[ } else { ]]
  5667. <input name='preauthorized_purchases' type='checkbox' value='1'>
  5668. [[ } ]]
  5669. Pre-authorized purchases
  5670. </label>
  5671. </div>
  5672. <div class='form-group'>
  5673. <label class='admin-settings__label'>
  5674. [[ if (user.get("settings") && user.get("settings").hi_res_watermarked_comps) { ]]
  5675. <input checked='checked' name='hi_res_watermarked_comps' type='checkbox' value='1'>
  5676. [[ } else { ]]
  5677. <input name='hi_res_watermarked_comps' type='checkbox' value='1'>
  5678. [[ } ]]
  5679. Hi-res <strong>watermarked</strong> comps
  5680. </label>
  5681. </div>
  5682. <div class='form-group'>
  5683. <label class='admin-settings__label'>
  5684. [[ if (user.get("settings") && user.get("settings").hi_res_comps) { ]]
  5685. <input checked='checked' name='hi_res_comps' type='checkbox' value='1'>
  5686. [[ } else { ]]
  5687. <input name='hi_res_comps' type='checkbox' value='1'>
  5688. [[ } ]]
  5689. Hi-res comps (requires signed form)
  5690. </label>
  5691. </div>
  5692. <div class='form-group'>
  5693. <label class='admin-settings__label'>
  5694. [[ if (user.get("settings") && user.get("settings").pay_by_invoice) { ]]
  5695. <input checked='checked' name='pay_by_invoice' type='checkbox' value='1'>
  5696. [[ } else { ]]
  5697. <input name='pay_by_invoice' type='checkbox' value='1'>
  5698. [[ } ]]
  5699. Pay by invoice
  5700. </label>
  5701. </div>
  5702. <div class='form-group'>
  5703. <label class='admin-settings__label'>
  5704. [[ if (user.get("settings") && user.get("settings").search_by_available) { ]]
  5705. <input checked='checked' name='search_by_available' type='checkbox' value='1'>
  5706. [[ } else { ]]
  5707. <input name='search_by_available' type='checkbox' value='1'>
  5708. [[ } ]]
  5709. Search by available
  5710. </label>
  5711. </div>
  5712. <div class='admin-settings__cta'>
  5713. <button class='btn btn-primary' id='update-settings' type='submit'>
  5714. Save
  5715. </button>
  5716. <div class='admin-settings__cancel'>
  5717. or
  5718. <a data-router='true' href='/admin'>
  5719. cancel
  5720. </a>
  5721. </div>
  5722. </div>
  5723. </form>
  5724. </section>
  5725. </div>
  5726. </div>
  5727. </script>
  5728.  
  5729. <script id='admin-page-unavailable-purchase-row-template' type='text/backbone_template'>
  5730. <div class='container'>
  5731. <div class='row'>
  5732. <div class='col-md-3'>
  5733. <div class='admin-unavailable-purchase__id'>
  5734. {{purchase.get("id")}}
  5735. </div>
  5736. <div class='admin-unavailable-purchase__buyer'>
  5737. {{purchase.get("purchased_by")}}
  5738. </div>
  5739. <div class='admin-unavailable-purchase__date'>
  5740. {{Prime.Utils.Common.formatDate(purchase.get("purchased_at"))}}
  5741. </div>
  5742. <div class='admin-unavailable-purchase__close-button js-close-purchase' data-id="{{purchase.get('id')}}">
  5743. Close Purchase
  5744. </div>
  5745. </div>
  5746. <div class='col-md-9'>
  5747. <ul class='admin-unavailable-purchase__items'>
  5748. [[ _.each(purchase.get('items'), function(item) { ]]
  5749. [[ if (!item.availability) { ]]
  5750. <li class='admin-unavailable-purchase__item admin-unavailable-purchase__item--unavailable'>
  5751. <div class='row'>
  5752. <div class='col-xs-3'>
  5753. {{item.photo_id}}
  5754. </div>
  5755. <div class='col-xs-3'>
  5756. ${{Prime.Utils.Common.formatPrice(item.price/100)}}
  5757. </div>
  5758. <div class='col-xs-3'>
  5759. {{item.license}}
  5760. </div>
  5761. <div class='col-xs-3'>
  5762. {{item.availability ? "available" : "unavailable"}}
  5763. </div>
  5764. </div>
  5765. </li>
  5766. [[ } else { ]]
  5767. <li class='admin-unavailable-purchase__item'>
  5768. <div class='row'>
  5769. <div class='col-xs-3'>
  5770. {{item.photo_id}}
  5771. </div>
  5772. <div class='col-xs-3'>
  5773. ${{Prime.Utils.Common.formatPrice(item.price/100)}}
  5774. </div>
  5775. <div class='col-xs-3'>
  5776. {{item.license}}
  5777. </div>
  5778. <div class='col-xs-3'>
  5779. {{item.availability ? "available" : "unavailable"}}
  5780. </div>
  5781. </div>
  5782. </li>
  5783. [[ } ]]
  5784. [[ }); ]]
  5785. <li class='admin-unavailable-purchase__summary'>
  5786. <div class='row'>
  5787. <div class='col-xs-3'>
  5788. Closing Total:
  5789. </div>
  5790. <div class='col-xs-3'>
  5791. ${{Prime.Utils.Common.formatPrice(total)}}
  5792. </div>
  5793. <div class='col-xs-3'>
  5794. <a href="/search/keywords={{photoIds.join(',')}}" target='_blank'>
  5795. View photos ({{photoIds.length}})
  5796. </a>
  5797. </div>
  5798. <div class='col-xs-3'></div>
  5799. </div>
  5800. </li>
  5801. </ul>
  5802. </div>
  5803. </div>
  5804. </div>
  5805. </script>
  5806.  
  5807. <script id='admin-page-unavailable-purchase-template' type='text/backbone_template'>
  5808. <div class='admin-flash' id='admin-flash'></div>
  5809. <div class='container'>
  5810. <ul class='admin_nav'>
  5811. <li>
  5812. <a data-router='true' href='/admin'>
  5813. Home
  5814. </a>
  5815. </li>
  5816. <li class='active'>
  5817. Purchases
  5818. </li>
  5819. <li>
  5820. <a data-router='true' href='/admin/discounts/new'>
  5821. New Discount Code
  5822. </a>
  5823. </li>
  5824. </ul>
  5825. </div>
  5826. <section class='admin-unavailable-purchase__container'>
  5827. <div class='container'>
  5828. <h1 class='admin-unavailable-purchase__title'>
  5829. Purchases with Unavailable Licenses
  5830. </h1>
  5831. <p class='admin-unavailable-purchase__description'>
  5832. This is a list of purchases (transactions) containing one or more unavailable licenses. You can close the purchase, which will refund the unavailable licenses and capture the available ones. This is the same thing as releasing a hold.
  5833. </p>
  5834. </div>
  5835. <ul class='admin-unavailable-purchase__list' id='unavailable-purchase-list'></ul>
  5836. <div class='container'>
  5837. [[ if (purchases.length === 0) { ]]
  5838. <div class='admin-unavailable-purchase__none'>
  5839. There aren't any unavailable licenses right now.
  5840. </div>
  5841. [[ } ]]
  5842. </div>
  5843. </section>
  5844. <div id='unavailable-purchase-pager'></div>
  5845. </script>
  5846.  
  5847. <script id='admin-page-add-discount-template' type='text/backbone_template'>
  5848. <div class='admin-flash' id='admin-flash'></div>
  5849. <div class='container'>
  5850. <ul class='admin_nav'>
  5851. <li>
  5852. <a data-router='true' href='/admin'>
  5853. Home
  5854. </a>
  5855. </li>
  5856. <li>
  5857. <a data-router='true' href='/admin/purchases'>
  5858. Purchases
  5859. </a>
  5860. </li>
  5861. <li class='active'>
  5862. New Discount Code
  5863. </li>
  5864. </ul>
  5865. </div>
  5866. <section class='admin-new-discount__section'>
  5867. <div class='container'>
  5868. <h1 class='admin-new-discount__title'>
  5869. Create Discount Code
  5870. </h1>
  5871. <form action='/api/discounts' class='admin-new-discount__form' id='add-discount-form' method='post' role='form'>
  5872. <div class='form-group'>
  5873. <label class='admin-new-discount__label' for='percentage'>
  5874. Discount percentage
  5875. </label>
  5876. <input class='form-control' id='percentage' name='percentage' placeholder='20'>
  5877. </div>
  5878. <div class='row'>
  5879. <div class='form-group col-md-6'>
  5880. <label class='admin-new-discount__label' for='code'>
  5881. Coupon code
  5882. <span class='admin-new-discount__label-note'>
  5883. (leave blank to auto-generate)
  5884. </span>
  5885. </label>
  5886. <input class='form-control' id='code' name='code'>
  5887. </div>
  5888. <div class='form-group col-md-6'>
  5889. <label class='admin-new-discount__label' for='user_id'>
  5890. User ID
  5891. <span class='admin-new-discount__label-note'>
  5892. (leave blank for all users)
  5893. </span>
  5894. </label>
  5895. <input class='form-control' id='user_id' name='buyer_id'>
  5896. </div>
  5897. </div>
  5898. <div class='row'>
  5899. <div class='form-group col-md-6'>
  5900. <label class='admin-new-discount__label' for='license_type'>
  5901. License type
  5902. </label>
  5903. <select class='form-control' id='license_type' name='license_type'>
  5904. <option value=''>
  5905. All
  5906. </option>
  5907. <option value='1'>
  5908. Web Ready
  5909. </option>
  5910. <option value='0'>
  5911. Print Ready
  5912. </option>
  5913. <option value='2'>
  5914. Product for Resale
  5915. </option>
  5916. </select>
  5917. </div>
  5918. <div class='form-group col-md-6'>
  5919. <label class='admin-new-discount__label' for='uses_left'>
  5920. Uses left
  5921. </label>
  5922. <input class='form-control' id='uses_left' name='uses_left' placeholder='100'>
  5923. </div>
  5924. </div>
  5925. <div class='row'>
  5926. <div class='form-group col-md-6'>
  5927. <label class='admin-new-discount__label' for='start_date'>
  5928. <span class="translation_missing" title="translation missing: en.admin_new_discount.start_date">Start Date</span>
  5929. </label>
  5930. <input class='form-control' id='start_date' name='start_date' placeholder='YYYY-MM-DD'>
  5931. </div>
  5932. <div class='form-group col-md-6'>
  5933. <label class='admin-new-discount__label' for='end_date'>
  5934. <span class="translation_missing" title="translation missing: en.admin_new_discount.end_date">End Date</span>
  5935. </label>
  5936. <input class='form-control' id='end_date' name='expiration_date' placeholder='YYYY-MM-DD'>
  5937. </div>
  5938. </div>
  5939. <div class='form-group'>
  5940. <label class='admin-new-discount__label' for='description'>
  5941. Description
  5942. </label>
  5943. <textarea class='form-control' id='description' name='description'></textarea>
  5944. </div>
  5945. <div class='admin-new-discount__cta'>
  5946. <button class='btn btn-primary' id='create-discount' type='submit'>
  5947. Create Discount Code
  5948. </button>
  5949. <div class='admin-license__cancel'>
  5950. or
  5951. <a data-router='true' href='/admin'>
  5952. cancel
  5953. </a>
  5954. </div>
  5955. </div>
  5956. </form>
  5957. </div>
  5958. </section>
  5959. </script>
  5960.  
  5961. <script id='curator-page-template' type='text/backbone_template'>
  5962. <div class='photo-lightbox'>
  5963. <div class='lightbox-overlay'></div>
  5964. <div class='lightbox-header'>
  5965. <a class='name' href='#'>Over the bridge</a>
  5966. <span>by</span>
  5967. <a class='author' href='#'>Stoleru Andrei</a>
  5968. <br>
  5969. </div>
  5970. <div class='lightbox-content'>
  5971. <a class='glyphicon glyphicon-remove-sign close'></a>
  5972. <div class='description'></div>
  5973. </div>
  5974. <div class='lightbox-actions'>
  5975. <div class='info'>
  5976. <div class='license'>
  5977. <i class='glyphicon glyphicon-briefcase'></i>
  5978. <span></span>
  5979. </div>
  5980. <div class='details'>
  5981. <i class='glyphicon glyphicon-user'></i>
  5982. <span>0</span>
  5983. reviewer(s)
  5984. </div>
  5985. </div>
  5986. <div class='leftside'>
  5987. <a href='#'>
  5988. <i class='glyphicon glyphicon-chevron-left'></i>
  5989. <span>Prev</span>
  5990. </a>
  5991. </div>
  5992. <div class='rightside'>
  5993. <a href='#'>
  5994. <span>Next</span>
  5995. <i class='glyphicon glyphicon-chevron-right'></i>
  5996. </a>
  5997. </div>
  5998. <div class='centerside'>
  5999. <div class='for-vote'>
  6000. <a class='voteButton' data-placement='top' data-toggle='tooltip' href='#' title='Mark as reviewed'>
  6001. <i class='glyphicon glyphicon-ok'></i>
  6002. </a>
  6003. &nbsp;
  6004. <a class='downloadComp' data-placement='top' data-toggle='tooltip' href='#' title='Download comp'>
  6005. <i class='glyphicon glyphicon-cloud-download'></i>
  6006. </a>
  6007. <br>
  6008. <small>or D</small>
  6009. <small>or Y</small>
  6010. </div>
  6011. <div class='for-download'>
  6012. <a class='downloadImg' data-placement='top' data-toggle='tooltip' href='#' target='_blank' title='Download purchase'>
  6013. <i class='glyphicon glyphicon-download'></i>
  6014. </a>
  6015. </div>
  6016. </div>
  6017. <div class='fullcenter'>
  6018. <em>Tip: Use arrow keys to navigate</em>
  6019. </div>
  6020. </div>
  6021. </div>
  6022. <div class='container'>
  6023. <div class='row'>
  6024. <div id='photo-curator'>
  6025. <aside>
  6026. <ul>
  6027. <li>
  6028. <a class='selectedLightbox' href='#'>
  6029. <span>Reviewed</span>
  6030. <em>0</em>
  6031. </a>
  6032. </li>
  6033. <li>
  6034. <a class='purchasedLightbox' href='#'>
  6035. <span>Purchased</span>
  6036. <em>0</em>
  6037. </a>
  6038. </li>
  6039. </ul>
  6040. <div class='lightbox-descriptor'>
  6041. <span class='name'>Lightboxes</span>
  6042. <span class='icon-photos'></span>
  6043. <span class='icon-reviewers'></span>
  6044. </div>
  6045. <ul class='lightboxes'>
  6046. [[ _.each(lightboxes, function(item,index) { ]]
  6047. <li>
  6048. [[ if (!index) { ]]
  6049. <a class='selected' href='#'>
  6050. <span>{{_.escape(item.get('name'))}}</span>
  6051. <em>0</em>
  6052. </a>
  6053. [[ } else { ]]
  6054. <a href='#'>
  6055. <span>{{_.escape(item.get('name'))}}</span>
  6056. <em>0</em>
  6057. </a>
  6058. [[ } ]]
  6059. </li>
  6060. [[ }); ]]
  6061. </ul>
  6062. </aside>
  6063. <section class='content'>
  6064. <div class='container-fluid'>
  6065. <div class='row'>
  6066. <header class='text-center'>
  6067. <a class='requestContent btn btn-default'>Request more content</a>
  6068. [[ if(lightboxes.length) { ]]
  6069. <h2>{{lightboxes[0].get('name')}}</h2>
  6070. [[ } else { ]]
  6071. <h2></h2>
  6072. [[ } ]]
  6073. <br>
  6074. <span class='reviewed_by'></span>
  6075. <br>
  6076. <span class='reviewers'></span>
  6077. <form class='add_to_cart form-inline'>
  6078. <div class='form-group'>
  6079. <label>License Type</label>
  6080. <select class='form-control' name='license_type'>
  6081. <option value='royalty_free'>Print Ready RF</option>
  6082. <option value='web'>Web Ready RF</option>
  6083. <option value='resale'>Product for Resale</option>
  6084. </select>
  6085. </div>
  6086. <input class='btn btn-default btn-info' name='add_to_cart' type='submit' value='Add to cart'>
  6087. </form>
  6088. <div class='selectors'>
  6089. <btn class='btn btn-primary selectall'>Select All</btn>
  6090. &nbsp
  6091. <btn class='btn btn-default deselectall'>Deselect All</btn>
  6092. </div>
  6093. </header>
  6094. <div class='photos'>
  6095. <div class='container-fluid'>
  6096. <div class='row'></div>
  6097. </div>
  6098. </div>
  6099. </div>
  6100. </div>
  6101. </section>
  6102. </div>
  6103. </div>
  6104. </div>
  6105. </script>
  6106.  
  6107.  
  6108. </body>
  6109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!