CINXE.COM
Naslovnica - HDS
<!doctype html> <html lang="hr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=6.0, shrink-to-fit=no"> <title>Naslovnica - HDS</title> <meta name="format-detection" content="telephone=no"> <meta name=description content="Hrvatsko dru拧tvo skladatelja"> <!--[if IE 9]> <style type="text/css">body {opacity: 0 !important;}</style> <meta http-equiv="refresh" content="0;url=http://outdatedbrowser.com/en"/> <![endif]--> <link rel="apple-touch-icon" sizes="180x180" href="https://www.hds.hr/ea/wp-content/themes/hds/public/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://www.hds.hr/ea/wp-content/themes/hds/public/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://www.hds.hr/ea/wp-content/themes/hds/public/img/favicon/favicon-16x16.png"> <link rel="manifest" href="https://www.hds.hr/ea/wp-content/themes/hds/public/img/favicon/site.webmanifest"> <link rel="mask-icon" href="https://www.hds.hr/ea/wp-content/themes/hds/public/img/favicon/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <script type="text/javascript"> var admin_url = 'https://www.hds.hr/wp-json/wp/ea/'; var base_url = 'https://www.hds.hr/ea/wp-content/themes/hds/public/'; var directory_uri = 'https://www.hds.hr/ea/wp-content/themes/hds'; </script> <!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-B7ZDZQ4Z93"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-B7ZDZQ4Z93'); </script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" hreflang="hr" href="https://www.hds.hr/" /> <link rel="alternate" hreflang="en" href="https://www.hds.hr/en/" /> <link rel="alternate" hreflang="x-default" href="https://www.hds.hr/" /> <!-- This site is optimized with the Yoast SEO plugin v24.0 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Hrvatsko dru拧tvo skladatelja jedina je strukovna udruga glazbenih kreativaca u Hrvatskoj. Okuplja preko 300 redovnih (skladatelja, muzikologa, glazbenih pisaca) i vi拧e od 9000 pridru啪enih 膷lanova (nositelja autorskog prava)." /> <link rel="canonical" href="https://www.hds.hr/" /> <meta property="og:locale" content="hr_HR" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Naslovnica - HDS" /> <meta property="og:description" content="Hrvatsko dru拧tvo skladatelja jedina je strukovna udruga glazbenih kreativaca u Hrvatskoj. Okuplja preko 300 redovnih (skladatelja, muzikologa, glazbenih pisaca) i vi拧e od 9000 pridru啪enih 膷lanova (nositelja autorskog prava)." /> <meta property="og:url" content="https://www.hds.hr/" /> <meta property="og:site_name" content="HDS" /> <meta property="article:modified_time" content="2025-02-14T10:02:59+00:00" /> <meta property="og:image" content="http://www.hds.hr/ea/wp-content/uploads/2024/12/share-slika-01.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.hds.hr/","url":"https://www.hds.hr/","name":"Naslovnica - HDS","isPartOf":{"@id":"https://www.hds.hr/#website"},"primaryImageOfPage":{"@id":"https://www.hds.hr/#primaryimage"},"image":{"@id":"https://www.hds.hr/#primaryimage"},"thumbnailUrl":"https://www.hds.hr/ea/wp-content/uploads/2024/12/share-slika-01.jpg","datePublished":"2023-10-30T11:57:55+00:00","dateModified":"2025-02-14T10:02:59+00:00","description":"Hrvatsko dru拧tvo skladatelja jedina je strukovna udruga glazbenih kreativaca u Hrvatskoj. Okuplja preko 300 redovnih (skladatelja, muzikologa, glazbenih pisaca) i vi拧e od 9000 pridru啪enih 膷lanova (nositelja autorskog prava).","breadcrumb":{"@id":"https://www.hds.hr/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https://www.hds.hr/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https://www.hds.hr/#primaryimage","url":"https://www.hds.hr/ea/wp-content/uploads/2024/12/share-slika-01.jpg","contentUrl":"https://www.hds.hr/ea/wp-content/uploads/2024/12/share-slika-01.jpg","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https://www.hds.hr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po膷etna stranica"}]},{"@type":"WebSite","@id":"https://www.hds.hr/#website","url":"https://www.hds.hr/","name":"HDS","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.hds.hr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hr"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='style-css' href='https://www.hds.hr/ea/wp-content/themes/hds/public/css/style.css?id=2a9ce263aaadc9c5cc6d' type='text/css' media='' /> <link rel='stylesheet' id='vendor-css' href='https://www.hds.hr/ea/wp-content/themes/hds/public/css/vendor.css?id=e6bfcf7f6ebaac6590fd' type='text/css' media='' /> <script type="text/javascript" id="wpml-cookie-js-extra"> /* <![CDATA[ */ var wpml_cookies = {"wp-wpml_current_language":{"value":"hr","expires":1,"path":"\/"}}; var wpml_cookies = {"wp-wpml_current_language":{"value":"hr","expires":1,"path":"\/"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.hds.hr/ea/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js" id="wpml-cookie-js" defer="defer" data-wp-strategy="defer"></script> <link rel="https://api.w.org/" href="https://www.hds.hr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.hds.hr/wp-json/wp/v2/pages/8" /><link rel='shortlink' href='https://www.hds.hr/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.hds.hr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.hds.hr%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.hds.hr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.hds.hr%2F&format=xml" /> </head> <body class="home page-template page-template-tpl-home page-template-tpl-home-php page page-id-8 singular" data-method='smoothScroll'> <svg xmlns="http://www.w3.org/2000/svg" class="visually-hidden"> <defs> <symbol id="twitter" viewBox="0 0 16 17"> <path d="M15.0997 0H13.6952L8.669 6.04762L8.65217 6.02291L4.58336 0H0L6.16359 9.09161L0.239953 16.1576L1.60744 16.1591L6.76322 9.9753L6.78004 10L10.9557 16.1591H15.5L9.28199 6.95502L15.0997 0ZM13.4918 15.0833H11.5089L2.01215 1.07586H4.02874L4.03567 1.08595L13.4918 15.0838V15.0833Z"/> </symbol> <symbol id="search-icon" viewBox="0 0 20 20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.1902 0C12.7135 0 16.3804 3.66688 16.3804 8.1902C16.3804 10.1698 15.6781 11.9854 14.509 13.4013L19.6587 18.5522L18.2109 20L13.0171 14.8076C11.6635 15.7966 9.99503 16.3804 8.1902 16.3804C3.66688 16.3804 0 12.7135 0 8.1902C0 3.66688 3.66688 0 8.1902 0ZM8.19099 2.04834C4.7985 2.04834 2.04834 4.7985 2.04834 8.19099C2.04834 11.5835 4.7985 14.3336 8.19099 14.3336C9.39277 14.3336 10.5382 13.9896 11.5203 13.3544L11.8099 13.1551L12.4376 12.697L12.9309 12.0985C13.7639 11.0896 14.2543 9.84798 14.3248 8.5237L14.3336 8.19099C14.3336 4.7985 11.5835 2.04834 8.19099 2.04834Z"/> </symbol> <symbol id="circle-x" viewBox="0 0 34 34"> <path d="M16.9987 0.255859C7.7937 0.255859 0.332031 7.71753 0.332031 16.9225C0.332031 26.1275 7.7937 33.5892 16.9987 33.5892C26.2037 33.5892 33.6654 26.1275 33.6654 16.9225C33.6654 7.71753 26.2037 0.255859 16.9987 0.255859ZM16.9987 3.58919C24.362 3.58919 30.332 9.55919 30.332 16.9225C30.332 24.2859 24.362 30.2559 16.9987 30.2559C9.63536 30.2559 3.66536 24.2859 3.66536 16.9225C3.66536 9.55919 9.63536 3.58919 16.9987 3.58919ZM11.9987 10.2559C11.572 10.2559 11.127 10.3992 10.8004 10.7242C10.1504 11.3759 10.1504 12.4692 10.8004 13.1209L14.602 16.9225L10.8004 20.7242C10.1504 21.3759 10.1504 22.4692 10.8004 23.1209C11.452 23.7709 12.5454 23.7709 13.197 23.1209L16.9987 19.3192L20.8004 23.1209C21.452 23.7709 22.5454 23.7709 23.197 23.1209C23.847 22.4692 23.847 21.3759 23.197 20.7242L19.3954 16.9225L23.197 13.1209C23.847 12.4692 23.847 11.3759 23.197 10.7242C22.8704 10.3992 22.4254 10.2559 21.9987 10.2559C21.572 10.2559 21.127 10.3992 20.8004 10.7242L16.9987 14.5259L13.197 10.7242C12.8704 10.3992 12.4254 10.2559 11.9987 10.2559Z"/> </symbol> <symbol id="middle-arrow-right" viewBox="0 0 24 14"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8357 14L15.7147 12.9085L21.0027 7.75932H0V6.24068H21.0027L15.7147 1.09153L16.8357 0L23.4639 6.45424L24 7L23.4639 7.54576L16.8357 14Z"/> </symbol> <symbol id="middle-arrow-left" viewBox="0 0 24 14" > <path fill-rule="evenodd" clip-rule="evenodd" d="M7.16432 0L8.28527 1.09153L2.99732 6.24068H24V7.75932H2.99732L8.28527 12.9085L7.16432 14L0.536106 7.54576L0 7L0.536106 6.45424L7.16432 0Z"/> </symbol> <symbol id="x-shape-icon" viewBox="0 0 18 18"> <path d="M9.00008 10.4143L1.70718 17.7072L0.292969 16.293L7.58586 9.00008L0.292969 1.70718L1.70718 0.292969L9.00008 7.58586L16.293 0.292969L17.7072 1.70718L10.4143 9.00008L17.7072 16.293L16.293 17.7072L9.00008 10.4143Z"/> </symbol> <symbol id="long-arrow-right" viewBox="0 0 60 12"> <path d="M59.5303 6.53032C59.8232 6.23743 59.8232 5.76256 59.5303 5.46966L54.7574 0.696692C54.4645 0.403798 53.9896 0.403799 53.6967 0.696692C53.4038 0.989585 53.4038 1.46446 53.6967 1.75735L57.9393 5.99999L53.6967 10.2426C53.4038 10.5355 53.4038 11.0104 53.6967 11.3033C53.9896 11.5962 54.4645 11.5962 54.7574 11.3033L59.5303 6.53032ZM4.28328e-08 6.75L59 6.74999L59 5.24999L-4.28328e-08 5.25L4.28328e-08 6.75Z"/> </symbol> <symbol id="long-arrow-left" viewBox="0 0 60 12"> <path d="M0.469673 6.53032C0.176781 6.23743 0.176781 5.76256 0.469673 5.46966L5.24265 0.696692C5.53554 0.403798 6.01041 0.403799 6.30331 0.696692C6.5962 0.989585 6.5962 1.46446 6.30331 1.75735L2.06067 5.99999L6.30331 10.2426C6.5962 10.5355 6.5962 11.0104 6.30331 11.3033C6.01041 11.5962 5.53554 11.5962 5.24264 11.3033L0.469673 6.53032ZM60 6.75L1 6.74999L1 5.24999L60 5.25L60 6.75Z"/> </symbol> <symbol id="cut-arrow" viewBox="0 0 28 28"> <path d="M14.0329 0.0518716L14.0194 0.038484L11.1483 3.03693L11.1483 10.5297C11.1483 10.6083 11.0537 10.6468 10.998 10.5916L7.19127 6.85192L-6.16787e-07 13.8896L4.06008 17.912L10.5032 11.5286C10.5792 11.4567 10.6839 11.4148 10.7987 11.4232C11.0014 11.4399 11.1483 11.6223 11.1483 11.8231L11.1483 28L16.8905 28L16.8905 10.9279L23.9399 17.912L28 13.8896L14.0177 1.29461e-06L14.0312 0.0518716L14.0329 0.0518716Z"/> </symbol> <symbol id="small-arrow" viewBox="0 0 10 6"> <path d="M1 1L5 5" stroke-linecap="square"/> <path d="M9.24219 1L5 5" stroke-linecap="square"/> </symbol> <symbol id="youtube" viewBox="0 0 27 19"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.2944 2.94753C25.9855 1.7873 25.0754 0.873672 23.9199 0.56358C21.8256 0 13.4277 0 13.4277 0C13.4277 0 5.02981 0 2.93547 0.56358C1.77999 0.873672 0.869876 1.7873 0.561054 2.94753C0 5.05047 0 9.43814 0 9.43814C0 9.43814 0 13.8258 0.561054 15.9285C0.869876 17.089 1.77999 18.0028 2.93547 18.3127C5.02981 18.8763 13.4277 18.8763 13.4277 18.8763C13.4277 18.8763 21.8256 18.8763 23.9199 18.3127C25.0754 18.0028 25.9855 17.0888 26.2944 15.9285C26.8556 13.8258 26.8556 9.43814 26.8556 9.43814C26.8556 9.43814 26.8556 5.05047 26.2944 2.94753Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.7422 13.4827L17.7193 9.43775L10.7422 5.39258V13.4827Z" fill="#1D4077"/> </symbol> <symbol id="instagram" viewBox="0 0 23 22"> <path d="M5.36873 3.92969C6.08088 3.92969 6.6582 4.50701 6.6582 5.21916C6.6582 5.9313 6.08088 6.50924 5.36873 6.50924C4.65658 6.50924 4.07865 5.93192 4.07865 5.21916C4.07865 4.50639 4.65597 3.92969 5.36873 3.92969Z"/> <path d="M11.1012 5.58203C14.0889 5.58203 16.5195 8.01265 16.5195 10.9998C16.5195 13.9869 14.0889 16.4175 11.1012 16.4175C8.11349 16.4175 5.68347 13.9869 5.68347 10.9998C5.68347 8.01265 8.1141 5.58203 11.1012 5.58203ZM11.1012 14.4704C13.0152 14.4704 14.5718 12.9137 14.5718 10.9998C14.5718 9.08578 13.0152 7.5291 11.1012 7.5291C9.18722 7.5291 7.63054 9.08578 7.63054 10.9998C7.63054 12.9137 9.18722 14.4704 11.1012 14.4704Z"/> <path d="M6.79993 22.0006H15.5835C19.2276 22.0006 22.1914 19.0362 22.1914 15.3927V6.60852C22.1914 2.96443 19.227 0 15.5835 0H6.79993C3.15645 0 0.191406 2.96443 0.191406 6.60852V15.3921C0.191406 19.0356 3.15645 22 6.79993 22V22.0006ZM15.5835 2.07026C18.0864 2.07026 20.1218 4.10619 20.1218 6.60852V15.3921C20.1218 17.895 18.0858 19.9304 15.5835 19.9304H6.79993C4.29699 19.9304 2.26105 17.8944 2.26105 15.3921V6.60852C2.26105 4.10558 4.29699 2.07026 6.79993 2.07026H15.5835Z"/> </symbol> <symbol id="facebook" viewBox="0 0 12 24"> <path d="M11.2133 12.9195L11.8355 8.76265H7.94517V6.06518C7.94517 4.92805 8.48857 3.81957 10.231 3.81957H12V0.280878C12 0.280878 10.395 0 8.86014 0C5.65614 0 3.56183 1.99104 3.56183 5.59455V8.76265H0V12.9195H3.56183V22.9681C4.27613 23.0832 5.00783 23.1429 5.75373 23.1429C6.49964 23.1429 7.23134 23.0832 7.94563 22.9681V12.9195H11.2142H11.2133Z"/> </symbol> <symbol id="arrow-1" viewBox="0 0 24 14"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8357 0L15.7147 1.09153L21.0027 6.24068H0V7.75932H21.0027L15.7147 12.9085L16.8357 14L23.4639 7.54576L24 7L23.4639 6.45424L16.8357 0Z"/> </symbol> <symbol id="phone-icon" viewBox="0 0 18 19"> <path d="M4.4912 0.929688C2.43921 0.929688 -0.00878906 3.37769 -0.00878906 5.42969C-0.00878906 7.61169 2.03021 11.4067 4.27221 13.6487C4.47821 13.8537 5.06721 14.4427 5.27221 14.6487C7.5142 16.8907 11.3092 18.9297 13.4912 18.9297C15.5432 18.9297 17.9912 16.4817 17.9912 14.4297C17.9912 12.3777 15.5432 9.92969 13.4912 9.92969C13.0812 9.92969 12.6592 10.0927 11.8662 10.4607C11.7932 10.4947 11.1832 10.7937 11.0222 10.8677C9.9062 10.5607 8.39421 9.02768 8.05321 7.86768C8.13021 7.69768 8.43119 7.11669 8.46019 7.05469C8.84319 6.24269 8.9912 5.84469 8.9912 5.42969C8.9912 3.37769 6.5432 0.929688 4.4912 0.929688ZM4.4912 2.92969C5.4392 2.92969 6.9912 4.48169 6.9912 5.42969C6.9912 5.40469 6.85721 5.76669 6.64721 6.21069C6.61921 6.27069 6.28719 6.91369 6.21019 7.08569C5.9742 7.61369 5.94521 7.77968 6.02221 8.14868C6.44221 10.1497 8.82121 12.5407 10.8032 12.8987C11.1602 12.9627 11.2482 12.9307 11.8032 12.6797C11.9592 12.6097 12.6402 12.3057 12.7102 12.2737C13.1502 12.0687 13.5122 11.9297 13.4912 11.9297C14.4392 11.9297 15.9912 13.4817 15.9912 14.4297C15.9912 15.3777 14.4392 16.9297 13.4912 16.9297C11.9292 16.9297 8.61219 15.1137 6.71019 13.2107C6.50419 13.0057 5.91519 12.4167 5.7102 12.2107C3.8072 10.3087 1.99121 6.99169 1.99121 5.42969C1.99121 4.48169 3.54321 2.92969 4.4912 2.92969Z"/> </symbol> <symbol id="plane-icon" viewBox="0 0 20 17"> <path d="M18.4688 0.0561537C18.1058 -0.0328464 17.6932 -0.0188346 17.1876 0.118165C14.2584 0.912166 2.6145 4.69615 1.6563 5.12015C0.611999 5.58216 0.00939927 6.39615 9.9268e-05 7.46415C-0.0123007 8.89215 1.1387 10.0132 2.5001 9.96516C2.5439 9.96416 4.2284 9.98717 5.1876 9.99717C5.1876 9.99717 6.0438 14.2782 6.0645 14.3292C6.3144 14.9432 6.9006 15.1262 7.4063 14.9052L10.2501 13.6542C10.572 13.9712 12.7364 16.0622 12.9688 16.2492C13.6614 16.8052 14.2599 16.9802 15.0001 16.9992C16.1918 17.0302 17.2328 16.3292 17.7813 15.1862C18.1256 14.4692 19.7303 4.42817 19.8751 3.43216C20.105 1.85116 20.053 1.23016 19.4063 0.58716C19.1464 0.32916 18.8319 0.144154 18.4688 0.0561537ZM18 1.99515C18 1.99515 18.0486 2.17215 17.9063 3.15015C17.3972 6.65215 16.1907 13.8172 15.9376 14.4042C15.7647 14.8062 15.4182 15.0092 15.0313 14.9982C14.6908 14.9892 14.5213 14.9292 14.2188 14.6862C14.0632 14.5612 13.3631 13.8962 12.3751 12.9352C12.3627 12.9232 10.4045 11.0122 10.4045 11.0122C10.2136 10.8222 10.0342 10.7092 9.6583 10.7052C9.4397 10.7052 9.1512 10.8712 9.1512 10.8712L7.6474 12.1442L7.1251 9.59016L13.4063 6.90217C13.9137 6.68417 14.1558 6.09615 13.9376 5.58915C13.7195 5.08115 13.1325 4.83917 12.6251 5.05717L5.8126 7.99616C5.4247 7.99416 2.5342 7.96116 2.4376 7.96516C2.2151 7.97216 1.9976 7.75415 2.0001 7.46415C2.0021 7.23215 2.1044 7.09418 2.4688 6.93318C3.3134 6.55918 14.8167 2.82815 17.6559 2.05915C17.9237 1.98615 18 1.99515 18 1.99515Z"/> </symbol> </defs> </svg> <div id="app"> <header class="header"> <div class="inner-header-wrap flex space-between flex-center"> <div class="top-lang-wrap"> <div class="language-wrap fade-header"> <a href="https://www.hds.hr/" title="hr" class="language-link color-transition uppercase font-1 bold lh-1 fs-text-2 color-1 active"> hr </a> <a href="https://www.hds.hr/en/" title="en_US" class="language-link color-transition uppercase font-1 bold lh-1 fs-text-2 color-1 "> en </a> </div> </div> <div class="logo-language-wrap flex flex-center"> <a href="https://www.hds.hr" title="Home" class="site-logo-link fade-header relative z-2"> <img src="https://www.hds.hr/ea/wp-content/themes/hds/public/img/icons/logo-hr.svg" width="213" height="65" class="site-logo-img" alt="Hds"> </a> </div> <div class="hamburger-wrap fade-header"> <div class="hamburger-wrapper relative z-2 pointer" data-method="mobileMenu"> <span class="hamburger-line bg-1 block"></span> <span class="hamburger-line bg-1 block"></span> <span class="hamburger-line bg-1 block"></span> <div class="x-hamburger-wrapper"> <span class="x-hamburger-line bg-1 block"></span> <span class="x-hamburger-line bg-1 block"></span> </div> </div> </div> <div class="nav-inner-wrap flex flex-cente justify-end"> <div class="nav-item fade-header dropdown-wrap relative"> <p class="icon-right color-transition relative uppercase font-1 bold lh-1 fs-text-2 color-1 pointer"> Upoznajte HDS <svg class="arrow-small absolute"> <use xlink:href="#small-arrow"/> </svg> </p> <div class="hidden-wrap-dropdown absolute bg-3"> <div class="inner-hidden-wrap"> <a href="https://www.hds.hr/o-nama/" title="o Nama" class="inner-link uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> o Nama </a> <a href="https://www.hds.hr/povijest/" title="Povijest HDS-a" class="inner-link uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Povijest HDS-a </a> <a href="https://www.hds.hr/nas-tim/" title="HDS Tim" class="inner-link uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> HDS Tim </a> <a href="https://www.hds.hr/radna-tijela/" title="Radna tijela" class="inner-link uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Radna tijela </a> <a href="https://www.hds.hr/sluzbeni-akti/" title="Slu啪beni akti" class="inner-link uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Slu啪beni akti </a> <a href="https://www.hds.hr/kolektivno-ostvarivanje-autorskih-prava/" title="Kolektivno ostvarivanje autorskih prava" class="inner-link uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Kolektivno ostvarivanje autorskih prava </a> </div> </div> </div> <a href="https://www.hds.hr/vijesti/" title="Aktualno" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Aktualno </a> <a href="https://www.hds.hr/projekti/" title="Projekti" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Projekti </a> <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti 膷lanova" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Aktivnosti 膷lanova </a> <a href="https://www.hds.hr/clanovi/" title="膶lanovi" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> 膶lanovi </a> <a href="https://www.hds.hr/godisnje-nagrade/" title="Godi拧nje nagrade" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Godi拧nje nagrade </a> <a href="https://www.hds.hr/natjecaji/" title="Natje膷aji" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Natje膷aji </a> <a href="https://www.hds.hr/muzicki-materijali/" title="Muzi膷ki materijali" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1"> Muzi膷ki materijali </a> <div class="search-wrap fade-header"> <div class="search-icon-wrap search-modal relative pointer"> <svg class="search-icon abs-center color-1"> <use xlink:href="#search-icon"></use> </svg> </div> </div> </div> </div> <div class="mobile-menu-wrap bg-3 z-1"> <div class="mobile-menu-inner flex relative z-2"> <div class="lines-decoration absolute"> <img src="https://www.hds.hr/ea/wp-content/themes/hds/public/img/bg/bg-1.png" width="1250" height="825" class="object-fit-contain" alt=""> </div> <div class="top-wrap"> <ul class="list-reset center mb-80" data-method="faq"> <li class="dropdown-trigger toggle-btn mb-20 mobile-anim"> <p class="inline-block relative color-1 uppercase font-1 bold lh-1 fs-text-3 icon-right pointer color-transition"> Upoznajte HDS <svg class="arrow-small absolute color-1"> <use xlink:href="#small-arrow"/> </svg> </p> <div class="hidden-content no-pl"> <div class="inner-hidden-content"> <ul class="list-reset"> <li> <a href="https://www.hds.hr/o-nama/" title="o Nama" class="mb-10 uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> o Nama </a> </li> <li> <a href="https://www.hds.hr/povijest/" title="Povijest HDS-a" class="mb-10 uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Povijest HDS-a </a> </li> <li> <a href="https://www.hds.hr/nas-tim/" title="HDS Tim" class="mb-10 uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> HDS Tim </a> </li> <li> <a href="https://www.hds.hr/radna-tijela/" title="Radna tijela" class="mb-10 uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Radna tijela </a> </li> <li> <a href="https://www.hds.hr/sluzbeni-akti/" title="Slu啪beni akti" class="mb-10 uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Slu啪beni akti </a> </li> <li> <a href="https://www.hds.hr/kolektivno-ostvarivanje-autorskih-prava/" title="Kolektivno ostvarivanje autorskih prava" class="mb-10 uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Kolektivno ostvarivanje autorskih prava </a> </li> </ul> </div> </div> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/vijesti/" title="Aktualno" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Aktualno </a> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/projekti/" title="Projekti" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Projekti </a> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti 膷lanova" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Aktivnosti 膷lanova </a> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/clanovi/" title="膶lanovi" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> 膶lanovi </a> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/godisnje-nagrade/" title="Godi拧nje nagrade" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Godi拧nje nagrade </a> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/natjecaji/" title="Natje膷aji" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Natje膷aji </a> </li> <li class="mb-20 mobile-anim"> <a href="https://www.hds.hr/muzicki-materijali/" title="Muzi膷ki materijali" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative"> Muzi膷ki materijali </a> </li> </ul> <div class="search-wrap mobile-anim center flex justify-center flex-center relative mb-80"> <div class="search-icon-wrap search-modal relative pointer"> <p class="absolute-p inline-block uppercase font-1 bold fs-text-3 lh-1 relative"> pretra啪i <svg class="search-icon absolute color-1"> <use xlink:href="#search-icon"></use> </svg> </p> </div> </div> <div class="language-wrap-2 center mobile-anim mb-20"> <a href="https://www.hds.hr/" title="hr" class="language-link color-transition uppercase font-1 bold lh-1 fs-text-2 color-1 active"> hr </a> <a href="https://www.hds.hr/en/" title="en" class="language-link color-transition uppercase font-1 bold lh-1 fs-text-2 color-1 "> en </a> </div> </div> <div class="social-wrap flex justify-center flex-center bg-6"> <a href="https://www.facebook.com/pages/HDS-Hrvatsko-dru%C5%A1tvo-skladatelja-Croatian-Composers-Society/141483155956002" target="_blank" title="facebook" class="social-icon-link mobile-anim relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#facebook"/> </svg> </a> <a href="https://www.instagram.com/hds_zamp/" target="_blank" title="instagram" class="social-icon-link mobile-anim relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#instagram"/> </svg> </a> <a href="https://www.youtube.com/user/hdszamptv" target="_blank" title="youtube" class="social-icon-link mobile-anim relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#youtube"/> </svg> </a> <a href="https://twitter.com/HDSZAMP" target="_blank" title="twitter" class="social-icon-link mobile-anim relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#twitter"/> </svg> </a> </div> </div> </div> </header> <main class="main"> <div class="social-icons-wrap fixed"> <div class="inner-social-wrap bg-6"> <a href="https://www.facebook.com/pages/HDS-Hrvatsko-dru%C5%A1tvo-skladatelja-Croatian-Composers-Society/141483155956002" target="_blank" title="facebook" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#facebook"/> </svg> </a> <a href="https://www.instagram.com/hds_zamp/" target="_blank" title="instagram" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#instagram"/> </svg> </a> <a href="https://www.youtube.com/user/hdszamptv" target="_blank" title="youtube" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#youtube"/> </svg> </a> <a href="https://twitter.com/HDSZAMP" target="_blank" title="twitter" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#twitter"/> </svg> </a> </div> </div> <section class="home-intro-section" data-method="animIntro"> <div class="container-1 relative"> <div class="lines-decoration cover absolute"> <img src="https://www.hds.hr/ea/wp-content/themes/hds/public/img/bg/bg-1.png" width="1250" height="825" class="object-fit-cover" alt=""> </div> <h1 class="anim-up max-w-title font-2 semibold title-2 mb-40"> Hrvatsko dru拧tvo skladatelja </h1> <div class="title-blocks-wrap flex flex-center justify-center"> <a href="https://www.hds.hr/projekti/" title="Na拧i projekti" target="" class="anim-up block-links mh-309 br-btm bg-5 flex flex-column space-between desktop-view"> <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition"> </p> <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition"> Na拧i projekti </h2> </a> <div class="double-block-links"> <a href="https://www.hds.hr/vijesti/" title="Vijesti iz HDS-a" target="" class="anim-up block-links mh-309 br-top bg-6 flex flex-column space-between all-view"> <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition"> </p> <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition"> Vijesti iz HDS-a </h2> </a> <a href="https://www.hds.hr/clanovi/" title="Na拧i 膷lanovi" target="" class="anim-up block-links mh-300 relative flex flex-column space-between all-view"> <video autoplay="autoplay" loop="loop" playsinline muted="muted" width="305" height="300" class="object-fit-cover z-minus"> <source src="https://www.hds.hr/ea/wp-content/uploads/2023/12/video-2.mp4"> </video> <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition"> </p> <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition"> Na拧i 膷lanovi </h2> </a> </div> <div class="double-block-links bottom-side"> <a href="https://www.hds.hr/natjecaji/" title="Natje膷aji" target="" class="anim-up block-links mh-283 relative flex flex-column space-between all-view-3"> <img src="https://www.hds.hr/ea/wp-content/uploads/2023/12/intro-test-1.jpg" width="305" height="405" class="object-fit-cover z-minus" alt=""> <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition"> </p> <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition"> Natje膷aji </h2> </a> <a href="https://www.hds.hr/godisnje-nagrade/" title="Godi拧nje nagrade" target="" class="anim-up block-links mh-309 br-btm-2 bg-7 flex flex-column space-between all-view"> <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition"> </p> <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition"> Godi拧nje nagrade </h2> </a> </div> <div class="double-block-links bottom-side-2"> <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti 膷lanova" target="" class="anim-up block-links mh-218 br-btm-2 bg-5 flex flex-column space-between desktop-view"> <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition"> </p> <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition"> Aktivnosti 膷lanova </h2> </a> <div class="block-links logotips anim-up"> <a href="https://www.cantus.hr/" target="_blank" ref="noopener norefferer" title="logo-1" class="logo-links relative mb-55"> <img src="https://www.hds.hr/ea/wp-content/uploads/2023/12/logo-1.png" width="130" height="35" class="object-fit-contain" alt=""> </a> <a href="https://www.zamp.hr/" target="_blank" ref="noopener norefferer" title="logo-2" class="logo-links relative mb-55"> <img src="https://www.hds.hr/ea/wp-content/uploads/2023/12/logo-2.png" width="130" height="35" class="object-fit-contain" alt=""> </a> <a href="https://www.glazba.hr/" target="_blank" ref="noopener norefferer" title="logo-3" class="logo-links relative mb-55"> <img src="https://www.hds.hr/ea/wp-content/uploads/2023/12/logo-3.png" width="130" height="35" class="object-fit-contain" alt=""> </a> <a href="https://www.youtube.com/channel/UCx1IKaReRc2_mMmEhhoOlnQ/videos" target="_blank" ref="noopener norefferer" title="rs" class="logo-links relative mb-55"> <img src="https://www.hds.hr/ea/wp-content/uploads/2024/12/rs-145x103.png" width="130" height="35" class="object-fit-contain" alt=""> </a> </div> </div> </div> </div> </section> <section class="content-counter-section relative z-2" data-method="animPage"> <div class="container-1"> <div class="outer-counter-text-wrap flex flex-center mb-50"> <div class="blocks-counter-wrap flex"> <div class="block-links anim-up br-btm bg-6 flex flex-column space-between"> <div class="counter-wrap"> <p class="font-2 semibold title-2 color-7 " data-num="335" data-method="customCounter"> 0 </p> <p class="color-2 fs-text-2 space-2"> redovnih 膷lanova </p> </div> <div class="counter-wrap"> <p class="font-2 semibold title-2 color-7 " data-num="11000" data-method="customCounter"> 0 </p> <p class="color-2 fs-text-2 space-2"> pridru啪enih 膷lanova </p> </div> <div class="counter-wrap"> <p class="font-2 semibold title-2 color-7 " data-num="83" data-method="customCounter"> 0 </p> <p class="color-2 fs-text-2 space-2"> suradna 膷lana </p> </div> </div> <div class="block-links anim-up just-img br-top overflow relative flex flex-column space-between"> <img src="https://www.hds.hr/ea/wp-content/uploads/2023/12/test-2.jpg" width="308" height="342" class="object-fit-cover z-minus" alt=""> </div> </div> <div class="text-double-wrap anim-up pad-l"> <h2 class="font-1 semibold title-4"> Hrvatsko dru拧tvo skladatelja okuplja pojedince 膷iji talent i kreativnost oblikuju zvu膷nu kulisu na拧eg svakodnevnog 啪ivota, pru啪aju膰i im podr拧ku i osiguravaju膰i da njihova umjetnost bude prepoznata, cijenjena i za拧ti膰ena. </h2> </div> </div> <div class="outer-counter-text-wrap flex flex-center"> <div class="text-double-wrap anim-up smaller pad-r pad-t"> <p class="fs-text-1 space-2 lh-1 mb-40"> HDS je vi拧e od standardne strukovne udruge. To je dinami膷na zajednica skladatelja, muzikologa, glazbenih pisaca, tekstopisaca i pravnih osoba, udru啪ena s ciljem ostvarivanja zajedni膷kih profesionalnih interesa. Misija HDS-a nije samo za拧tita prava koja proizlaze iz glazbenog stvarala拧tva, ve膰 i promicanje kulture, umjetnosti i inovacije. </p> <div class="btn-wrap"> <a href="https://www.hds.hr/o-nama/" title="Vi拧e o nama" target="" class="btn-1 font-1 medium text-2 space-3 lh-2 color-1 bg-7 relative"> Vi拧e o nama </a> </div> </div> <div class="blocks-counter-wrap bigger flex"> <div class="block-links anim-up br-btm bg-6 flex flex-end"> <div class="counter-wrap"> <p class="font-2 semibold title-2 color-7 plus" data-num="40" data-method="customCounter"> 0 </p> <p class="color-2 fs-text-2 space-2"> projekata godi拧nje </p> </div> </div> <div class="block-links anim-up just-img br-top overflow relative flex flex-column space-between"> <video autoplay="autoplay" loop="loop" playsinline muted="muted" width="412" height="342" class="object-fit-cover z-minus"> <source src="https://www.hds.hr/ea/wp-content/uploads/2023/12/video-2.mp4"> </video> </div> </div> </div> </div> </section> </main> <footer class="footer"> <search :strings='["pretra\u017ei","upi\u0161i i","Pretra\u017ei","...PRETRA\u017dI","zatvori","https:\/\/www.hds.hr\/"]' :lang='"hr"'></search> <div class="footer-container relative"> <div class="white-inner-footer bg-2"> <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10"> PRIJAVITE SE NA NEWSLETTER </p> <newsletter :strings='["Unesite Va\u0161 e-mail","Prijava","Pri\u010dekajte...","Neispravan e-mail!"]'></newsletter> <div class="footer-info-wrap flex space-between"> <div class="top-footer-wrap full-width flex mb-100"> <div class="inner-footer-info"> <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10"> E-MAIL </p> <a href="mailto:info@hds.hr" title="info@hds.hr" class="color-6 fs-text-1 font-1 medium lh-2 space-1"> info@hds.hr </a> </div> <div class="inner-footer-info"> <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10"> TELEFON </p> <a href="tel: +385 1 4872 370 " title=" +385 1 4872 370 " class="color-6 fs-text-1 font-1 medium lh-2 space-1"> +385 1 4872 370 </a> </div> <div class="inner-footer-info"> <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10"> ADRESA </p> <p class="color-6 fs-text-1 font-1 medium lh-2 space-1"> Berislavi膰eva 9, <br>10000 Zagreb, <br>Hrvatska </p> </div> <div class="inner-footer-info"> <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10"> OIB </p> <p class="color-6 fs-text-1 font-1 medium lh-2 space-1"> 56668956985 </p> </div> </div> <div class="bottom-footer-wrap destkop-bottom-footer full-width flex space-between"> <p class="foter-links lh-2 fs-text-5 font-1 medium"> HDS (C) 2025. <span class="circle"></span> <a href="https://www.hds.hr/pravila-privatnosti/" title="Pravila privatnosti" class="color-1"> Pravila privatnosti </a> </p> <p class="color-1 lh-2 fs-text-5 font-1 medium"> Web by: <a href="https://mater.agency/" target="_blank" title="Euroart93" class="color-1">Mater Agency</a> </p> </div> </div> </div> <div class="blue-footer-info absolute bg-6"> <div class="social-icons-wrap absolute"> <div class="inner-social-wrap bg-6"> <a href="https://www.facebook.com/pages/HDS-Hrvatsko-dru%C5%A1tvo-skladatelja-Croatian-Composers-Society/141483155956002" target="_blank" title="facebook" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#facebook"/> </svg> </a> <a href="https://www.instagram.com/hds_zamp/" target="_blank" title="instagram" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#instagram"/> </svg> </a> <a href="https://www.youtube.com/user/hdszamptv" target="_blank" title="youtube" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#youtube"/> </svg> </a> <a href="https://twitter.com/HDSZAMP" target="_blank" title="twitter" class="social-icon-link relative"> <svg class="social-icon abs-center color-2 color-transition"> <use xlink:href="#twitter"/> </svg> </a> </div> </div> <div class="inner-blue-footer flex"> <div class="inner-footer-info"> <p class="link-icon-left uppercase font-1 semibold color-3 fs-text-5 lh-2 space-5 mb-10"> IZBORNIK </p> <ul class="list-reset"> <li class="mb-20"> <a href="https://www.hds.hr/o-nama/" title="Upoznajte HDS" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Upoznajte HDS <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/vijesti/" title="Aktualno" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Aktualno <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/projekti/" title="Projekti" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Projekti <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti 膷lanova" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Aktivnosti 膷lanova <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/clanovi/" title="膶lanovi" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> 膶lanovi <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/godisnje-nagrade/" title="Godi拧nje nagrade" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Godi拧nje nagrade <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/natjecaji/" title="Natje膷aji" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Natje膷aji <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.hds.hr/muzicki-materijali/" title="Muzi膷ki materijali" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Muzi膷ki materijali <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> </ul> </div> <div class="inner-footer-info"> <p class="link-icon-left uppercase font-1 semibold color-3 fs-text-5 lh-2 space-5 mb-10"> LINKOVI </p> <ul class="list-reset"> <li class="mb-20"> <a href="https://www.zamp.hr/" title="ZAMP" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> ZAMP <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.cantus.hr/" title="CANTUS" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> CANTUS <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://glazba.hr/" title="Glazba.hr" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> Glazba.hr <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> <li class="mb-20"> <a href="https://www.youtube.com/channel/UCx1IKaReRc2_mMmEhhoOlnQ/videos" title="RecordingPlusScore" target="" class="link-icon-left uppercase color-2 font-1 bold lh-1 fs-text-3 color-transition relative"> RecordingPlusScore <svg class="arrow-icon absolute color-7"> <use xlink:href="#arrow-1"/> </svg> </a> </li> </ul> </div> </div> </div> <div class="bottom-footer-wrap full-width mobile-footer-bottom flex space-between"> <p class="foter-links lh-2 fs-text-5 font-1 medium"> HDS (C) 2025. <span class="circle"></span> <a href="https://www.hds.hr/pravila-privatnosti/" title="Pravila privatnosti" class="color-1"> Pravila privatnosti </a> </p> <p class="color-1 lh-2 fs-text-5 font-1 medium"> Web by: <a href="https://mater.agency/" target="_blank" title="Euroart93" class="color-1">Mater Agency</a> </p> </div> </div> </footer> </div> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" id="jquery-js"></script> <script type="text/javascript" id="app-js-extra"> /* <![CDATA[ */ var wpApiSettings = {"root":"https:\/\/www.hds.hr\/wp-json\/wp\/ea\/","nonce":"52e92bd9be"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.hds.hr/ea/wp-content/themes/hds/public/js/app.js?id=7dbe81b23d4d9ad4b224" id="app-js"></script> </body> </html>