https://ronitbaranga.com/index.html

1<!DOCTYPE html>
2<html>
3<head>
4    <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
5    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
6    <link rel="stylesheet" href="asset/css/bootstrap.min.css" type="text/css" media="screen">
7    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="screen">
8    <title>Ronit Baranga - רונית ברנגה</title>
9    <link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">
10
11    

11<script src="js/jquery.min.js"></script>

11
12    <!-- Custom Theme files -->
13    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
14    <!-- Custom Theme files -->
15    <meta name="viewport" content="width=device-width, initial-scale=1">
16    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
17    <!--YB REMOVED

17<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }</script>

17-->
18    <meta name="generator" content="RonitBaranga.com, Ronit Baranga">
19    <meta name="keywords" content="Art, Sculpture, Clay, Ceramics, Baranga, Ronit, קרמיקה, אמנות, רונית, ברנגה, פיסול, חימר">
20    <meta name="description" content="Ronit Baranga Sculptures">
21    <meta name="author" content="Ronit Baranga">
22    <meta name="ROBOTS" content="ALL">
23    <meta name="verify-v1" content="ZGJaYcJmAXb702T6TUKlp4snungJFtGGCFiyNwPUvlk=" />
24	<meta property="og:image" content="images/fakeNews.jpg">
25
26    <!--Google Fonts-->
27    <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
28
29    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
30
31
32
33

34<script>
35window.interdeal = {
36    "sitekey": "75ad5471bbb74a41f83fd5b328687794",
37    "Position": "Left",
38    "Menulang": "EN",
39    "domains": {
40        "js": "https://cdn.equalweb.com/",
41        "acc": "https://access.equalweb.com/"
42    },
43    "btnStyle": {
44        "vPosition": [
45            "80%",
46            null
47        ],
48        "scale": [
49            "0.5",
50            "0.5"
51        ],
52        "color": {
53            "main": "#ffffff",
54            "second": "#000000"
55        },
56        "icon": {
57            "type": 7,
58            "shape": "semicircle"
59        }
60    }
61};
62(function(doc, head, body){
63	var coreCall             = doc.createElement('script');
64	coreCall.src             = 'https://cdn.equalweb.com/core/4.3.7/accessibility.js';
65	coreCall.defer           = true;
66	coreCall.integrity       = 'sha512-hGa5HZtFkT1M7+tUDtU/cbw6AG0ORz3oblztCoTZ/z2qPyr7dgwH3zoT8qpgj21MgcRsMFLD6NNKePGvVks3Ig==';
67	coreCall.crossOrigin     = 'anonymous';
68	coreCall.setAttribute('data-cfasync', true );
69	body? body.appendChild(coreCall) : head.appendChild(coreCall);
70})(document, document.head, document.body);
71</script>

71
72
73
74
75
76    <!-- External JS  -->
77    

77<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

77
78    

78<script type="text/javascript" src="js/jquery.migrate.js"></script>

78
79    

79<script type="text/javascript" src="js/knockout-3.3.0.js"></script>

79
80    

80<script type="text/javascript" src="js/modernizrr.js"></script>

80
81    

81<script type="text/javascript" src="asset/js/bootstrap.min.js"></script>

81
82    

82<script type="text/javascript" src="js/jquery.fitvids.js"></script>

82
83    

83<script type="text/javascript" src="js/owl.carousel.min.js"></script>

83
84    

84<script type="text/javascript" src="js/nivo-lightbox.min.js"></script>

84
85    

85<script type="text/javascript" src="js/jquery.appear.js"></script>

85
86    

86<script type="text/javascript" src="js/count-to.js"></script>

86
87    

87<script type="text/javascript" src="js/jquery.textillate.js"></script>

87
88    

88<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>

88
89    

89<script type="text/javascript" src="js/script.js"></script>

89
90
91    <!-- start-smooth-scrolling -->
92    

92<script type="text/javascript" src="js/move-top.js"></script>

92
93    

93<script type="text/javascript" src="js/easing.js"></script>

93
94    

94<script type="text/javascript">
95        jQuery(document).ready(function ($) {
96            $(".scroll").click(function (event) {
97                event.preventDefault();
98                var scrollPos = $(this.hash).offset().top - $('.header').height();
99                $('html,body').animate({ scrollTop: scrollPos }, 1000);
100            });
101        });
102    </script>

102
103    <!-- //end-smooth-scrolling -->
104
105    <!-- Google Analytics -->
106    

106<script type="text/javascript">
107        var _gaq = _gaq || [];
108        _gaq.push(['_setAccount', 'UA-21654701-1']);
109        _gaq.push(['_trackPageview']);
110        (function () {
111            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
112            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
113            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
114        })();
115    </script>

115
116</head>
117
118<body>
119
120
121    <!--header start here-->
122    <div class="header">
123        <div class="top-nav">
124            <span class="menu"> <img src="images/icon.png" /></span>
125            <!-- YB: nav class="cl-effect-1"-->
126            <nav>
127                <ul class="res">
128                    <li><a href="#Events" class="scroll"> <span data-hover="Events">Home</span></a></li>
129                    <li><a href="blogList.html"> <span data-hover="Article">Exhibitions</span></a></li>
130                    <li><a href="about.html"> <span data-hover="About">About</span></a></li>
131                    <li><a href="about.html#Press"> <span data-hover="Press">Press</span></a></li>
132                    <li><a href="shop.html#Contact"> <span data-hover="Contact">Contact</span></a></li>
133                </ul>
134            </nav>
135
136            <!-- script-for-menu -->
137            

137<script>
138                $("span.menu").click(function () {
139                    $("ul.res").slideToggle(300, function () {
140                        // Animation complete.
141                    });
142                });
143            </script>

143
144            <!-- /script-for-menu -->
145        </div>
146        <div class="clearfix"> </div>
147
148    </div>
149    <!--header end here-->
150    <!-- Start binding -->
151    

151<script src="siteInfo.js"></script>

151
152    

152<script>
153        $(window).load(function () {
154            if (window.location.hash) {
155                var elem = $(window.location.hash);
156                var elemOffset = elem.offset();
157                var top = elemOffset.top;
158                var headerHeight = $('.header').height();
159
160                var scrollTo = top - headerHeight;
161                $('html,body').animate({ scrollTop: scrollTo }, 0);
162            }
163        });
164
165        $(document).ready(function () {
166            ko.applyBindings(window.siteInfo);
167        });
168    </script>

168
169
170    <div id="Home" class="logo">
171        <a href="index.html"><img src="images/headerbaranga.jpg" title="Ronit Baranga Sculpture"></a>
172    </div>
173
174
175		<!-- CURRENT EVENT HIGHLIGHT -->
176		<div class="article-top">
177
178			<h4><b>Works and Days</b></h4>
179			<h2>The Tel Aviv Biennale of Crafts and Design 2026</h2>
180			<h2>MUZA, Eretz Israel Museum, Tel Aviv</h2>
181			<h5>April 20 to November 30, 2026</h5>
182
183            <a target='_blank' href="https://www.eretzmuseum.org.il/en/exhibitions/the-tel-aviv-biennale-of-crafts-and-design-2026/">
184                <img src="images/2026 - Muses.jpg" title="Calling the Muses, Ronit Baranga, 2026">
185            </a>
186
187			<br>
188			<br>
189		</div>
190
191
192
193    <!-- Start Home Page Slider -->
194    <div id="main-slide" class="carousel slide" data-ride="carousel">
195        <ol class="carousel-indicators">
196            <li data-target="#main-slide" data-slide-to="0" class="active"></li>
197            <li data-target="#main-slide" data-slide-to="1"></li>
198            <li data-target="#main-slide" data-slide-to="2"></li>
199            <li data-target="#main-slide" data-slide-to="3"></li>
200            <li data-target="#main-slide" data-slide-to="4"></li>
201            <li data-target="#main-slide" data-slide-to="5"></li>
202            <li data-target="#main-slide" data-slide-to="6"></li>
203            <li data-target="#main-slide" data-slide-to="7"></li>
204            <li data-target="#main-slide" data-slide-to="8"></li>
205            <li data-target="#main-slide" data-slide-to="9"></li>
206            <li data-target="#main-slide" data-slide-to="10"></li>
207        </ol>
208
209        <div class="carousel-inner" data-bind="foreach: images">
210            <div class="item" data-bind="css: { active: isActive }">
211                <img class="img-responsive" data-bind="attr: { src: source, title: name}">
212            </div>
213        </div>
214
215        <a class="left carousel-control" href="#main-slide" data-slide="prev"></a>
216        <a class="right carousel-control" href="#main-slide" data-slide="next"></a>
217    </div>
218    <!-- End Home Page Slider -->
219
220
221
222
223
224        <!-- events (called article in blogList) start here-->
225        <div class="event" id="Events">
226            <div class="article-top">
227                <h4>Current and Future Events</h4>
228            </div>
229
230            <div class="article-bottom" data-bind="foreach: events">
231                <div class="article-grid">
232                    <div class="row">
233                        <div class="col-md-3 article-right"> <!-- was 'article', changed to 'event' -->
234                            <a data-bind="attr: { href: more }" target="_blank" >
235                                <img data-bind="attr: { src: source, title: imgName}" />
236                            </a>
237                        </div>
238                        <div class="col-md-8 article-right" data-bind="attr: {id: url}">
239                            <br>
240                            <h5><span data-bind="text: title"></span></h5>
241                            <p>
242                                <span data-bind="html: event"></span>
243                                <a data-bind="attr: { href: more }" target=""> MORE INFO<i class='fa fa-chevron-right'></i><br><br></a>
244                            </p>
245                        </div>
246                        <div class="clearfix"> </div>
247                    </div>
248                </div>
249            </div>
250        </div>
251
252     <!-- events (called article in blogList) start here-->
253		<div class="event" id="pastEvents">
254			<div class="article-top">
255				<br><br><h4>Concepts</h4>
256			</div>
257
258
259            <div class="article-bottom" data-bind="foreach: articles">
260                <div class="article-grid">
261                    <div class="row">
262                        <div class="col-md-3 article-right">
263                            <a data-bind="attr: { href: more }">
264                                <img data-bind="attr: { src: source, title: imgName}" />
265                            </a>
266                        </div>
267                        <div class="col-md-9 article-right" data-bind="attr: {id: url}">
268                            <h5><span data-bind="text: title"></span></h5>
269                            <p>

270                                <span data-bind="html: article"></span>
271                                <a data-bind="attr: { href: more }"> READ MORE<i class='fa fa-chevron-right'></i><br><br></a>
272                            </p>
273                        </div>
274                        <div class="clearfix"> </div>
275                    </div>
276                </div>
277            </div>
278		</div>
279
280		<br>
281        <!--events end here-->
282
283    <!-- "Gallery" waqs here.   Go to V5 for restore info. -->
284
285
286    <!-- Start Footer -->
287    <footer>
288
289        <!-- HOME link begin -->
290        <div class="footer">
291
292            <!-- Start Copyright -->
293            <div class="copyright-section">
294                <p>
295					<span id="siteseal">

295<script async type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=OIabYm5tofMpog2ZGHB777BOGHPhf4N2IqCwzUwsolyqOWFkAhPgcVu0LdjF"></script>

295</span>
296					&copy;רונית ברנגה 2026<a href="index.html">www.ronitbaranga.com </a>
297                </p>
298            </div>
299            <!-- End Copyright -->
300
301            <div class="container">
302                

302<script type="text/javascript">
303                    $(document).ready(function () {
304                        /*
305                        var defaults = {
306                            containerID: 'toTop', // fading element id
307                            containerHoverID: 'toTopHover', // fading element hover id
308                            scrollSpeed: 1200,
309                            easingType: 'linear'
310                        };
311                        */
312
313                        $().UItoTop({ easingType: 'easeOutQuart' });
314
315                    });
316                </script>

316
317                <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
318            </div>
319        </div>
320        <!-- HOME link end -->
321    </footer>
322    <!-- End Footer -->
323
324</body>
325
326
327</html>