{"id":13,"date":"2026-02-23T18:29:02","date_gmt":"2026-02-23T18:29:02","guid":{"rendered":"https:\/\/www.modernihrast.com\/index.php\/portfolio-items\/aesthetic-websites\/"},"modified":"2026-04-14T21:06:13","modified_gmt":"2026-04-14T21:06:13","slug":"aesthetic-websites","status":"publish","type":"avada_portfolio","link":"https:\/\/www.modernihrast.com\/index.php\/portfolio-items\/aesthetic-websites\/","title":{"rendered":"Edge"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-right:0px;--awb-padding-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-margin-bottom:25px;--awb-margin-bottom-small:25px;--awb-font-size:40px;\"><h1 class=\"fusion-title-heading title-heading-center\" style=\"margin:0;font-size:1em;\">Edge<\/h1><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-content-alignment:justify;--awb-margin-bottom:40px;\"><p>Edge je moderan klub sto izra\u0111en od punog drveta, dizajniran da unese toplinu, stabilnost i sofisticiran minimalizam u svaki enterijer. Njegova prepoznatljiva geometrijska baza u obliku ukr\u0161tenih plo\u010da pru\u017ea \u010dvrstu konstrukciju i vizuelnu dinamiku, dok masivna gornja plo\u010da nagla\u0161ava prirodnu teksturu i lepotu drveta.<\/p>\n<p>\nRu\u010dno obra\u0111en sa posebnom pa\u017enjom na detalje, ovaj sto zadr\u017eava autenti\u010dnost materijala \u2013 vidljivu strukturu godova, prirodne tonove i taktilnu puno\u0107u drveta. Idealan je za savremene, skandinavske i minimalisti\u010dke prostore, ali se lako uklapa i u toplije, klasi\u010dne enterijere.<\/p>\n<\/div><style>\n  .ks-wrap { max-width: 600px; margin: 0 auto; }\n  .ks-selects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }\n  .ks-selects label { display: block; font-size: 13px; color: #888; margin-bottom: 6px; }\n  .ks-selects select { width: 100%; padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; }\n  .ks-result { background: #f7f5f2; border-radius: 10px; padding: 20px 24px; }\n  .ks-result .label { font-size: 13px; color: #888; margin-bottom: 4px; }\n  .ks-prices { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }\n  .ks-result .price { font-size: 30px; font-weight: 500; color: #222; }\n  .ks-result .old { font-size: 15px; color: #999; text-decoration: line-through; }\n  .ks-result .badge { font-size: 12px; background: #fde8e8; color: #c0392b; padding: 2px 8px; border-radius: 4px; font-weight: 500; }\n  .ks-result .dims { font-size: 13px; color: #888; margin-top: 8px; }\n<\/style>\n\n<div class=\"ks-wrap\">\n  <div class=\"ks-selects\">\n    <div>\n      <label>Vrsta drveta<\/label>\n      <select id=\"ks-drvo\">\n        <option value=\"hrast\">Hrast<\/option>\n        <option value=\"orah\">Orah<\/option>\n        <option value=\"americki_orah\">Ameri\u010dki orah<\/option>\n        <option value=\"jasen\">Jasen<\/option>\n        <option value=\"pareni_orah\">Pareni orah<\/option>\n      <\/select>\n    <\/div>\n    <div>\n      <label>Pre\u010dnik<\/label>\n      <select id=\"ks-vel\">\n        <option value=\"120\">120 \u00d7 65 cm<\/option>\n        <option value=\"140\">140 \u00d7 80 cm<\/option>\n      <\/select>\n    <\/div>\n    <div>\n      <label>Klasa<\/label>\n      <select id=\"ks-kl\">\n        <option value=\"1\">1. klasa<\/option>\n        <option value=\"2\">2. klasa<\/option>\n      <\/select>\n    <\/div>\n  <\/div>\n\n  <div class=\"ks-result\">\n    <div class=\"label\">Cena<\/div>\n    <div class=\"ks-prices\">\n      <div class=\"price\" id=\"ks-cena\">\u2014<\/div>\n      <div class=\"old\" id=\"ks-stara\"><\/div>\n      <div class=\"badge\" id=\"ks-badge\" style=\"display:none\">-20%<\/div>\n    <\/div>\n    <div class=\"dims\" id=\"ks-dims\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var c = {\n    hrast:         {120:[46400,45600], 140:[51200,44800]},\n    orah:          {120:[50400,46400], 140:[59200,52000]},\n    americki_orah: {120:[77600,null],  140:[112000,null]},\n    jasen:         {120:[37600,36000], 140:[41600,37600]},\n    pareni_orah:   {120:[58400,57600], 140:[64000,60800]}\n  };\n\n  var s = {\n    hrast:         {120:[58000,57000], 140:[64000,56000]},\n    orah:          {120:[63000,58000], 140:[74000,65000]},\n    americki_orah: {120:[97000,null],  140:[140000,null]},\n    jasen:         {120:[47000,45000], 140:[52000,47000]},\n    pareni_orah:   {120:[73000,72000], 140:[80000,76000]}\n  };\n\n  var d = {\n    120:'du\u017eina 120 cm \u00b7 \u0161irina 65 cm \u00b7 debljina plo\u010de 4 cm',\n    140:'du\u017eina 140 cm \u00b7 \u0161irina 80 cm \u00b7 debljina plo\u010de 4 cm'\n  };\n\n  function upd(){\n    var drvo = document.getElementById('ks-drvo').value;\n    var vel  = parseInt(document.getElementById('ks-vel').value);\n    var kl   = parseInt(document.getElementById('ks-kl').value);\n\n    var cena = c[drvo][vel][kl-1];\n    var stara = s[drvo][vel][kl-1];\n\n    document.getElementById('ks-dims').textContent = d[vel];\n\n    if (!cena) {\n      document.getElementById('ks-cena').textContent = 'Na upit';\n      document.getElementById('ks-stara').textContent = '';\n      document.getElementById('ks-badge').style.display = 'none';\n    } else {\n      document.getElementById('ks-cena').textContent = cena.toLocaleString('sr-RS') + ' RSD';\n      document.getElementById('ks-stara').textContent = stara.toLocaleString('sr-RS') + ' RSD';\n      document.getElementById('ks-badge').style.display = 'inline';\n    }\n  }\n\n  ['ks-drvo','ks-vel','ks-kl'].forEach(function(id){\n    document.getElementById(id).addEventListener('change', upd);\n  });\n\n  upd();\n})();\n<\/script><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":170,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[15],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-13","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-klub-sto"],"_links":{"self":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":9,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/13\/revisions"}],"predecessor-version":[{"id":385,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/avada_portfolio\/13\/revisions\/385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/media\/170"}],"wp:attachment":[{"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=13"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_skills?post=13"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/www.modernihrast.com\/index.php\/wp-json\/wp\/v2\/portfolio_tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}