-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
647 lines (595 loc) · 30 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
<!DOCTYPE html>
<html lang="en">
<head>
<title>Business in Bauska</title>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<meta charset="UTF-8">
<meta name="Description" content="Bauska Industrial & Logistics Park offers land for industry and production facilities in a great location with the necessary infrastructure.">
<meta name="theme-color" content="#202945"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:url" content="https://www.investbauska.eu"/>
<link rel="stylesheet" href="StyleShit_2.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap" rel="stylesheet">
<!-- the latest library --> <script src="https://kit.fontawesome.com/9f3296d911.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<link rel="preconnect" href="https://api.mapbox.com/">
<link rel="preconnect" href="https://i.ytimg.com/">
<meta name="google-site-verification" content="8befdf7PyjeFQFOHaPGNBQZvzkRqm1LrYSgdtpUJb5E" /><!-- verification -->
<meta name="msvalidate.01" content="6EE32E8E29384AA9E9F2DC9FCCDE16F4" />
</head>
<body>
<div>
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Josefin Sans", sans-serif}
body, html {
height: 100%;
line-height: 1.8;
}
/* Full height image header */
.w3-bar .w3-button {
padding: 16px;
}
/* Styles for the map section */
.leftfloat {
float: left;
width: 50%;
}
.fa-th {
color: white;
}
.fa-envelope {
color: white;
}
</style>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-card" id="myNavbar" style="background-color: #202945; z-index:1001;position:fixed">
<!--LOGO-->
<div class="w3-bar-item">
<a href="#home"><img src="Images/logo_horizontal_en.svg" style="height:46px" alt="Logo"></a>
</div>
<!-- Right-sided navbar links -->
<div class="w3-right w3-hide-small">
<!--   that is an extra space -->
<a href="#map" class="w3-bar-item w3-button" style="color:white"><i class="fa fa-map"></i>   MAP </a>
<a href="#stats" class="w3-bar-item w3-button" style="color:white"><i class="fa fa-bar-chart"></i>   STATISTICS </a>
<a href="#contact" class="w3-bar-item w3-button" style="color:white"><i class="fa fa-paper-plane"></i>   CONTACTS   </a>
</div>
<!-- Hide right-floated links on small screens and replace them with a menu icon -->
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="w3_open()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<!-- Sidebar on small screens when clicking the menu icon -->
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Close ×</a>
<a href="#map" onclick="w3_close()" class="w3-bar-item w3-button">MAP</a>
<a href="#stats" onclick="w3_close()" class="w3-bar-item w3-button">STATS</a>
<a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button">CONTACTS</a>
</nav>
<!-- Welcome Video -->
<div id="home">
<!-- <div id="tm-video-container">
<video autoplay muted loop id="tm-video">
Video resolution should be 1600x900
<source src="video/welcomevideo_Trim.mp4" type="video/mp4">
</video>
</div> -->
</div>
<!-- Intro and Map -->
<div class="w3-container w3-row w3-center" style="padding:200px 230px 30px 230px">
<h1>The city of Bauska invites you to start or expand your business in a modern, enriched Bauska Industrial Park</h1>
<h3>The functional environment scalable for any production size</h3>
</div>
<div class="w3-container" id="map" style="padding:60px 230px 70px 230px">
<!-- Connotations with Icons -->
<div class="w3-row-padding w3-center" style="margin-top:20px">
<div class="w3-quarter">
<i class="fa fa-industry w3-margin-bottom w3-jumbo w3-center"></i>
<h3>Eco-production<br/></h3>
</div>
<div class="w3-quarter">
<i class="fas fa-tractor w3-margin-bottom w3-jumbo"></i>
<h3>Agriculture</h3>
</div>
<div class="w3-quarter">
<i class="fas fa-warehouse w3-margin-bottom w3-jumbo"></i>
<h3>Warehouse</h3>
</div>
<div class="w3-quarter">
<i class="fas fa-truck-loading w3-margin-bottom w3-jumbo"></i>
<h3>Logistics</h3>
</div>
</div>
</div>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
<div id="map2">
<div id="mapid" style="margin:0px 280px; float:right; width:70%; height:600px; position:relative; z-index: 998;">
<script type="text/javascript" src="geojson.js"></script>
<script>
var mymap = L.map('mapid',{
scrollWheelZoom: false
}).setView([56.4096, 24.2236], 13);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1Ijoia2tydWdzIiwiYSI6ImNrZ2Y2MmViZjB6dDUyeWxlZWE1eTk4NHUifQ.e_mPuWKu_BO3lJ4iGfLZ-g', {
maxZoom: 18,
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors & <a href="http://edzl.lv/lv/projekta-norise/kartes">edzl</a>, ' +
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
id: 'mapbox/streets-v11',
tileSize: 512,
zoomOffset: -1
}).addTo(mymap);
//Icons
var highvIcon = L.icon({
iconUrl: 'Images/highv.svg',
iconSize: [25, 21.6], // size of the icon
iconAnchor: [12.5, 11], // point of the icon which will correspond to marker's location
popupAnchor: [0, -11] // point from which the popup should open relative to the iconAnchor
});
var sewageIcon = L.icon({
iconUrl: 'Images/plumberSewage.svg',
iconSize: [25, 25],
iconAnchor: [12.5, 12.5],
popupAnchor: [0, -12.5]
});
var pinIcon = L.icon({
iconUrl: 'Images/pinIcon.svg',
iconSize: [20, 20],
iconAnchor: [10, -10],
popupAnchor: [0, 10]
});
var gasIcon = L.icon({
iconUrl: 'Images/gasIcon.svg',
iconSize: [20, 28],
iconAnchor: [10, 14],
popupAnchor: [0, -14]
});
var anchorIcon = L.icon({
iconUrl: 'Images/anchor.svg',//251 × 304
iconSize: [25, 30.4],
iconAnchor: [12.5, 15.2],
popupAnchor: [0, -15.2]
});
// Bauska Municipality border
L.geoJSON(munBorder, {style:{color: "#336699", opacity: "0.75", fillOpacity:"0.1"}}).bindPopup("<p>Bauska Municipality border (starting July 2021)</p><p>Previous borders of merged municipalities are still marked</p>").addTo(mymap);
// Land plots with their coords
var polyLidl7 = L.polygon([
[56.405672, 24.227670],
[56.405514, 24.227482],
[56.403965, 24.225122],
[56.404998, 24.222150],
[56.405508, 24.222729],
[56.405995, 24.223180]
],).bindPopup("<p>The area of this plot is 4.8 ha</p><p>Runway street 7</p><small>Plot-code: 4001 005 0344</small>").addTo(mymap);
var polyB1 = L.polygon([
[56.405781, 24.227707],
[56.407867, 24.228097],
[56.408074, 24.225968],
[56.405921, 24.225451],
],).bindPopup("<p>The area of this plot is 3.1 ha</p><p>Biržu street 86</p>").addTo(mymap);
//appears to be owned by others
// var polyB2 = L.polygon([
// [56.403335, 24.224102],
// [56.403870, 24.222944],
// [56.402920, 24.221163],
// [56.402546, 24.222386],
// [56.402902, 24.223030],
// [56.403116, 24.223663]
// ],).bindPopup("<p>The area of this plot is 1.3 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB3 = L.polygon([
[56.402439, 24.222719],
[56.402397, 24.222740],
[56.402243, 24.223191],
[56.402267, 24.224489],
[56.402730, 24.225229],
[56.403110, 24.224328]
],).bindPopup("<p>The area of this plot is 0.7 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB4 = L.polygon([
[56.403793, 24.226795],
[56.404173, 24.225883],
[56.403315, 24.224612],
[56.402961, 24.225594]
],).bindPopup("<p>The area of this plot is 0.7 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB5 = L.polygon([
[56.403846, 24.226849],
[56.404214, 24.225926],
[56.404873, 24.226956],
[56.404558, 24.227815]
],).bindPopup("<p>The area of this plot is 0.7 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB6 = L.polygon([
[56.404873, 24.226956],
[56.404558, 24.227815],
[56.404238, 24.230046],
[56.403852, 24.230513],
[56.402495, 24.232680],
[56.402840, 24.242041],
[56.403597, 24.242545],
[56.406927, 24.239981],
[56.407212, 24.236677],
[56.405057, 24.236205],
[56.405615, 24.228051]
],).bindPopup("<p>The area of this plot is 27 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB7 = L.polygon([
[56.404446, 24.223475],
[56.403938, 24.225079],
[56.403407, 24.224424],
[56.404024, 24.222965]
],).bindPopup("<p>The area of this plot is 0.7 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB8 = L.polygon([
[56.404977, 24.222102],
[56.404517, 24.221603],
[56.404036, 24.222906],
[56.404457, 24.223480]
],).bindPopup("<p>The area of this plot is 0.7 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB9 = L.polygon([
[56.407105, 24.223260],
[56.40607, 24.223263],
[56.405909, 24.225408],
[56.406986, 24.225664]
],).bindPopup("<p>The area of this plot is 1.4 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB10 = L.polygon([
[56.407046, 24.225664],
[56.408059, 24.225935],
[56.408264, 24.223254],
[56.407135, 24.223276]
],).bindPopup("<p>The area of this plot is 1.5 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB11 = L.polygon([
[56.407936, 24.228029],
[56.409492, 24.228208],
[56.409129, 24.223351],
[56.408369, 24.223351]
],).bindPopup("<p>The area of this plot is 4.6 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB12 = L.polygon([
[56.407816, 24.228483],
[56.407746, 24.229370],
[56.406102, 24.22926],
[56.406147, 24.228248]
],).bindPopup("p>The area of this plot is 2.0 ha</p><p>Biržu street 66</p><<small>Plot-code: 4001 005 0119</small>").addTo(mymap);
var polyB13 = L.polygon([
[56.406071, 24.229239],
[56.406106, 24.228252],
[56.405779, 24.228183],
[56.405732, 24.229218]
],).bindPopup("<p>The area of this plot is 0.4 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB14 = L.polygon([
[56.407723, 24.229411],
[56.407426, 24.233195],
[56.406583, 24.232821],
[56.406767, 24.229378]
],).bindPopup("<p>The area of this plot is 2.2 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB15 = L.polygon([
[56.406737, 24.229389],
[56.405734, 24.229283],
[56.405523, 24.232523],
[56.406536, 24.2328]
],).bindPopup("<p>The area of this plot is 2.2 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB16 = L.polygon([
[56.407402, 24.233262],
[56.407221, 24.236352],
[56.406331, 24.236084],
[56.406571, 24.232897]
],).bindPopup("<p>The area of this plot is 2.2 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB17 = L.polygon([
[56.406512, 24.232897],
[56.406286, 24.236073],
[56.405268, 24.235821],
[56.405509, 24.232575]
],).bindPopup("<p>The area of this plot is 2.2 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB18 = L.polygon([
[56.407046, 24.239909],
[56.407957, 24.228511],
[56.409592, 24.228776],
[56.409919, 24.231641],
[56.409176, 24.2318],
[56.409046, 24.23446],
[56.41015, 24.234294],
[56.410542, 24.23789]
],).bindPopup("<p>The area of this plot is 14.5 ha</p><p>Biržu street 86</p>").addTo(mymap);
var polyB19 = L.polygon([
[56.409919, 24.231675],
[56.409192, 24.231826],
[56.409064, 24.234416],
[56.410138, 24.234266]
],).bindPopup("<p>The area of this plot is 2.0 ha</p><small>Plot-code: 4001 005 0113</small><p>Biržu street 33</p>").addTo(mymap);
var polyB20 = L.polygon([
[56.40945, 24.223229],
[56.406054, 24.223186],
[56.405998, 24.223151],
[56.405007, 24.222127],
[56.404422, 24.221483],
[56.405182, 24.219747],
[56.405799, 24.215412],
[56.404018, 24.214532],
[56.404149, 24.213524],
[56.405787, 24.213932],
[56.407034, 24.214232],
[56.407200, 24.215369],
[56.407960, 24.215240],
[56.409788, 24.213610],
[56.409705, 24.217622],
[56.410512, 24.220154],
[56.410394, 24.220948],
[56.409088, 24.222279],
],).bindPopup("<p>The area of this plot is 28.8 ha</p><p>Biržu street 86</p>").addTo(mymap);
//for debug purposes
// var popup = L.popup();
// function onMapClick(e) {
// popup
// .setLatLng(e.latlng)
// .setContent("You clicked the map at " + e.latlng.toString())
// .openOn(mymap);
// }
// mymap.on('click', onMapClick);
//end of debug
var transformer = L.marker([56.404190, 24.229617], {icon: highvIcon}).addTo(mymap);
var popup1 = transformer.bindPopup("<p>2.4 MW Transformer</p>");
var sevage = L.marker([56.403335, 24.223909], {icon: sewageIcon}).addTo(mymap);
var popup2 = sevage.bindPopup("<p>Sewage pump station</p>");
var gas = L.marker([56.406185, 24.217021], {icon: gasIcon}).addTo(mymap);
var popup4 = gas.bindPopup("<p>Medium pressure gas pipeline</p>");
var anchorL = L.marker([56.522666, 20.980797], {icon: anchorIcon}).addTo(mymap);
var popup5 = anchorL.bindPopup("<h3>Port of Liepaja</h3><p>One of the three largest Latvian ice-free ports provides reliable access 365 days a year</p><p>Nevertheless, there are still a number of port locations available for businesses, within customs-free zones and with direct sea access.</p>");
var anchorR = L.marker([57.008309, 24.092331], {icon: anchorIcon}).addTo(mymap);
var popup6 = anchorR.bindPopup("<h3>Port of Riga</h3><p>The largest Latvian ice-free port provides reliable access 365 days a year</p><p>Nevertheless, there are still a number of port locations available for businesses, within customs-free zones and with direct sea access.</p>");
var anchorV = L.marker([57.397971, 21.560540], {icon: anchorIcon}).addTo(mymap);
var popup7 = anchorV.bindPopup("<h3>Port of Ventspils</h3><p>One of the three largest Latvian ice-free ports provides reliable access 365 days a year</p><p>Nevertheless, there are still a number of port locations available for businesses, within customs-free zones and with direct sea access.</p>");
// commented to hide the pin - it moves when zooming out
// var centre = L.marker([56.4082863, 24.1876674], {icon: pinIcon}).addTo(mymap);
// var popup3 = centre.bindPopup("<p>Centre of Bauska</p>");
L.geoJSON(gasLine, {style:{color: "#cccc33"}}).bindPopup("<p>Medium pressure gas pipeline</p>").addTo(mymap);
L.geoJSON(gasLine2, {style:{color: "#cccc33"}}).bindPopup("<p>Medium pressure gas pipeline</p>").addTo(mymap);
L.geoJSON(waterLine, {style:{color: "#33cccc"}}).bindPopup("<p>Water–line</p>").addTo(mymap);
L.geoJSON(rails, {style:{color: "#cc6633"}}).bindPopup("<h2>RailBaltica</h2><p>Rail Baltica is an ongoing railway infrastructure project to link Finland, Estonia, Latvia, Lithuania and Poland with a European standard gauge rail line.</p><p>On the map is shown the track in Latvia. For more info visit railbaltica.org</p><h3>A freight connection to the Industrial Zone is possible (2 km)</h3>").addTo(mymap);
L.geoJSON(e67, {style:{color: "#669966"}}).bindPopup("<h3>European route E67</h3><h3>Helsinki–Prague; Via Baltica</h3>").addTo(mymap);
</script>
</div>
</div>
<div class="w3-container" style="padding:30px 180px 50px 180px">
<!-- Connotations with Icons -->
<div class="w3-row-padding w3-center" style="margin-top:90px">
<div class="w3-quarter">
<i class="fas fa-road w3-margin-bottom w3-jumbo w3-center"></i>
<h3>Via Baltica<br/></h3>
<p class="w3-large">Largest Baltic artery</p>
</div>
<div class="w3-quarter">
<i class="fas fa-city w3-margin-bottom w3-jumbo"></i>
<h3>1276 Businesses</h3>
<p class="w3-large">Great community</p>
</div>
<div class="w3-quarter">
<i class="fas fa-seedling w3-margin-bottom w3-jumbo"></i>
<h3>746 Local farms</h3>
<p class="w3-large">Essential neighbours</p>
</div>
<div class="w3-quarter">
<i class="fa fa-train w3-margin-bottom w3-jumbo"></i>
<h3>RailBaltica</h3>
<p class="w3-large">249 (120) km/h</p>
</div>
</div>
</div>
</div>
<!-- About -->
<div id="stats" class="w3-container w3-row w3-center w3-padding-16" style="background-color:#202945">
<img class="w3-image w3-round-large" src="Images/stats.png" width="60%" alt="Bauska">
</div>
<center>
<div style="margin:auto; padding:60px 35px 0px">
<iframe width="80%" height="650" src="https://www.youtube.com/embed/bZIgAp584Zo?modestbranding=1&color=white" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</center>
<!-- <div class="w3-container" style="padding:0px 0px 60px"></div> -->
<!-- Paragraph + Image -->
<div class="w3-row-padding" style="margin-top:80px; margin-left: 30px;">
<div class="w3-col m6">
<h3>General information about the industrial zone</h3>
<p>Area is intended for mixed & business and industrial construction, that includes several land plots.</p><p>Available for land rental starting from 0.4 hectares.</p>
<ul><li>70 hectares of land for industrial objects</li>
<li>15 hectares of land for commercial objects</li>
<li>10 hectares of land for apartment buildings, including hotels</li>
<li>15 hectares of land for objects of public significance, including hospitals and health care institutions</li>
<li>4.5 hectares of land for traffic infrastructure objects</li>
<li>0.5 hectares of land for utilities networks and objects</li></ul>
<p>Electricity connection is located at a distance of 0 km to 0.5 km, with 3MW of available capacity.
Water pipeline, Gas connection (medium pressure), Sewer system and ICT cable are located at a distance of 0 to 0.5 km.</p>
<p><a href="https://www.bauska.lv/allfiles/files/Bauska%20ILP_EN.pdf" target="_blank">More information about the park</a></p>
<!-- <p><a href="#work" class="w3-button w3-black"><i class="fa fa-th"> </i> View Pictures</a></p><br> -->
</div>
<div class="w3-col m6" style="padding-bottom: 25px;">
<img class="w3-image w3-round-large" src="Images/DSC_0027ds.jpg" height="550px" alt="Bauska">
</div>
</div>
</div>
<!-- Statistics in numbers https://data.csb.gov.lv/pxweb/lv/iedz/iedz__iedzrakst/IRG010.px/-->
<div class="w3-container w3-row w3-center w3-padding-64" style="background-color:#202945; color:white">
<div class="w3-quarter">
<span class="w3-xxlarge">22 442</span>
<br>Inhabitants in Bauska
</div>
<div class="w3-quarter">
<span class="w3-xxlarge">786.7 km<sup>2</sup> and 6.14 km<sup>2</sup></span>
<br>Land area of the municipality and Bauska
<!-- From bauska.lv website -->
</div>
<div class="w3-quarter">
<span class="w3-xxlarge">13 860</span>
<br>Labor force
</div>
<div class="w3-quarter">
<span class="w3-xxlarge">5.0%</span>
<br>Unemployment rate in Bauska municipality as of January 2020
</div>
</div>
<!-- Modal for full size images on click-->
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
<span class="w3-button w3-xxlarge w3-black w3-padding-large w3-display-topright" title="Close Gallery">×</span>
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
<img id="img01" src="#" class="w3-image" alt="">
<p id="caption" class="w3-opacity w3-large"></p>
</div>
</div>
<!-- Statistics in percents -->
<div class="w3-container w3-light-grey w3-padding-64">
<div class="w3-row-padding">
<div class="w3-col m6">
<h3>Agriculture, Industry and Shipping</h3>
<p>The Bauska Region has always been well-known for it's developed Agriculture,<br>
Industry and Shipping.
</p>
<p><br>
</p>
</div>
<div class="w3-col m6">
<p class="w3-wide w3-large"><i class="fa w3-margin-right"></i>Percent of land in use for Agriculture</p>
<div style="background-color:#dbd7d3">
<div class="w3-container w3-center w3-large" style="width:80%; background-color:#202945; color:white">80%</div>
</div>
<p class="w3-wide w3-large"><i class="fa w3-margin-right"></i>Percent of land in use for Forestry</p>
<div style="background-color:#dbd7d3">
<div class="w3-container w3-center w3-large" style="width:13%; background-color:#202945; color:white">13%</div>
</div>
</div>
</div>
</div>
<div class="w3-container w3-row w3-center w3-padding-48">
<h3>The Bauska County is situated in the central part of Latvia and the Zemgale Region, it borders with the Republic of Lithuania.</h3><br><h3>Zemgale has been called the Granary of Latvia for a long time now. Agriculture, i.e. livestock farming and crop farming, is the main field of entrepreneurship in Bauska County. The fertile agriculture land and favourable geographical location advance the successful operation of agriculture production processing companies. In most cases it’s fertility rate exceeds 60 points.</h3><h3>Via Baltica (as seen in Map) ensures the flow of people and transport in the both direction of Riga and the direction of Lithuania.
<a href="#" target="_blank" id="newsHyper" onclick="openNews();">Entrepreneurial news from Bauska</a> & <a href="https://www.bauska.lv/allfiles/files/Industrial%20territory%20of%20Bauska%20%20Municipality_2020.pdf" target="_blank">Overview of Bauska County</a></h3>
<br>
<div class="w3-container w3-padding-64">
<div class="w3-row-padding">
<div class="w3-quarter">
<h3>Apartment rent cost in Bauska is<br>100‑250 eur/month</h3>
</div>
<div class="w3-quarter">
<h3>Industrial zone rent per square meter is 0.03 eur/month</h3>
</div>
<div class="w3-quarter">
<h3>Closest cafe is 850 meters away from the Industrial Zone</h3>
</div>
<div class="w3-quarter">
<h3>1.1 km away from the closest grocery store</h3>
</div>
<br>
</div>
</div>
<!-- Link to News -->
<script>
function openNews() {
var d = new Date();
var month = new Array(); month[0] = "janvaris"; month[1] = "februaris"; month[2] = "marts"; month[3] = "aprilis"; month[4] = "maijs"; month[5] = "junijs"; month[6] = "julijs"; month[7] = "augusts"; month[8] = "septembris"; month[9] = "oktobris"; month[10] = "novembris"; month[11] = "decembris";
document.getElementById("newsHyper").href="https://webtranslate.tilde.com/en/Translate/Website?url=https://www.bauska.lv/lv/uznemejdarbiba/jaunumi/"+d.getFullYear()+"/"+month[d.getMonth()];
}
</script>
<div style="height:25%">
<div class="infogram-embed" data-id="b69dc146-36cb-4854-8826-43c922db9e33" data-type="interactive" data-title="User Dashboard"></div><script>!function(e,i,n,s){var t="InfogramEmbeds",d=e.getElementsByTagName("script")[0];if(window[t]&&window[t].initialized)window[t].process&&window[t].process();else if(!e.getElementById(n)){var o=e.createElement("script");o.async=1,o.id=n,o.src="https://e.infogram.com/js/dist/embed-loader-min.js",d.parentNode.insertBefore(o,d)}}(document,0,"infogram-async");</script><div style="padding:8px 0;font-family:Arial!important;font-size:13px!important;line-height:15px!important;text-align:center;border-top:1px solid #dadada;margin:0 30px"></div>
</div>
</div>
<!-- Email API -->
<div class="w3-container w3-light-grey" style="padding:76px 32px" id="contact">
<div style="margin:auto; width:70%">
<h3 class="w3-center">CONTACT US</h3>
<p class="w3-center w3-large">We will answer as soon as possible</p>
<div style="margin-top:40px">
<div style="float:left; width:50%; margin:auto; padding:15px 35px 25px">
<h3>Ilze Tijone</h3>
<img class="w3-image w3-round" style="float:right; width:105px; height:140px" src="Images/BildeIT.jpg" alt="Head of Development and Planning Ilze Tijone">
<b>Head of Development and Planning</b>
<p><i class="fas fa-at fa-fw w3-xlarge w3-margin-right" style="color:black"></i> Email: <a href="mailto:ilze.tijone@bauska.lv" style="text-decoration:none">ilze.tijone@bauska.lv</a></p>
<p><i class="fas fa-phone-alt fa-fw w3-xlarge w3-margin-right"></i> Phone: <a href="tel:37120213021" style="text-decoration:none">+371 20213021</a>, <a href="tel:37163922233" style="text-decoration:none">+371 63922233</a>
</div>
<div style="float:right; width:50%; margin:auto; padding:15px 35px 25px">
<h3>Dace Platonova</h3>
<img class="w3-image w3-round" style="float:right; width:111px; height:140px" src="Images/DaceCrop.jpg" alt="Site planner Dace Platonova">
<b>Site Planner</b>
<p><i class="fas fa-at fa-fw w3-xlarge w3-margin-right" style="color:black"></i> Email: <a href="mailto:dace.platonova@bauska.lv" style="text-decoration:none">dace.platonova@bauska.lv</a></p>
<p><i class="fas fa-phone-alt fa-fw w3-xlarge w3-margin-right"></i> Phone: <a href="tel:37163963972" style="text-decoration:none">+371 63963972</a></p>
</div>
<br>
<form action="/action_page.php" target="_blank">
<p><input id="nameMsg" class="w3-input w3-border" type="text" placeholder="Name" required name="Name"></p>
<p><input id="email" class="w3-input w3-border" type="text" placeholder="Email" required name="Email"></p>
<p><input id="subj" class="w3-input w3-border" type="text" placeholder="Subject" required name="Subject"></p>
<p><input id="msg" class="w3-input w3-border" type="text" placeholder="Message" required name="Message"></p>
<!-- <label for="nameMsg">Enter your name to contact us.</label>
<label for="email">Enter your email</label>
<label for="subj">Enter the subject of your message</label>
<label for="msg">Message text goes here</label> -->
<p>
<button class="w3-button w3-light-gray" type="submit">
<i class="fa fa-paper-plane"></i>  SEND MESSAGE
</button>
</p>
</form>
</div>
</div>
</div>
<!-- Media / Gallery -->
<!--
<div class="w3-container" style="padding:128px 16px" id="work">
<h3 class="w3-center">Gallery</h3>
<div class="w3-row-padding" style="margin-top:64px">
<div class="w3-col l3 m6">
<img src="https://trello-attachments.s3.amazonaws.com/5f591c0eca81bf0ed55d8f43/5f8b1217333f5d2629ce680e/43356e610f5151bd20d364d7ffd78077/IMG_20201017_184804_978.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Bauska Investment Greenfield 1">
</div>
<div class="w3-col l3 m6">
<img src="/Images/Gallery_HQ.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Image 2">
</div>
<div class="w3-col l3 m6">
<img src="/Images/Gallery_HQ.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Image 3">
</div>
<div class="w3-col l3 m6">
<img src="/Images/Gallery_HQ.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Image 4">
</div>
</div>
<div class="w3-row-padding w3-section">
<div class="w3-col l3 m6">
<img src="https://trello-attachments.s3.amazonaws.com/5f591c0eca81bf0ed55d8f43/5f8b1217333f5d2629ce680e/58788cda5a61077eef2c295023e41ff0/IMG_20201017_184800_350.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Bauska Investment Greenfield">
</div>
<div class="w3-col l3 m6">
<img src="/Images/IZT_car.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="A truck on Lidlauka Street, Bauska">
</div>
<div class="w3-col l3 m6">
<img src="https://trello-attachments.s3.amazonaws.com/5f591c0eca81bf0ed55d8f43/5f8b1217333f5d2629ce680e/f2b0b37a8700c7b331771ff1ac315ec1/IMG_20201017_184811_269.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Bauska Investment Greenfield">
</div>
<div class="w3-col l3 m6">
<img src="https://trello-attachments.s3.amazonaws.com/5f591c0eca81bf0ed55d8f43/5f8b1217333f5d2629ce680e/d2cb4765666fb1a3907d5e19dbd29e77/IMG_20201017_184801_367.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" loading="lazy" alt="Bauska Investment Greenfield">
</div>
</div>
</div>
-->
<!-- Footer -->
<footer class="w3-center w3-padding-64" style="background-color:#202945">
<a href="#home" class="w3-button w3-white"><i class="fa fa-arrow-up w3-margin-right"></i><span style="color:#202945">To the top</span></a>
<p style="color:white">Powered by IZT @ Riga Business School 2020</p>
</footer>
<script>
// Modal Image Gallery
function onClick(element) {
document.getElementById("img01").src = element.src;
document.getElementById("modal01").style.display = "block";
var captionText = document.getElementById("caption");
captionText.innerHTML = element.alt;
}
// Toggle between showing and hiding the sidebar when clicking the menu icon
var mySidebar = document.getElementById("mySidebar");
function w3_open() {
if (mySidebar.style.display === 'block') {
mySidebar.style.display = 'none';
} else {
mySidebar.style.display = 'block';
}
}
// Close the sidebar with the close button
function w3_close() {
mySidebar.style.display = "none";
}
</script>
</body>
</html>