PageSourceSearch

https://www.tamaraobrovac.com/en/bands/

html tamaraobrovac.com collected 2026-10-02 12:47:38 UTC 39,576 bytes, 1,147 lines download raw bytes

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&amp;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&amp;subset=latin-ext" rel="stylesheet">
40        <link href="https://fonts.googleapis.com/css?family=Raleway|Source+Sans+Pro:200,300,400,600,700,900&amp;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 &amp; 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 &amp; 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&#39;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 &amp; 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>&nbsp;</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">&times;</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.