71 lines
3.4 KiB
HTML
71 lines
3.4 KiB
HTML
<!-- Carousel
|
|
================================================== -->
|
|
<div id="myCarousel" class="carousel slide" style="margin-top:50px;" data-ride="carousel" data-interval="5000">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"></li>
|
|
<li data-target="#myCarousel" data-slide-to="3"></li>
|
|
<li data-target="#myCarousel" data-slide-to="4"></li>
|
|
</ol>
|
|
<div class="carousel-inner" role="listbox">
|
|
<div class="item active" style="background: url(pic/gch_widok1.jpg) no-repeat left center; background-size: cover;">
|
|
<div class="container" >
|
|
<div class="carousel-caption">
|
|
<a href="?tytul=branze"><h1>160 sklepów</h1></a><p><br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="background: url(pic/gch_wnetrze1.jpg) no-repeat left center; background-size: cover;">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<a href="?tytul=sklep&fpietro=parter&fnumer=delikatesy"><h1>Delikatesy</h1></a><p>Społem PSS Gliwice</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="background: url(pic/gch_widok2.jpg) no-repeat left center; background-size: cover;">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<a href="?tytul=branze&fnazwa=Usługi&fplan=true"><h1>Punkty usługowe</h1></a><p><br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="background: url(pic/gch_widok3.jpg) no-repeat left center; background-size: cover;">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<a href="?tytul=sklepy"><h1>Trzy poziomy</h1></a><p>podziemia, parter, piętro<br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="item" style="background: url(pic/gch_wnetrze2.jpg) no-repeat left center; background-size: cover;">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<a href="?tytul=aktualnosci"><h1>Wydarzenia</h1></a><p><br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--<div class="item">
|
|
<img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1>One more for good measure.</h1>
|
|
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
|
<p><a class="btn btn-lg" href="#" role="button">Browse gallery</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
|
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
|
<span class="sr-only">Poprzedni</span>
|
|
</a>
|
|
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
|
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
|
<span class="sr-only">Następny</span>
|
|
</a>
|
|
</div><!-- /.carousel -->
|
|
|
|
|