1 2 3 4<!DOCTYPE html> 5<html lang="en"> 6<head> 7 <meta charset="utf-8"> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"> 9 <title>Tamara Obrovac: Bands</title> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <meta name="description" content=""> 12 <meta name="author" content=""> 13 14 <!-- django_privacy_mgmt --> 15 16
17<script src="/staticfiles/static/django_privacy_mgmt/js/libs/jquery.cookie.2.2.0.js"></script>
vendor: 1 bytes, line 17
17
18<script src="/staticfiles/static/django_privacy_mgmt/js/main.js"></script>
18 19 20 21 <!-- --> 22 23 <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> 24 <!--[if lt IE 9]> 25
25<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
25 26 <![endif]--> 27 28 29 <!-- Latest compiled and minified Bootstrap 4 beta CSS --> 30 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> 31 32 <!-- Your stuff: Third-party CSS libraries go here --> 33 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" /> 34 <link rel="stylesheet" href="/staticfiles/static/css/grid-gallery.css"> 35 36 <!-- This file stores project-specific CSS --> 37 <link href="/staticfiles/static/css/project.css" rel="stylesheet"> 38 <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Raleway:200,300,400,500,600,700,800&subset=latin-ext" rel="stylesheet"> 39 <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Noto+Sans:400,400i,700,700i&subset=latin-ext" rel="stylesheet"> 40 <link href="https://fonts.googleapis.com/css?family=Raleway|Source+Sans+Pro:200,300,400,600,700,900&subset=latin-ext" rel="stylesheet"> 41 <!-- <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> --> 42 43 44 45 46 <link rel="stylesheet" type="text/css" href="/staticfiles/static/django_privacy_mgmt/css/main.css" media="screen"/> 47 <link rel="stylesheet" type="text/css" href="/staticfiles/static/css/django_privacy_mgmt/custom_style.css"/> 48 49 50<link rel="stylesheet" href="/staticfiles/static/css/django_privacy_mgmt/custom_style.css" type="text/css"> 51 52 53 54 55 <link rel="icon" type="image/png" href="/staticfiles/static/images/favicon.png"> 56
56<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
56 57
57<script defer src="/staticfiles/static/js/fontawesome-all.js"></script>
57 58 59 60 61</head> 62 63 64<body> 65 66 67 68 69 70 71 72 73<div id="privacy-banner" class="cookie-bar js-cookie-bar" style="display: none"> 74 <div class="container banner-container"> 75 76 <div class="row"> 77 <div class="banner-text col-md-7 col-lg-8"> 78 This website uses cookies to help ensure that you enjoy the best experience.<br class="text-break"> If you want to modify use of cookies, please adjust your <a href="#" class="js-cookie-settings"><strong>Privacy Settings</strong></a> accordingly.<br> <!-- Also, regarding data protection, you are welcome to read our <a href="#" class="privacy-policy-banner-link"><strong>Privacy Policy.</strong></a> --> 79 </div> 80 <div class="banner-buttons col-md-5 col-lg-4"> 81 <a href="#" class="js-cookie-settings banner-settings-button">Cookie Preferences</a> 82 <a href="#" class="js-cookie-accept banner-accept-button">Accept</a> 83 </div> 84 </div> 85 </div> 86</div> 87 88 89 <div class="m-b-1"> 90 <nav class="navbar navbar-expand-lg navbar-light bg-light"> 91 <a class="navbar-brand" href="/"><span class="brand-name">Tamara Obrovac</span></a> 92 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 93 <span class="navbar-toggler-icon"></span> 94 </button> 95 96 97 <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> 98 <ul class="nav navbar-nav mt-2 mt-lg-0"> 99 100 101 102 103 <li class="nav-item dropdown"><a class="nav-link " href="/en/about/">About</a> 104 105 </li> 106 107 108 <li class="nav-item dropdown"><a class="nav-link active" href="/en/bands/">Bands</a><i class="mobile-dropdown-icon"><i class="fas fa-caret-down"></i></i> 109 <div class="dropdown-menu"> 110 <ul class="nav one"> 111 112 <li><a class="dropdown-item" href="/en/bands/transhistria-ensemble/">Transhistria Ensemble</a></li> 113 114 <li><a class="dropdown-item" href="/en/bands/tamara-obrovac-quartet/">Tamara Obrovac Quartet</a></li> 115 116 <li><a class="dropdown-item" href="/en/bands/transadriatic-quartet/">TransAdriatic Quartet</a></li> 117 118 <li><a class="dropdown-item" href="/en/bands/epoque-string-quartet/">Epoque String Quartet</a></li> 119 120 <li><a class="dropdown-item" href="/en/bands/transhistria-electric/">Transhistria Electric</a></li> 121 122 <li><a class="dropdown-item" href="/en/bands/projects/">Projects</a></li> 123 124 <li><a class="dropdown-item" href="/en/bands/obrovac-2/">Obrovac 2</a></li> 125 126 <li><a class="dropdown-item" href="/en/bands/apoxyomenos-recomposed/">APOXYOMENOS Recomposed</a></li> 127 128 </ul> 129 </div> 130 131 </li> 132 133 134 <li class="nav-item dropdown"><a class="nav-link " href="/en/media/video/">Media</a><i class="mobile-dropdown-icon"><i class="fas fa-caret-down"></i></i> 135 <div class="dropdown-menu"> 136 <ul class="nav one"> 137 138 <li><a class="dropdown-item" href="/en/media/video/">Video</a></li> 139 140 <li><a class="dropdown-item" href="/en/media/audio/">Audio</a></li> 141 142 <li><a class="dropdown-item" href="/en/media/photo/">Photo</a></li> 143 144 </ul> 145 </div> 146 147 </li> 148 149 150 <li class="nav-item dropdown"><a class="nav-link " href="/en/discography/">Discography</a> 151 152 </li> 153 154 155 <li class="nav-item dropdown"><a class="nav-link " href="/en/scores/theatre-music/">Scores</a><i class="mobile-dropdown-icon"><i class="fas fa-caret-down"></i></i> 156 <div class="dropdown-menu"> 157 <ul class="nav one"> 158 159 <li><a class="dropdown-item" href="/en/scores/theatre-music/">Theatre music</a></li> 160 161 <li><a class="dropdown-item" href="/en/scores/film-music/">Film music</a></li> 162 163 <li><a class="dropdown-item" href="/en/scores/awards/">Awards</a></li> 164 165 </ul> 166 </div> 167 168 </li> 169 170 171 <li class="nav-item dropdown"><a class="nav-link " href="/en/concerts/">Agenda</a><i class="mobile-dropdown-icon"><i class="fas fa-caret-down"></i></i> 172 <div class="dropdown-menu"> 173 <ul class="nav one"> 174 175 <li><a class="dropdown-item" href="/en/concerts/archive/">Archive</a></li> 176 177 <li><a class="dropdown-item" href="/en/concerts/concert-festival-highlights/">Concert & Festival Highlights</a></li> 178 179 </ul> 180 </div> 181 182 </li> 183 184 185 <li class="nav-item dropdown"><a class="nav-link " href="/en/news/">News</a> 186 187 </li> 188 189 190 <li class="nav-item dropdown"><a class="nav-link " href="/en/press/concert-reviews/">Press</a><i class="mobile-dropdown-icon"><i class="fas fa-caret-down"></i></i> 191 <div class="dropdown-menu"> 192 <ul class="nav one"> 193 194 <li><a class="dropdown-item" href="/en/press/concert-reviews/">Concert Reviews</a></li> 195 196 <li><a class="dropdown-item" href="/en/press/album-reviews/">Album Reviews</a></li> 197 198 <li><a class="dropdown-item" href="/en/press/theater-film-music-reviews/">Theater & Film Music Reviews</a></li> 199 200 </ul> 201 </div> 202 203 </li> 204 205 206 <li class="nav-item dropdown"><a class="nav-link " href="/en/contact/">Contact</a> 207 208 </li> 209 210 211 212 </li> 213 </ul>
214 <span class="decoration"></span> 215 <ul class="nav one"> 216 <!-- 217 218 219 220 --> 221 222 223 224 225<li class="nav-item dropdown lang active"> 226 <a class="nav-link" href="/en/bands/" title="Change to language: En">En</a> 227</li> 228 229<li class="nav-item dropdown lang"> 230 <a class="nav-link" href="/hr/bandovi/" title="Change to language: Hr">Hr</a> 231</li> 232 233 234 235 </ul> 236 </div> 237 </nav> 238 239 </div> 240 241 242 243 244 245<style> 246.hero-image { 247 /* The image used */ 248 /* background-image: url("photographer.jpg"); */ 249 250 /* Set a specific height */ 251 252 height: 300px; 253 254 255 256 /* Position and center the image to scale nicely on all screens */ 257 258 background-position: center; 259 background-repeat: no-repeat; 260 background-size: cover; 261 position: relative; 262} 263 264/* Place text in the middle of the image */ 265.hero-text { 266 text-align: center; 267 position: absolute; 268 top: 50%; 269 left: 50%; 270 transform: translate(-50%, -50%); 271 color: white; 272 text-shadow: 2px 2px 8px rgb(0, 0, 0); 273} 274</style> 275 276 277 278 279 <div class="jumbotron hero-image" style="background-image: url('/staticfiles/media/cms_page_media/9/TamaraObrovac_20161126_ZKM_DinkoBazulic_083CB_fkBdRYN.jpg.1280x500_q100_crop_upscale.jpg')" title="Autor: D. BažuliÄ"> 280 <div class="hero-text"> 281 <div class="inner"> 282 <div class="col-md-8 col-md-offset-2 text-center"> 283 284 285 </div> 286 </div> 287 </div> 288 289 </div> 290 291 292 293 294 295 296 <div class="container"> 297 <div class="row ptb30"> 298 299 <div class="col-md-12 pr40 content"> 300 301 <div class="container"> 302 <h2 class="text-center caps">Bands</h2> 303 <div class="row ptb30"> 304 <div class="card-deck"> 305 306 307 308<style> 309.hero-image { 310 /* The image used */ 311 /* background-image: url("photographer.jpg"); */ 312 313 /* Set a specific height */ 314 315 height: 300px; 316 317 318 319 /* Position and center the image to scale nicely on all screens */ 320 321 background-position: center; 322 background-repeat: no-repeat; 323 background-size: cover; 324 position: relative; 325} 326 327/* Place text in the middle of the image */ 328.hero-text { 329 text-align: center; 330 position: absolute; 331 top: 50%; 332 left: 50%; 333 transform: translate(-50%, -50%); 334 color: white; 335 text-shadow: 2px 2px 8px rgb(0, 0, 0); 336} 337</style> 338 339 340 341 342 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 343 <div class="card" style="height: 100%"> 344 345 <a href="/en/bands/transhistria-ensemble/"> 346 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/tamaraTHA-506__LR800_05x8kNB.jpg.720x480_q85_crop_upscale.jpg" alt="Transhistria Ensemble"/> 347 </a> 348 349 350 <div class="card-body"> 351 <h3 class="card-title">Transhistria Ensemble</h3> 352 <p class="card-text"> Tamara Obrovac, voice, flute, composer (CRO)<br />UroÅ¡ Rakovec, guitar, mandolin (SLO)<br />Žiga Golob, double bass ( SLO)<br />Fausto Beccalossi, accordion ( IT)<br />Krunoslav LevaÄiÄ, drums (CRO)</p> 353 </div> 354 355 <div class="card-footer"> 356 <a class="text-muted" href="/en/bands/transhistria-ensemble/">Learn more</a> 357 </div> 358 359 </div> 360 </div> 361 362 363 364 365<style> 366.hero-image { 367 /* The image used */ 368 /* background-image: url("photographer.jpg"); */ 369 370 /* Set a specific height */ 371 372 height: 300px; 373 374 375 376 /* Position and center the image to scale nicely on all screens */ 377 378 background-position: center; 379 background-repeat: no-repeat; 380 background-size: cover; 381 position: relative; 382} 383 384/* Place text in the middle of the image */ 385.hero-text { 386 text-align: center; 387 position: absolute; 388 top: 50%; 389 left: 50%; 390 transform: translate(-50%, -50%); 391 color: white; 392 text-shadow: 2px 2px 8px rgb(0, 0, 0); 393} 394</style> 395 396 397 398 399 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 400 <div class="card" style="height: 100%"> 401 402 <a href="/en/bands/tamara-obrovac-quartet/"> 403 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/band-quartet.jpg.720x480_q85_crop_upscale.jpg" alt="Tamara Obrovac Quartet"/> 404 </a> 405 406 407 <div class="card-body"> 408 <h3 class="card-title">Tamara Obrovac Quartet</h3> 409 <p class="card-text"> Tamara Obrovac, voice, composer<br />Matija DediÄ, piano<br />Žiga Golob, double bass<br />Krunoslav LevaÄiÄ, drums</p> 410 </div> 411 412 <div class="card-footer"> 413 <a class="text-muted" href="/en/bands/tamara-obrovac-quartet/">Learn more</a> 414 </div> 415 416 </div> 417 </div> 418 419 420 421 422<style> 423.hero-image { 424 /* The image used */ 425 /* background-image: url("photographer.jpg"); */ 426 427 /* Set a specific height */ 428 429 height: 300px; 430 431 432 433 /* Position and center the image to scale nicely on all screens */ 434 435 background-position: center; 436 background-repeat: no-repeat; 437 background-size: cover; 438 position: relative; 439} 440
441/* Place text in the middle of the image */ 442.hero-text { 443 text-align: center; 444 position: absolute; 445 top: 50%; 446 left: 50%; 447 transform: translate(-50%, -50%); 448 color: white; 449 text-shadow: 2px 2px 8px rgb(0, 0, 0); 450} 451</style> 452 453 454 455 456 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 457 <div class="card" style="height: 100%"> 458 459 <a href="/en/bands/transadriatic-quartet/"> 460 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/Tamara_webisze_H94LjMM.jpg.720x480_q85_crop_upscale.jpg" alt="TransAdriatic Quartet"/> 461 </a> 462 463 464 <div class="card-body"> 465 <h3 class="card-title">TransAdriatic Quartet</h3> 466 <p class="card-text"> Tamara Obrovac / voice, composer<br />Stefano Battaglia/ piano<br />Salvatore Maiore / double bass <br />Krunoslav LevaÄiÄ / drums</p> 467 </div> 468 469 <div class="card-footer"> 470 <a class="text-muted" href="/en/bands/transadriatic-quartet/">Learn more</a> 471 </div> 472 473 </div> 474 </div> 475 476 477 </div> 478 </div> 479 <h2 class="text-center caps">Projects</h2> 480 <div class="row ptb30"> 481 <div class="card-deck"> 482 483 484 485<style> 486.hero-image { 487 /* The image used */ 488 /* background-image: url("photographer.jpg"); */ 489 490 /* Set a specific height */ 491 492 height: 300px; 493 494 495 496 /* Position and center the image to scale nicely on all screens */ 497 498 background-position: center; 499 background-repeat: no-repeat; 500 background-size: cover; 501 position: relative; 502} 503 504/* Place text in the middle of the image */ 505.hero-text { 506 text-align: center; 507 position: absolute; 508 top: 50%; 509 left: 50%; 510 transform: translate(-50%, -50%); 511 color: white; 512 text-shadow: 2px 2px 8px rgb(0, 0, 0); 513} 514</style> 515 516 517 518 519 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 520 <div class="card" style="height: 100%"> 521 522 <a href="/en/bands/apoxyomenos-recomposed/"> 523 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/photo_by_arne_hauge_jazzfest_trondheim.jpeg.720x480_q85_crop_upscale.jpg" alt="APOXYOMENOS Recomposed"/> 524 </a> 525 526 527 <div class="card-body"> 528 <h3 class="card-title">APOXYOMENOS Recomposed</h3> 529 <p class="card-text"> Tamara and pianist Stefano Battaglia in new musical story in ancient Greek, based on the pieces which Tamara composed for the Croatian National Theatre in Zagreb's ballet Apoksiomen in 2017.</p> 530 </div> 531 532 <div class="card-footer"> 533 <a class="text-muted" href="/en/bands/apoxyomenos-recomposed/">Learn more</a> 534 </div> 535 536 </div> 537 </div> 538 539 540 541 542<style> 543.hero-image { 544 /* The image used */ 545 /* background-image: url("photographer.jpg"); */ 546 547 /* Set a specific height */ 548 549 height: 300px; 550 551 552 553 /* Position and center the image to scale nicely on all screens */ 554 555 background-position: center; 556 background-repeat: no-repeat; 557 background-size: cover; 558 position: relative; 559} 560 561/* Place text in the middle of the image */ 562.hero-text { 563 text-align: center; 564 position: absolute; 565 top: 50%; 566 left: 50%; 567 transform: translate(-50%, -50%); 568 color: white; 569 text-shadow: 2px 2px 8px rgb(0, 0, 0); 570} 571</style> 572 573 574 575 576 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 577 <div class="card" style="height: 100%"> 578 579 <a href="/en/bands/obrovac-2/"> 580 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/obrovac2_ppmi.jpg__750x500_q85_crop_subject_location-480375_subsampling_LPPq2TM.jpg.720x480_q85_crop_upscale.jpg" alt="OBROVAC ²"/> 581 </a> 582 583 584 <div class="card-body"> 585 <h3 class="card-title">OBROVAC ²</h3> 586 <p class="card-text"> Audiovisual project - meeting of two arts - music and painting in the artistic work of daughter and father - Tamara and Ivan Obrovac. <br /><br />Performed by Tamara Obrovac Transhistria Quartet.</p> 587 </div> 588 589 <div class="card-footer"> 590 <a class="text-muted" href="/en/bands/obrovac-2/">Learn more</a> 591 </div> 592 593 </div> 594 </div> 595 596 597 598 599<style> 600.hero-image { 601 /* The image used */ 602 /* background-image: url("photographer.jpg"); */ 603 604 /* Set a specific height */ 605 606 height: 300px; 607 608 609 610 /* Position and center the image to scale nicely on all screens */ 611 612 background-position: center; 613 background-repeat: no-repeat; 614 background-size: cover; 615 position: relative; 616} 617
618/* Place text in the middle of the image */ 619.hero-text { 620 text-align: center; 621 position: absolute; 622 top: 50%; 623 left: 50%; 624 transform: translate(-50%, -50%); 625 color: white; 626 text-shadow: 2px 2px 8px rgb(0, 0, 0); 627} 628</style> 629 630 631 632 633 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 634 <div class="card" style="height: 100%"> 635 636 <a href="/en/bands/epoque-string-quartet/"> 637 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/band-epoque.jpg.720x480_q85_crop_upscale.jpg" alt="Transhistria Ensemble / Epoque String Quartet"/> 638 </a> 639 640 641 <div class="card-body"> 642 <h3 class="card-title">Transhistria Ensemble / Epoque String Quartet</h3> 643 <p class="card-text"> Transhistria Ensemble +<br />David Pokorny, violin (CZ)<br />VladimÃr Klánský, violin (CZ)<br />VÃd Petrášek, violoncello (CZ)<br />VladimÃr Kroupa, viola (CZ)</p> 644 </div> 645 646 <div class="card-footer"> 647 <a class="text-muted" href="/en/bands/epoque-string-quartet/">Learn more</a> 648 </div> 649 650 </div> 651 </div> 652 653 654 655 656<style> 657.hero-image { 658 /* The image used */ 659 /* background-image: url("photographer.jpg"); */ 660 661 /* Set a specific height */ 662 663 height: 300px; 664 665 666 667 /* Position and center the image to scale nicely on all screens */ 668 669 background-position: center; 670 background-repeat: no-repeat; 671 background-size: cover; 672 position: relative; 673} 674 675/* Place text in the middle of the image */ 676.hero-text { 677 text-align: center; 678 position: absolute; 679 top: 50%; 680 left: 50%; 681 transform: translate(-50%, -50%); 682 color: white; 683 text-shadow: 2px 2px 8px rgb(0, 0, 0); 684} 685</style> 686 687 688 689 690 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 691 <div class="card" style="height: 100%"> 692 693 <a href="/en/bands/transhistria-electric/"> 694 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/Tamara_Obrovac_-_Transhistria_electric.jpg.720x480_q85_crop_upscale.jpg" alt="Transhistria Electric"/> 695 </a> 696 697 698 <div class="card-body"> 699 <h3 class="card-title">Transhistria Electric</h3> 700 <p class="card-text"> Tamara Obrovac, composer, voice (CRO)<br />UroÅ¡ Rakovec el. guitar (SLO)<br />Žiga Golob, el. bass (SLO)<br />Krunoslav LevaÄiÄ, drums (CRO)<br />Joe Kaplovitz, keyboad (CRO)<br />Luka ŽužiÄ, trombone (CRO)<br />Branko Sterpin, trumpet (CRO)<br />Mihael Gyorek, alt saxophone (SLO)<br />Ana JakÅ¡iÄ, back vocal (CRO)<br />Jelena JankoviÄ, back vocal (CRO)</p> 701 </div> 702 703 <div class="card-footer"> 704 <a class="text-muted" href="/en/bands/transhistria-electric/">Learn more</a> 705 </div> 706 707 </div> 708 </div> 709 710 711 712 713<style> 714.hero-image { 715 /* The image used */ 716 /* background-image: url("photographer.jpg"); */ 717 718 /* Set a specific height */ 719 720 height: 300px; 721 722 723 724 /* Position and center the image to scale nicely on all screens */ 725 726 background-position: center; 727 background-repeat: no-repeat; 728 background-size: cover; 729 position: relative; 730} 731 732/* Place text in the middle of the image */ 733.hero-text { 734 text-align: center; 735 position: absolute; 736 top: 50%; 737 left: 50%; 738 transform: translate(-50%, -50%); 739 color: white; 740 text-shadow: 2px 2px 8px rgb(0, 0, 0); 741} 742</style> 743 744 745 746 747 <div class="col-md-4 col-s-6 col-xxs-12" style="padding: 0px 0px 60px 0px;"> 748 <div class="card" style="height: 100%"> 749 750 <a href="https://www.tamaraobrovac.com/en/bands/projects/"> 751 <img class="card-img-top" src="/staticfiles/media/cms_page_media/9/istrarmenia.jpg.720x480_q85_crop_upscale.jpg" alt="Other projects"/> 752 </a> 753 754 755 <div class="card-body"> 756 <h3 class="card-title">Other projects</h3> 757 <p class="card-text"> Tamara & UroÅ¡<br />IstrArmenia quartet<br />Chamber jazz project</p> 758 </div> 759 760 <div class="card-footer"> 761 <a class="text-muted" href="https://www.tamaraobrovac.com/en/bands/projects/">Learn more</a> 762 </div> 763 764 </div> 765 </div> 766 767 768 </div> 769 </div> 770 771 772 <!-- <p>Use this document as a way to quick start any new project.</p> --> 773 774 775 </div> 776 777 778 </div> 779 780 <!-- <p>Use this document as a way to quick start any new project.</p> --> 781 782 783 </div> 784 </div> 785 786 787 788 789 <section class="bg-dark footer"> 790 <div class="container-fluid"> 791 <div class="title-row text-muted caps"><h3>Newsletter ⢠Social Media ⢠Contacts</h3></div> 792 </div> 793 <div class="container"> 794 795 <div class="row"> 796 <div class="col-12 col-md-4 mb-4"> 797 <div id="instawidget-placeholder"> 798 </div> 799 </div> 800 <div class="col-12 col-md-4 mb-4"> 801 <div id="fb-root" style="width: 280px"></div> 802 </div> 803 <div class="col-12 col-md-4 mb-4"> 804 <div class="newsletter"> 805 806 <!-- Begin MailChimp Signup Form --> 807 <a href="https://tamaraobrovac.us20.list-manage.com/subscribe?u=c9641a797da82562ac0aa0218&id=da090b9
80709e"> 808 <button class="btn-outline-light btn-lg" style="cursor: pointer;" id="open-popup">Subscribe to our mailing list</button> 809 </a> 810 <a href="https://us20.campaign-archive.com/home/?u=c9641a797da82562ac0aa0218&id=da090b909e"> 811 <button id="open-popup" style="background:none; border: none; padding:5px; color: #fff; width: 100%; text-align: left">Arhiva | Archive</button> 812 </a> 813 <br> 814 <br> 815 <!-- <p class="text-light">Read the current issue <a href="*|ARCHIVE|*">here</a>.</p> --> 816 817 <!--End mc_embed_signup--> 818 819 <div> 820 <div class="social"> 821 <h3 class="text-white">Follow</h3> 822 <ul> 823 <li><a href="https://web.facebook.com/tamara.obrovac/"><i class="fab fa-lg fa-facebook"></i></a></li> 824 <li><a href="https://www.youtube.com/user/tamaraobrovacMusic"><i class="fab fa-lg fa-youtube"></i></a></li> 825 <li><a href="https://soundcloud.com/tamara-obrovac"><i class="fab fa-lg fa-soundcloud"></i></a></li> 826 <li><a href="https://www.instagram.com/tamara_obrovac"><i class="fab fa-lg fa-instagram"></i></a></li> 827 <li> 828 <a href="https://twitter.com/TamaraObrovac"> 829 <img class="twitter-icon" src="/staticfiles/static/images/square-x-twitter.png"> 830 </a> 831 </li> 832 <li><a href="https://linktr.ee/tamaraobrovac"><img class="twitter-icon" src="/staticfiles/static/images/linktree-logo-icon.png"></a></li> 833 </ul> 834 </div> 835 <!-- <p> </p> --> 836 <br> 837 <h3 class="text-white">Contact</h3> 838 <p class="text-muted"><b>Artistic organization</b> Transhistria ensemble 839 <br><a href="mailto:[email protected]">[email protected]</a> 840 </p> 841 <a href="#" class="js-cookie-settings" >Postavke privatnosti</a> 842 </div> 843 </div> 844 </div> 845 <!-- <div class="social-bar"> 846 847 848 </div> --> 849 </div> 850 </div> 851 </section> 852 853 854 <!-- django-privacy-mgmt --> 855 856 857 858 859 860 861<div class="modal fade cookie-modal" id="privacysettings" tabindex="-1" role="dialog" aria-labelledby="privacylabel"> 862 <div class="modal-dialog" role="document"> 863 <div class="modal-content"> 864 <div class="modal-header"> 865 <h2 class="modal-title" id="privacylabel" style="padding-bottom: 0px;">Privacy Settings</h2> 866 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> 867 </button> 868 </div> 869 <div class="modal-body"> 870 <p class="alert alert-info"> 871 Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used. 872 </p> 873 874 <style> 875 .category.essentials h5::before { 876 content: none; 877 } 878 .category.marketing h5::before { 879 content: none; 880 } 881 </style> 882 883 <div class="category essentials" style="padding-bottom: 0px;"> 884 <h5>Necessary Cookies</h5> 885 <p>Necessary cookies enable core functionality. The website cannot function properly without these cookies, and can only be disabled by changing your browser preferences. This cookies for this website include Youtube and Google Maps cookies as well as Hubspot cookies for forms and CRM functionality</p> 886 887 </div> 888 889 <hr/> 890 891 892 893 894 <div class="category marketing" style="padding-bottom: 0px;"> 895 <h5>Optional Cookies 896 <label class="customcheck"> 897 <input type="checkbox" 898 name="marketing" 899 data-gdpr-category-name="MARKETING" 900 data-toggle="toggle" 901 class="js-gdpr-optin toggle-check-input">
902 <span class="checkmark"></span> 903 </label> 904 </h5> 905 <p> 906 We use these cookies for session management of website visitors and to provide integration with these services 907 </p> 908 909 <ul> 910 911 <li class="marketing-item">Facebook</li> 912 913 <li class="marketing-item">Instagram</li> 914 915 <li class="marketing-item">Youtube</li> 916 917 <li class="marketing-item">Mailchimp</li> 918 919 <li class="marketing-item">CloudFlare</li> 920 921 <li class="marketing-item">Preferences</li> 922 923 </ul> 924 925 </div> 926 927 928 929 </div> 930 <div class="modal-footer"> 931 <button type="button" class="btn btn-default js-modal-accept">Confirm</button> 932 </div> 933 </div> 934 </div> 935</div> 936 937 <!-- --> 938 939
940<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
vendor: 1 bytes, line 940
940
941<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
vendor: 1 bytes, line 941
941
942<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
vendor: 1 bytes, line 942
942
943<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
vendor: 1 bytes, line 943
943
944<script> 945baguetteBox.run('.grid-gallery', { 946 animation: 'slideIn', 947 captions: function (elem) { 948 image_author=$(elem).find('img').attr('title'); 949 image_url=$(elem).attr('href'); 950 if (image_author==null) { 951 caption='<a href="/image-download'+image_url+'">Preuzmi sliku</a>'; 952 } 953 else { 954 caption='<p style="padding:0;margin:0">'+image_author+' </p><a href="/image-download'+image_url+'">Preuzmi sliku</a>'; 955 } 956 return caption;} 957}); 958</script>
958 959
960<script src="/staticfiles/static/js/project.js"></script>
vendor: 1 bytes, line 960
960
961<script> 962 $(document).ready(function(){ 963 $('.gallery-block').on('contextmenu', 'img', function(e) { 964 e.preventDefault(); 965 966 window.alert('Kliknite na fotografiju za preuzimanje.'); 967 }); 968 $('body').on('contextmenu', '.full-image', function(e) { 969 e.preventDefault(); 970 971 window.alert('Kliknite na poveznicu za preuzimanje ispod fotografije.'); 972 }); 973 }); 974 975</script>
975 976
976<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
976 977
977<script> 978 function showMailingPopUp() { 979 window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { 980 L.start({"baseUrl":"mc.us19.list-manage.com","uuid":"64e81fc18ca759fb8e40fb81c","lid":"ae628d54f7","uniqueMethods":true}) }); 981 document.cookie = "MCPopupClosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/"; 982 document.cookie = "MCPopupSubscribed=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/"; 983 }; 984 document.getElementById("open-popup").onclick = function() {showMailingPopUp()}; 985 </script>
985 986 987
988<script> 989 // handles cookie bar settings 990 jQuery(document).ready(function () { 991 992 var COOKIE_NAME = 'django-privacy-mgmt-banner-state'; 993 var cookie_banner_state = Cookies.getJSON(COOKIE_NAME) || {hidden: false}; 994 995 if (!cookie_banner_state.hidden) { 996 setTimeout(function() { 997 $('.js-cookie-bar').slideDown(300); 998 }, 2000); 999 } 1000 1001 // accepting 1002 $('.js-cookie-accept').on('click', function (e) { 1003 e.preventDefault(); 1004 e.stopImmediatePropagation(); 1005 1006 django_privacy_mgmt.setPreference('STATISTICS', true); 1007 django_privacy_mgmt.setPreference('MARKETING', true); 1008 1009 closeBar(); 1010 location.reload(); 1011 }); 1012 1013 $('.js-modal-accept').on('click', function (e) { 1014 closeBar(); 1015 }); 1016 1017 // closing banner (x) - use default settings (Statistics ON) 1018 $('.close-banner').on('click', function (e) { 1019 closeBar(); 1020 }); 1021 1022 // Set Privacy Policy link (read href from footer's Privacy Policy link, if exists, if not, leave # ) 1023 $('.privacy-policy-banner-link').attr('href', getPrivacyPolicyLink()) 1024 1025 function closeBar() { 1026 Cookies.set(COOKIE_NAME, {hidden: true}, { 1027 // in FF this is required so that the cookie is not deleted after ending the browser session 1028 // we set it to a very high number of dates so that this cookie 'never' expires. 1029 expires: 2000 1030 }); 1031 $('.js-cookie-bar').slideUp(300); 1032 } 1033 1034 // reset for debugging 1035 // Cookies.set(COOKIE_NAME, { hidden: false }, { 1036 // in FF this is required so that the cookie is not deleted after ending the browser session 1037 // we set it to a very high number of dates so that this cookie 'never' expires. 1038 // expires: 2000 1039 // }) 1040 1041 function getPrivacyPolicyLink() { 1042 let href = $('.privacy-policy-link > a').attr('href'); 1043 return href 1044 } 1045 }); 1046</script>
1046 1047 1048
1049<script> 1050 // handles cookie bar settings 1051 jQuery(document).ready(function () { 1052 1053 var COOKIE_NAME = 'django-privacy-mgmt-settings'; 1054 var inputs = $('.js-gdpr-optin'); 1055 var privacyModal = $('#privacysettings'); 1056 1057 $('.js-modal-accept').on('click', function (e) { 1058 e.preventDefault(); 1059 // this should never be set, it breaks any third-party script, such as click-tracking / analytics, etc. 1060 // e.stopImmediatePropagation(); 1061 1062 privacyModal.modal('hide'); 1063 1064 inputs.each(function () { 1065 // initialize on modal load 1066 var el = $(this); 1067 var name = el.data('gdpr-category-name'); 1068 var preference = django_privacy_mgmt.setPreference(name, el.prop('checked')); 1069 }); 1070 location.reload(); 1071 }); 1072 1073 $('.js-cookie-settings').on('click', function (e) { 1074 e.preventDefault(); 1075 privacyModal.modal('show') 1076 }); 1077 1078 inputs.each(function () { 1079 // initialize on modal load 1080 var el = $(this); 1081 var name = el.data('gdpr-category-name'); 1082 var preference = django_privacy_mgmt.getPreference(name); 1083 el.prop('checked', preference); 1084 }); 1085 1086 1087 $('.toggle-check').on('click', function() { 1088 let checked = $(this).prev('input').prop('checked'); 1089 $(this).prev('input').prop('checked', !checked); 1090 }) 1091 1092 }); 1093</script>
1093 1094 1095 1096
1096<script src="https://cdnjs.cloudflare.com/ajax/libs/postscribe/2.0.8/postscribe.min.js"></script>
1096 1097 1098 1099 1100 1101 1102
1102<script type="text/javascript"> 1103 (function () { 1104 1105 if (django_privacy_mgmt && django_privacy_mgmt.getPreference('MARKETING')) { 1106 1107 // Facebook 1108 var div = document.createElement('div'); 1109 div.setAttribute('class', 'fb-page'); 1110 div.setAttribute('data-width', 280); 1111 div.setAttribute('data-height', 460); 1112 div.setAttribute('data-href', 'https://www.facebook.com/tamara.obrovac'); 1113 div.setAttribute('data-tabs', 'timeline'); 1114 div.setAttribute('data-small-header', 'false'); 1115 div.setAttribute('data-hide-cover', 'false'); 1116 div.setAttribute('data-show-facepile', 'false'); 1117 var blockquote = document.createElement('blockquote'); 1118 blockquote.setAttribute('cite', 'https://www.facebook.com/tamara.obrovac'); 1119 blockquote.setAttribute('class', 'fb-xfbml-parse-ignore'); 1120 blockquote.innerHTML = '<a href="https://www.facebook.com/tamara.obrovac">Tamara Obrovac</a>'; 1121 div.appendChild(blockquote); 1122 var placeholder = document.getElementById('fb-root'); 1123 placeholder.appendChild(div); 1124 postscribe(placeholder, '
1124<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v19.0" nonce="7ZJuAfpD"><\/script>'); 1125 1126 // Instagram 1127 var div = document.createElement('div'); 1128 div.setAttribute('class', 'elfsight-app-1e2648e0-e50e-47be-bcca-1d65f019173d'); 1129 div.setAttribute('data-elfsight-app-lazy', true); 1130 var placeholder = $('#instawidget-placeholder'); 1131 placeholder.append(div); 1132 postscribe(placeholder, '
1132<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer><\/script>'); 1133 1134 } 1135 else { 1136 1137 // Facebook 1138 $('.fb-page').empty(); 1139 1140 // Instagram 1141 $('#instawidget-placeholder').empty(); 1142 } 1143 1144 })(); 1145 </script>
1145 1146</body> 1147</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.