PageSourceSearch

https://www.hds.hr/

html hds.hr collected 2026-10-02 06:07:38 UTC 91,416 bytes, 787 lines download raw bytes

1<!doctype html>
2<html lang="hr">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=6.0, shrink-to-fit=no">
7    <title>Naslovnica - HDS</title>
8    <meta name="format-detection" content="telephone=no">
9    <meta name=description  content="Hrvatsko društvo skladatelja">
10                <!--[if IE 9]>
11        <style type="text/css">body {opacity: 0 !important;}</style>
12        <meta http-equiv="refresh" content="0;url=http://outdatedbrowser.com/en"/>
13    <![endif]-->
14    <link rel="apple-touch-icon" sizes="180x180" href="https://www.hds.hr/wp-content/themes/hds/public/img/favicon/apple-touch-icon.png">
15    <link rel="icon" type="image/png" sizes="32x32" href="https://www.hds.hr/wp-content/themes/hds/public/img/favicon/favicon-32x32.png">
16    <link rel="icon" type="image/png" sizes="16x16" href="https://www.hds.hr/wp-content/themes/hds/public/img/favicon/favicon-16x16.png">
17    <link rel="manifest" href="https://www.hds.hr/wp-content/themes/hds/public/img/favicon/site.webmanifest">
18    <link rel="mask-icon" href="https://www.hds.hr/wp-content/themes/hds/public/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
19    <meta name="msapplication-TileColor" content="#da532c">
20    <meta name="theme-color" content="#ffffff">
21    
21<script type="text/javascript">
22        var admin_url = 'https://www.hds.hr/wp-json/wp/ea/';
23        var base_url = 'https://www.hds.hr/wp-content/themes/hds/public/';
24        var directory_uri = 'https://www.hds.hr/wp-content/themes/hds';
25    </script>
25
26    <!-- Google tag (gtag.js) -->
27    <!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 27
27 <script async src="https://www.googletagmanager.com/gtag/js?id=
27G-B7ZDZQ4Z93
vendor: 12 bytes, line 27
27"></script> 
27<script> 
vendor: 127 bytes, line 27
27window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
27G-B7ZDZQ4Z93
vendor: 4 bytes, line 27
27'); 
27</script>
27
28    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
29<link rel="alternate" hreflang="hr" href="https://www.hds.hr/" />
30<link rel="alternate" hreflang="en" href="https://www.hds.hr/en/" />
31<link rel="alternate" hreflang="x-default" href="https://www.hds.hr/" />
32
33	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
34	<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)." />
35	<link rel="canonical" href="https://www.hds.hr/" />
36	<meta property="og:locale" content="hr_HR" />
37	<meta property="og:type" content="website" />
38	<meta property="og:title" content="Naslovnica - HDS" />
39	<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)." />
40	<meta property="og:url" content="https://www.hds.hr/" />
41	<meta property="og:site_name" content="HDS" />
42	<meta property="article:modified_time" content="2026-05-05T12:46:51+00:00" />
43	<meta property="og:image" content="https://www.hds.hr/wp-content/uploads/2024/12/share-slika-01.jpg" />
44	<meta property="og:image:width" content="1200" />
45	<meta property="og:image:height" content="628" />
46	<meta property="og:image:type" content="image/jpeg" />
47	<meta name="twitter:card" content="summary_large_image" />
48	
48<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\/wp-content\/uploads\/2024\/12\/share-slika-01.jpg","datePublished":"2023-10-30T11:57:55+00:00","dateModified":"2026-05-05T12:46:51+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\/wp-content\/uploads\/2024\/12\/share-slika-01.jpg","contentUrl":"https:\/\/www.hds.hr\/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>
48
49	<!-- / Yoast SEO plugin. -->
50
51
52<link rel='dns-prefetch' href='//ajax.googleapis.com' />
53<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" />
54<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&#038;format=xml" />
55<style id="wp-img-auto-sizes-contain-inline-css">
56img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
57/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
58</style>
59<style id="classic-theme-styles-inline-css">
60/*! This file is auto-generated */
61.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}
62/*# sourceURL=/wp-includes/css/classic-themes.min.css */
63</style>
64
65<style id="global-styles-inline-css">
66: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,rgb(6,147,227) 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,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 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%);
66--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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }: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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.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;}
66.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;}
67/*# sourceURL=global-styles-inline-css */
68</style>
69
70<link rel='stylesheet' id='style-css' href='https://www.hds.hr/wp-content/themes/hds/public/css/style.css?id=e59d6dd1fe1e219990f3' media='' />
71<link rel='stylesheet' id='vendor-css' href='https://www.hds.hr/wp-content/themes/hds/public/css/vendor.css?id=e6bfcf7f6ebaac6590fd' media='' />
72<script id="wpml-cookie-js-extra">
73var wpml_cookies = {"wp-wpml_current_language":{"value":"hr","expires":1,"path":"/"}};
74var wpml_cookies = {"wp-wpml_current_language":{"value":"hr","expires":1,"path":"/"}};
75//# sourceURL=wpml-cookie-js-extra
76</script>
vendor: 1 bytes, line 76
76
77<script data-wp-strategy="defer" defer id="wpml-cookie-js" src="https://www.hds.hr/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js"></script>
77
78<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/' />
79</head>
80<body class="home wp-singular page-template page-template-tpl-home page-template-tpl-home-php page page-id-8 wp-theme-hds singular" data-method='smoothScroll'>
81    <svg xmlns="http://www.w3.org/2000/svg" class="visually-hidden">
82    <defs>
83        
84        <symbol id="twitter" viewBox="0 0 16 17">
85            <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"/>
86        </symbol>
87
88        <symbol id="search-icon" viewBox="0 0 20 20">
89            <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"/>
90        </symbol>
91
92        <symbol id="circle-x" viewBox="0 0 34 34">
93            <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"/>
94        </symbol>
95
96        <symbol id="middle-arrow-right" viewBox="0 0 24 14">
97            <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"/>
98        </symbol>
99
100        <symbol id="middle-arrow-left" viewBox="0 0 24 14" >
101            <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"/>
102        </symbol>
103        
104        <symbol id="x-shape-icon" viewBox="0 0 18 18">
105            <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"/>
106        </symbol>
107
108        <symbol id="long-arrow-right" viewBox="0 0 60 12">
109            <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"/>
110        </symbol>
111        
112        <symbol id="long-arrow-left" viewBox="0 0 60 12">
113            <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"/>
114        </symbol>
115        
116        <symbol id="cut-arrow" viewBox="0 0 28 28">
117            <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"/>
118        </symbol>
119
120        <symbol id="small-arrow" viewBox="0 0 10 6">
121            <path d="M1 1L5 5" stroke-linecap="square"/>
122            <path d="M9.24219 1L5 5" stroke-linecap="square"/>
123        </symbol>
124
125        <symbol id="youtube" viewBox="0 0 27 19">
126            <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"/>
127            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.7422 13.4827L17.7193 9.43775L10.7422 5.39258V13.4827Z" fill="#1D4077"/>
128        </symbol>
129
130        <symbol id="instagram" viewBox="0 0 23 22">
131            <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"/>
132            <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"/>
133            <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"/>
134        </symbol>
135
136        <symbol id="facebook" viewBox="0 0 12 24">
137            <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"/>
138        </symbol>
139
140        <symbol id="arrow-1" viewBox="0 0 24 14">
141            <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"/>
142        </symbol>
143        
144        <symbol id="phone-icon" viewBox="0 0 18 19">
145            <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 
1456.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"/>
146        </symbol>
147
148        <symbol id="plane-icon" viewBox="0 0 20 17">
149            <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 
14914.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"/>
150        </symbol>
151
152    </defs>
153</svg>
154	<div id="app">
155        <header class="header">
156            <div class="inner-header-wrap flex space-between flex-center">
157                                <div class="top-lang-wrap">
158                    <div class="language-wrap fade-header">
159                                                    <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">
160                                hr                            </a>
161                                                    <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 ">
162                                en                            </a>
163                                            </div>
164                </div>
165                                <div class="logo-language-wrap flex flex-center">
166                    <a href="https://www.hds.hr" title="Home" class="site-logo-link fade-header relative z-2">
167                        <img src="https://www.hds.hr/wp-content/themes/hds/public/img/icons/logo.svg" width="213" height="65" class="site-logo-img" alt="Hds">
168                    </a>
169                </div>
170                <div class="hamburger-wrap fade-header">
171                    <div class="hamburger-wrapper relative z-2 pointer" data-method="mobileMenu">
172                        <span class="hamburger-line bg-1 block"></span>
173                        <span class="hamburger-line bg-1 block"></span>
174                        <span class="hamburger-line bg-1 block"></span>
175                        <div class="x-hamburger-wrapper">
176                            <span class="x-hamburger-line bg-1 block"></span>
177                            <span class="x-hamburger-line bg-1 block"></span>
178                        </div>
179                    </div>
180                </div>
181                                    <div class="nav-inner-wrap flex flex-cente justify-end">
182                                                                                    <div class="nav-item fade-header dropdown-wrap relative">
183                                    <p class="icon-right color-transition relative uppercase font-1 bold lh-1 fs-text-2 color-1 pointer">
184                                         Upoznajte HDS                                        <svg class="arrow-small absolute">
185                                            <use xlink:href="#small-arrow"/>
186                                        </svg>
187                                    </p>
188                                                                            <div class="hidden-wrap-dropdown absolute bg-3">
189                                            <div class="inner-hidden-wrap">
190                                                                                                    <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">
191                                                        o Nama                                                    </a>
192                                                                                                    <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">
193                                                        Povijest HDS-a                                                    </a>
194                                                                                                    <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">
195                                                        HDS Tim                                                    </a>
196                                                                                                    <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">
197                                                        Radna tijela                                                    </a>
198                                                                                                    <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">
199                                                        Službeni akti                                                    </a>
200                                                                                                    <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">
201                                                        Kolektivno ostvarivanje autorskih prava                                                    </a>
202                                                                                            </div>
203                                        </div>
204                                                                    </div>
205                                                                                                                                                    <a href="https://www.hds.hr/vijesti/" title="Vijesti" target="" class=" nav-item fade-header up
205percase color-transition font-1 bold lh-1 fs-text-2 color-1">
206                                        Vijesti                                    </a>
207                                                                                                                                                                                    <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">
208                                        Projekti                                    </a>
209                                                                                                                                                                                    <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">
210                                        Aktivnosti članova                                    </a>
211                                                                                                                                                                                    <a href="https://www.hds.hr/clanstvo/" title="Članstvo" target="" class=" nav-item fade-header uppercase color-transition font-1 bold lh-1 fs-text-2 color-1">
212                                        Članstvo                                    </a>
213                                                                                                                                                                                    <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">
214                                        Godišnje nagrade                                    </a>
215                                                                                                                                                                                    <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">
216                                        Natječaji                                    </a>
217                                                                                                                                                                                    <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">
218                                        Muzički materijali                                    </a>
219                                                                                                            <div class="search-wrap fade-header">
220                            <div class="search-icon-wrap search-modal relative pointer">
221                                <svg class="search-icon abs-center color-1">
222                                    <use xlink:href="#search-icon"></use>
223                                </svg>
224                            </div>
225                        </div>
226                    </div>
227                            </div>
228                            <div class="mobile-menu-wrap bg-3 z-1">
229                    <div class="mobile-menu-inner flex relative z-2">
230                        <div class="lines-decoration absolute">
231                            <img src="https://www.hds.hr/wp-content/themes/hds/public/img/bg/bg-1.png" width="1250" height="825" class="object-fit-contain" alt="">
232                        </div>
233                        <div class="top-wrap">
234                            <ul class="list-reset center mb-80" data-method="faq">
235                                                                                                            <li class="dropdown-trigger toggle-btn mb-20 mobile-anim">
236                                            <p class="inline-block relative color-1 uppercase font-1 bold lh-1 fs-text-3 icon-right pointer color-transition">
237                                                 Upoznajte HDS                                                <svg class="arrow-small absolute color-1">
238                                                    <use xlink:href="#small-arrow"/>
239                                                </svg>
240                                            </p>
241                                                                                            <div class="hidden-content no-pl">
242                                                    <div class="inner-hidden-content">
243                                                        <ul class="list-reset">
244                                                                                                                            <li>
245                                                                    <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">
246                                                                        o Nama                                                                    </a>
247                                                                </li>
248                                                                                                                            <li>
249                                                                    <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">
250                                                                        Povijest HDS-a                                                                    </a>
251                                                                </li>
252                                                                                                                            <li>
253                                                                    <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">
254                                                                        HDS Tim                                                                    </a>
255                                                                </li>
256                                                                                                                            <li>
257                                                                    <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">
258                                                                        Radna tijela                                                                    </a>
259                                                                </li>
260                                                                                                                            <li>
261                                                                    <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">
262                                                                        Službeni akti                                                                    </a>
263                                                                </li>
264                                                                                                                            <li>
265                                                                    <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">
266                                                                        Kolektivno ostvarivanje autorskih prava                                                                    </a>
267                                                                </li>
268                                                                                                                    </ul>
269                                                    </div>
270                                                </div>
271                                                                                    </li>
272                                                                                                                                                                                            <li class="mb-20 mobile-anim">
273                                                <a href="https://www.hds.hr/vijesti/" title="Vijesti" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative">
274                                                Vijesti                                                </a>
275                                            </li>
276                                                                                                                                                                                                                                    <li class="mb-20 mobile-anim">
277                                                <a href="https://www.hds.hr/projekti/" title="Projekti" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative">
278                                                Projekti                                                </a>
279                                            </li>
280                                                                                                                                                                                                                                    <li class="mb-20 mobile-anim">
281                                                <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">
282                                                Aktivnosti članova                                                </a>
283                                            </li>
284                                                                                                                                                                                                                                    <li class="mb-20 mobile-anim">
285                                                <a href="https://www.hds.hr/clanstvo/" title="Članstvo" class=" uppercase color-1 font-1 bold lh-1 fs-text-3 color-transition relative">
286                                                Članstvo                                                </a>
287                                            </li>
288                                                                                                                                                                                                                                    <li class="mb-20 mobile-anim">
289                                                <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">
290                                                Godišnje nagrade                                                </a>
291                                            </li>
292                                                                                                                                                                                                                                    <li class="mb-20 mobile-anim">
293                                                <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">
294                                                Natječaji                                                </a>
295                                            </li>
296                                                                                                                                                                                                                                    <li class="mb-20 mobile-anim">
297                                                <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">
298                                                Muzički materijali                                                </a>
299                                            </li>
300                                                                                                                                        </ul>
301                            <div class="search-wrap mobile-anim center flex justify-center flex-center relative mb-80">
302                                <div class="search-icon-wrap search-modal relative pointer">
303                                    <p class="absolute-p inline-block uppercase font-1 bold fs-text-3 lh-1 relative">
304                                        pretraži                                        <svg class="search-icon absolute color-1">
305                                            <use xlink:href="#search-icon"></use>
306                                        </svg>
307                                    </p>
308                                </div>
309                            </div>
310                                                            <div class="language-wrap-2 center mobile-anim mb-20">
311                                                                            <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">
312                                            hr                                        </a>
313                                                                            <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 ">
314                                            en                                        </a>
315                                                                    </div>
316                                                    </div>
317                                                    <div class="social-wrap flex justify-center flex-center bg-6">
318                                                                    <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">
319                                        <svg class="social-icon abs-center color-2 color-transition">
320                                            <use xlink:href="#facebook"/>
321                                        </svg>
322                                    </a>
323                                                                    <a href="https://www.instagram.com/hds_zamp/" target="_blank" title="instagram" class="social-icon-link mobile-anim relative">
324                                        <svg class="social-icon abs-center color-2 color-transition">
325                                            <use xlink:href="#instagram"/>
326                                        </svg>
327                                    </a>
328                                                                    <a href="https://www.youtube.com/user/hdszamptv" target="_blank" title="youtube" class="social-icon-link mobile-anim relative">
329                                        <svg class="social-icon abs-center color-2 color-transition">
330                                            <use xlink:href="#youtube"/>
331                                        </svg>
332                                    </a>
333                                                                    <a href="https://twitter.com/HDSZAMP" target="_blank" title="twitter" class="soc
333ial-icon-link mobile-anim relative">
334                                        <svg class="social-icon abs-center color-2 color-transition">
335                                            <use xlink:href="#twitter"/>
336                                        </svg>
337                                    </a>
338                                                            </div>
339                                            </div>
340                </div>
341                    </header>
342<main class="main">
343    
344<div class="social-icons-wrap fixed">
345    <div class="inner-social-wrap bg-6">
346                    <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">
347                <svg class="social-icon abs-center color-2 color-transition">
348                    <use xlink:href="#facebook"/>
349                </svg>
350            </a>
351                    <a href="https://www.instagram.com/hds_zamp/" target="_blank" title="instagram" class="social-icon-link relative">
352                <svg class="social-icon abs-center color-2 color-transition">
353                    <use xlink:href="#instagram"/>
354                </svg>
355            </a>
356                    <a href="https://www.youtube.com/user/hdszamptv" target="_blank" title="youtube" class="social-icon-link relative">
357                <svg class="social-icon abs-center color-2 color-transition">
358                    <use xlink:href="#youtube"/>
359                </svg>
360            </a>
361                    <a href="https://twitter.com/HDSZAMP" target="_blank" title="twitter" class="social-icon-link relative">
362                <svg class="social-icon abs-center color-2 color-transition">
363                    <use xlink:href="#twitter"/>
364                </svg>
365            </a>
366            </div>
367</div>
368
369    <section class="home-intro-section" data-method="animIntro">
370        <div class="container-1 relative">
371            <div class="lines-decoration cover absolute">
372                <img src="https://www.hds.hr/wp-content/themes/hds/public/img/bg/bg-1.png" width="1250" height="825" class="object-fit-cover" alt="">
373            </div>
374            <h1 class="anim-up max-w-title font-2 semibold title-2 mb-40">
375                Hrvatsko društvo skladatelja             </h1>
376            <div class="mobile-cards-wrap flex">
377                <div class="double-block-links">
378                                                                        <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">
379                                                               <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
380                                    
381                                </p>
382                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
383                                    Vijesti iz HDS-a                                </h2>
384                            </a>
385                                                                                                                    <a href="https://www.hds.hr/projekti/" title="Naši projekti" target="" class="anim-up block-links mh-283 relative flex flex-column space-between all-view">
386                                                                
387                                                                    <img src="https://www.hds.hr/wp-content/uploads/2025/05/nasi-projekti-305x190.jpg" width="305" height="405" class="object-fit-cover z-minus" alt="">
388                                                                <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
389                                    
390                                </p>
391                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
392                                    Naši projekti                                </h2>
393                            </a>
394                                                                                                                    <a href="https://www.hds.hr/natjecaji/" title="Natječaji" target="" class="anim-up block-links mh-309 br-btm bg-5 flex flex-column space-between all-view">
395                                                                                                <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
396                                    
397                                </p>
398                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
399                                    Natječaji                                </h2>
400                            </a>
401                                                            </div>
402                <div class="double-block-links">
403                                                                        <a href="https://www.hds.hr/godisnje-nagrade/" title="Godišnje nagrade" target="" class="anim-up block-links mh-218 br-btm-2 bg-7 flex flex-column space-between all-view">
404                                                                                                <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
405                                    
406                                </p>
407                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
408                                    Godišnje nagrade                                </h2>
409                            </a>
410                                                                                                                    <a href="https://www.hds.hr/clanstvo/" title="Naši članovi" target="" class="anim-up block-links mh-300 relative flex flex-column space-between all-view-3">
411                                                                    <video auto
411play="autoplay" loop="loop" playsinline muted="muted" width="305" height="300" class="object-fit-cover z-minus">
412                                        <source src="https://www.hds.hr/wp-content/uploads/2025/05/Izborna-skupstina-2.mp4">
413                                    </video>
414                                                                                                <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
415                                    
416                                </p>
417                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
418                                    Naši članovi                                </h2>
419                            </a>
420                                                                                                                    <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti članova" target="" class="anim-up block-links mh-283 relative flex flex-column space-between br-btm-3 all-view">
421                                                                                                    <img src="https://www.hds.hr/wp-content/uploads/2023/12/MBZ_Masterclass_promo-foto-305x229.jpg" width="305" height="405" class="object-fit-cover z-minus" alt="">
422                                                                <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
423                                    
424                                </p>
425                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
426                                    Aktivnosti članova                                </h2>
427                            </a>
428                                            
429                </div>
430                <div class="block-links logotips anim-up">
431                                            <a href="https://www.cantus.hr/" target="_blank" ref="noopener norefferer" title="logo-1" class="logo-links relative">
432                                                            <img src="https://www.hds.hr/wp-content/uploads/2023/12/logo-1.png" width="130" height="35" class="object-fit-contain" alt="">
433                                                    </a>
434                                            <a href="https://www.zamp.hr/" target="_blank" ref="noopener norefferer" title="logo-2" class="logo-links relative">
435                                                            <img src="https://www.hds.hr/wp-content/uploads/2023/12/logo-2.png" width="130" height="35" class="object-fit-contain" alt="">
436                                                    </a>
437                                            <a href="https://www.glazba.hr/" target="_blank" ref="noopener norefferer" title="logo-3" class="logo-links relative">
438                                                            <img src="https://www.hds.hr/wp-content/uploads/2023/12/logo-3.png" width="130" height="35" class="object-fit-contain" alt="">
439                                                    </a>
440                                            <a href="https://www.youtube.com/channel/UCx1IKaReRc2_mMmEhhoOlnQ/videos" target="_blank" ref="noopener norefferer" title="rs" class="logo-links relative">
441                                                            <img src="https://www.hds.hr/wp-content/uploads/2024/12/rs-145x103.png" width="130" height="35" class="object-fit-contain" alt="">
442                                                    </a>
443                                    </div>
444            </div>
445                            <div class="title-blocks-wrap flex flex-center justify-center">
446                                                                        <a href="https://www.hds.hr/natjecaji/" title="Natječaji" target="" class="anim-up block-links mh-309 br-btm bg-5 flex flex-column space-between all-view">
447                                                                
448                                                                <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
449                                    
450                                </p>
451                                <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
452                                    Natječaji                                </h2>
453                            </a>
454                                                                <div class="double-block-links">
455                                                                                    <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">
456                                                                       <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
457                                        
458                                    </p>
459                                    <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
460                                        Vijesti iz HDS-a                                    </h2>
461                                </a>
462                                                                                                                                        <a href="https://www.hds.hr/clanstvo/" title="Naši članovi" target="" class="anim-up block-links mh-300 relative flex flex-column space-between all-view">
463                                                                            <video auto
463play="autoplay" loop="loop" playsinline muted="muted" width="305" height="300" class="object-fit-cover z-minus">
464                                            <source src="https://www.hds.hr/wp-content/uploads/2025/05/Izborna-skupstina-2.mp4">
465                                        </video>
466                                                                                                            <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
467                                        
468                                    </p>
469                                    <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
470                                        Naši članovi                                    </h2>
471                                </a>
472                                                                        </div>
473                    <div class="double-block-links bottom-side">
474                                                                                    <a href="https://www.hds.hr/projekti/" title="Naši projekti" target="" class="anim-up block-links mh-283 relative flex flex-column space-between all-view-3">
475                                                                                                                <img src="https://www.hds.hr/wp-content/uploads/2025/05/nasi-projekti-305x190.jpg" width="305" height="405" class="object-fit-cover z-minus" alt="">
476                                                                        <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
477                                        
478                                    </p>
479                                    <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
480                                        Naši projekti                                    </h2>
481                                </a>
482                                                                                                                                        <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti članova" target="" class="anim-up block-links mh-283 relative flex flex-column space-between br-btm-3 all-view">
483                                                                                                                <img src="https://www.hds.hr/wp-content/uploads/2023/12/MBZ_Masterclass_promo-foto-305x229.jpg" width="305" height="405" class="object-fit-cover z-minus" alt="">
484                                                                        <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
485                                        
486                                    </p>
487                                    <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
488                                        Aktivnosti članova                                    </h2>
489                                </a>
490                                                    
491                    </div>
492                    <div class="double-block-links bottom-side-2">
493                                                                                    <a href="https://www.hds.hr/godisnje-nagrade/" title="Godišnje nagrade" target="" class="anim-up block-links mh-218 br-btm-2 bg-7 flex flex-column space-between all-view">
494                                                                                                            <p class="color-2 lh-1 space-1 fs-text-1 font-2 semibold color-transition">
495                                        
496                                    </p>
497                                    <h2 class="color-2 lh-1 space-1 title-6 font-2 semibold color-transition">
498                                        Godišnje nagrade                                    </h2>
499                                </a>
500                                                                                                        <div class="block-links logotips anim-up">
501                                                                    <a href="https://www.cantus.hr/" target="_blank" ref="noopener norefferer" title="logo-1" class="logo-links relative">
502                                                                                    <img src="https://www.hds.hr/wp-content/uploads/2023/12/logo-1.png" width="130" height="35" class="object-fit-contain" alt="">
503                                                                            </a>
504                                                                    <a href="https://www.zamp.hr/" target="_blank" ref="noopener norefferer" title="logo-2" class="logo-links relative">
505                                                                                    <img src="https://www.hds.hr/wp-content/uploads/2023/12/logo-2.png" width="130" height="35" class="object-fit-contain" alt="">
506                                                                            </a>
507                                                                    <a href="https://www.glazba.hr/" target="_blank" ref="noopener norefferer" title="logo-3" class="logo-links relative">
508                                                                                    <img src="https://www.hds.hr/wp-content/uploads/2023/12/logo-3.png" width="130" height="35" class="object-fit-contain" alt="">
509                                                                            </a>
510                                                                    <a href="https://www.youtube.com/channel/UCx1IKaReRc2_mMmEhhoOlnQ/videos" target="_blank" ref="noopener norefferer" title="rs" class="logo-links relative">
511                                                                                    <img src="https://www.hds.hr/wp-content/uploads/2024/12/rs-145x103.png" width="130" height="35" class="object-fit-contain" alt="">
512                                                                            </a>
513                                                            </div>
514                                            </div>
515                </div>
516                    </div>
517    </section>
518
519    <section class="content-counter-section relative z-2" data-method="animPage">
520        <div class="container-1">
521            <div class="outer-counter-text-wrap flex flex-center mb-50">
522                                    <div class="blocks-counter-wrap flex">
523                        <div class="block-links anim-up br-btm bg-6 flex flex-column space-between">
524                                                            <div class="counter-wrap">
525                                    <p class="font-2 semibold title-2 color-7 " data-num="346" data-method="customCounter">
526                                        0
527                                    </p>
528                                    <p class="color-2 fs-text-2 space-2">
529                                         redovnih članova                                     </p>
530                                </div>
531                                                            <div class="counter-wrap">
532                                    <p class="font-2 semibold title-2 color-7 " data-num="12400" data-method="customCounter">
533                                        0
534                                    </p>
535                                    <p class="color-2 fs-text-2 space-2">
536                                        pridruženih članova                                     </p>
537                                </div>
538                                                            <div class="counter-wrap">
539                                    <p class="font-2 semibold title-2 color-7 " data-num="78" data-method="customCounter">
540                                        0
541                                    </p>
542                                    <p class="color-2 fs-text-2 space-2">
543                                        suradna člana                                    </p>
544                                </div>
545                                                    </div>
546                                                    <div class="block-links anim-up just-img br-top overflow relative flex flex-column space-between">
547                                                                <video auto
547play="autoplay" loop="loop" playsinline muted="muted" width="412" height="342" class="object-fit-cover z-minus">
548                                    <source src="https://www.hds.hr/wp-content/uploads/2025/05/Izborna-skupstina-1.mp4">
549                                </video>
550                            </div>
551                                            </div>
552                                                <div class="text-double-wrap anim-up pad-l">
553                    <h2 class="font-1 semibold title-4">
554                        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>
555                </div>
556            </div>
557            <div class="outer-counter-text-wrap flex flex-center">
558                <div class="text-double-wrap anim-up smaller pad-r pad-t">
559                    <p class="fs-text-1 space-2 lh-1 mb-40">
560                        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>
561                                            <div class="btn-wrap">
562                            <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">
563                                Više o nama                            </a>
564                        </div>
565                                    </div>
566                <div class="blocks-counter-wrap bigger flex">
567                                            <div class="block-links anim-up br-btm bg-6 flex flex-end">
568                                                            <div class="counter-wrap">
569                                    <p class="font-2 semibold title-2 color-7 plus" data-num="40" data-method="customCounter">
570                                        0
571                                    </p>
572                                    <p class="color-2 fs-text-2 space-2">
573                                         projekata godišnje                                     </p>
574                                </div>
575                                                    </div>
576                                                                <div class="block-links anim-up just-img br-top overflow relative flex flex-column space-between">
577                                                        <img src="https://www.hds.hr/wp-content/uploads/2025/05/publika-800x536.jpg" width="400" height="300" class="object-fit-cover z-minus" alt="">
578                        </div>
579                                    </div>
580            </div>
581        </div>
582    </section>
583        </main>
584
585        <footer class="footer">
586            <search :strings='["pretra\u017ei","upi\u0161i i","Pretra\u017ei","...PRETRA\u017dI","zatvori","https:\/\/www.hds.hr\/"]' :lang='"hr"'></search>
587            <div class="footer-container relative">
588                <div class="white-inner-footer bg-2">
589                    <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10">
590                        PRIJAVITE SE NA NEWSLETTER                    </p>
591                    <newsletter :strings='["Unesite Va\u0161 e-mail","Prijava","Pri\u010dekajte...","Neispravan e-mail!"]'></newsletter>
592                    <div class="footer-info-wrap flex space-between">
593                        <div class="top-footer-wrap full-width flex mb-80">
594                                                            <div class="inner-footer-info">
595                                    <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10">
596                                        E-MAIL
597                                    </p>
598                                    <a href="mailto:[email protected]" title="[email protected]" 
598class="color-6 fs-text-2 font-1 medium lh-2 space-1">
599                                        [email protected]                                    </a>
600                                </div>
601                                                                                        <div class="inner-footer-info">
602                                    <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10">
603                                        TELEFON                                    </p>
604                                    <a href="tel: +385 1 4872 370 " title=" +385 1 4872 370 " class="color-6 fs-text-2 font-1 medium lh-2 space-1">
605                                         +385 1 4872 370                                     </a>
606                                </div>
607                                                                                        <div class="inner-footer-info">
608                                    <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10">
609                                        ADRESA                                    </p>
610                                    <p class="color-6 fs-text-2 font-1 medium lh-2 space-1">
611                                        Berislavićeva 9, <br>10000 Zagreb, <br>Hrvatska                                     </p>
612                                </div>
613                                                                                        <div class="inner-footer-info">
614                                    <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10">
615                                        OIB                                    </p>
616                                    <p class="color-6 fs-text-2 font-1 medium lh-2 space-1">
617                                        56668956985                                    </p>
618                                </div>
619                                                                                        <div class="inner-footer-info">
620                                    <p class="uppercase font-1 semibold fs-text-5 lh-2 space-5 mb-10">
621                                        IBAN HDS-a                                    </p>
622                                    <p class="color-6 fs-text-2 font-1 medium lh-2 space-1">
623                                        HR8623600001101345746                                    </p>
624                                </div>
625                                                    </div>
626                        <div class="bottom-footer-wrap destkop-bottom-footer full-width flex space-between">
627                            <p class="foter-links lh-2 fs-text-5 font-1 medium">
628                                HDS (C) 2026.                    
629                                                                                                            <span class="circle"></span>
630                                        <a href="https://www.hds.hr/pravila-privatnosti/" title="Pravila privatnosti" class="color-1">
631                                            Pravila privatnosti                                        </a>
632                                                                                                </p>
633                            <p class="color-1 lh-2 fs-text-5 font-1 medium">
634                                Web by: <a href="https://mater.agency/" target="_blank" title="Euroart93" class="color-1">Mater Agency</a>
635                            </p>
636                        </div>
637                    </div>
638                </div>
639                <div class="blue-footer-info absolute bg-6">
640                                            <div class="social-icons-wrap absolute">
641                            <div class="inner-social-wrap center bg-6">
642                                                                    <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">
643                                        <svg class="social-icon abs-center color-2 color-transition">
644                                            <use xlink:href="#facebook"/>
645                                        </svg>
646                                    </a>
647                                                                    <a href="https://www.instagram.com/hds_zamp/" target="_blank" title="instagram" class="social-icon-link relative">
648                                        <svg class="social-icon abs-center color-2 color-transition">
649                                            <use xlink:href="#instagram"/>
650                                        </svg>
651                                    </a>
652                                                                    <a href="https://www.youtube.com/user/hdszamptv" target="_blank" title="youtube" class="social-icon-link relative">
653                                        <svg class="social-icon abs-center color-2 color-transition">
654                                            <use xlink:href="#youtube"/>
655                                        </svg>
656                                    </a>
657                                                                    <a href="https://twitter.com/HDSZAMP" target="_blank" title="twitter" class="social-icon-link relative">
658                                        <svg class="social-icon abs-center color-2 color-transition">
659                                            <use xlink:href="#twitter"/>
660                                        </svg>
661                                    </a>
662                                                            </div>
663                        </div>
664                                                                <div class="inner-blue-footer flex">
665                                                            <div class="inner-footer-info">
666                                    <p class="link-icon-left uppercase font-1 semibold color-3 fs-text-5 lh-2 space-5 mb-10">
667                                        IZBORNIK                                    </p>
668                                                                            <ul class="list-reset">
669                                                                                            <li class="mb-10">
670                                                    <a href="https://www.hds.hr/o-nama/" title="Upoznajte HDS" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
671                                                        Upoznajte HDS                                                        <svg class="arrow-icon absolute color-7">
672                                                            <use xlink:href="#arrow-1"/>
673                                                        </svg>
674                                                    </a>
675                                                </li>
676                                                                                            <li class="mb-10">
677                                                    <a href="https://www.hds.hr/vijesti/" title="Aktualno" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
678                                                        Aktualno                                                        <svg class="arrow-icon absolute color-7">
679                                                            <use xlink:href="#arrow-1"/>
680                                                        </svg>
681                                                    </a>
682                                                </li>
683                                                                                            <li class="mb-10">
684                                                    <a href="https://www.hds.hr/projekti/" title="Projekti" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
685                                                        Projekti                                                        <svg class="arrow-icon absolute color-7">
686                                                            <use xlink:href="#arrow-1"/>
687                                                        </svg>
688                                                    </a>
689                                                </li>
690                                                                                            <li class="mb-10">
691                                                    <a href="https://www.hds.hr/category/aktivnosti-clanova/" title="Aktivnosti članova" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
692                                                        Aktivnosti članova                                                        <svg class="arrow-icon absolute color-7">
693                                                            <use xlink:href="#arrow-1"/>
694                                                        </svg>
695                                                    </a>
696                                                </li>
697                                                                                            <li class="mb-10">
698                                                    <a href="https://www.hds.hr/clanovi/" title="Članovi" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
699                                                        Članovi                                                        <svg class="arrow-icon absolute color-7">
700                                                            <use xlink:href="#arrow-1"/>
701                                                        </svg>
702                                                    </a>
703                                                </li>
704                                                                                            <li class="mb-10">
705                                                    <a href="https://www.hds.hr/godisnje-nagrade/" title="Godišnje nagrade" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
706                                                        Godišnje nagrade                                                        <svg class="arrow-icon absolute color-7">
707                                                            <use xlink:href="#arrow-1"/>
708                                                        </svg>
709                                                    </a>
710                                                </li>
711                                                                                            <li class="mb-10">
712                                                    <a href="https://www.hds.hr/natjecaji/" title="Natječaji" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
713                                                        Natječaji                                                        <svg class="arrow-icon absolute color-7">
714                                                            <use xlink:href="#arrow-1"/>
715                                                        </svg>
716                                                    </a>
717                                                </li>
718                                                                                            <li class="mb-10">
719                                                    <a href="https://www.hds.hr/muzicki-materijali/" title="Muzički materijali" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
720                                                        Muzički materijali                                                        <svg class="arrow-icon absolute color-7">
721                                                            <use xlink:href="#arrow-1"/>
722                                                        </svg>
723                                                    </a>
724                                                </li>
725                                                                                    </ul>
726                                                                    </div>
727                                                            <div class="inner-footer-info">
728                                    <p class="link-icon-left uppercase font-1 semibold color-3 fs-text-5 lh-2 space-5 mb-10">
729                                        LINKOVI                                    </p>
730                                                                            <ul class="list-reset">
731                                                                                            <li class="mb-10">
732                                                    <a href="https://www.zamp.hr/" title="ZAMP" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
733                                                        ZAMP                                                        <svg class="arrow-icon absolute color-7">
734                                                            <use xlink:href="#arrow-1"/>
735                                                        </svg>
736                                                    </a>
737                                                </li>
738                                                                                            <li class="mb-10">
739                                                    <a href="https://www.cantus.hr/" title="Cantus d.o.o." target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
740                                                        Cantus d.o.o.                                                        <svg class="arrow-icon absolute color-7">
741                                                            <use xlink:href="#arrow-1"/>
742                                                        </svg>
743                                                    </a>
744                                                </li>
745                                                                                            <li class="mb-10">
746                                                    <a href="https://glazba.hr/" title="Glazba.hr" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
747                                                        Glazba.hr                                                        <svg class="arrow-icon absolute color-7">
748                                                            <use xlink:href="#arrow-1"/>
749                                                        </svg>
750                                                    </a>
751                                                </li>
752                                                                                            <li class="mb-10">
753                                                    <a href="https://www.youtube.com/channel/UCx1IKaReRc2_mMmEhhoOlnQ/videos" title="RecordingPlusScore" target="" class="link-icon-left color-2 font-1 bold lh-1 fs-text-3 color-transition relative">
754                                                        RecordingPlusScore                                                        <svg class="arrow-icon absolute color-7">
755                                                            <use xlink:href="#arrow-1"/>
756                                                        </svg>
757                                                    </a>
758                                                </li>
759                                                                                    </ul>
760                                                                    </div>
761                                                    </div>
762                                    </div>
763                <div class="bottom-footer-wrap full-width mobile-footer-bottom flex space-between">
764                    <p class="foter-links lh-2 fs-text-5 font-1 medium">
765                        HDS (C) 2026.                    
766                                                                   
766                 <span class="circle"></span>
767                                <a href="https://www.hds.hr/pravila-privatnosti/" title="Pravila privatnosti" class="color-1">
768                                    Pravila privatnosti                                </a>
769                                                                        </p>
770                    <p class="color-1 lh-2 fs-text-5 font-1 medium">
771                        Web by: <a href="https://mater.agency/" target="_blank" title="Euroart93" class="color-1">Mater Agency</a>
772                    </p>
773                </div>
774            </div>
775        </footer>
776    </div>
777    
777<script type="speculationrules">
778{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hds/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
779</script>
vendor: 1 bytes, line 779
779
780<script id="jquery-js" src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 1 bytes, line 780
780
781<script id="app-js-extra">
782var wpApiSettings = {"root":"https://www.hds.hr/wp-json/wp/ea/","nonce":"2544c40ec6"};
783//# sourceURL=app-js-extra
784</script>
vendor: 1 bytes, line 784
784
785<script id="app-js" src="https://www.hds.hr/wp-content/themes/hds/public/js/app.js?id=a0be1a7d0ecb6501249a"></script>
785
786</body>
787</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.