<div class="row">
    <div class="col-md-8">
	<h2>Gallery</h2>
	<p>Have a look at some impressions of my tours. Load some new random images with this <a data-ng-click="reshuffle();" href="#">link</a>.</p>
	<p>For several full galleries with bigger sized images, have a look at my collection for <a target="_self" href="/gallery/2019/index.html">2019</a> and <a target="_self" href="/gallery/2020/index.html">2020</a>.</p>

	<div >
	    <carousel interval="imageInterval">
		<slide data-ng-repeat="slide in slides" active="slide.active">
		    <img ng-src="{{slide.image}}" style="margin:auto;" />
		    <div class="carousel-caption">
			<h4>{{ slide.takenOn | date: 'dd.MM.yyyy' }}</h4>
			<p>{{slide.text}}</p>
		    </div>
		</slide>
	    </carousel>
	</div>

	<div>
	    <br />
	    <button type="button" class="btn btn-default" data-ng-click="openNewPictureDlg();">Add picture</button>
	</div>
    </div>
</div>
<div class="row">
    <div class="col-md-8">
	<h2>Gallery</h2>
	<p>Have a look at some impressions of my tours. Load some new random images with this <a data-ng-click="reshuffle();" href="#">link</a>.</p>
	<p>For several full galleries with bigger sized images, have a look at my collection for <a target="_self" href="/gallery/2019/index.html">2019</a>, <a target="_self" href="/gallery/2020/index.html">2020</a> or <a target="_self" href="/gallery/2021/index.html">2021</a>.</p>

	<div >
	    <carousel interval="imageInterval">
		<slide data-ng-repeat="slide in slides" active="slide.active">
		    <img ng-src="{{slide.image}}" style="margin:auto;" />
		    <div class="carousel-caption">
			<h4>{{ slide.takenOn | date: 'dd.MM.yyyy' }}</h4>
			<p>{{slide.text}}</p>
		    </div>
		</slide>
	    </carousel>
	</div>

	<div>
	    <br />
	    <button type="button" class="btn btn-default" data-ng-click="openNewPictureDlg();">Add picture</button>
	</div>
    </div>
</div>
Add gallery link to 2021.
Add gallery link to 2021.
