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&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.