Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /home/vmanager/www/frontend/views/index/
Linux eb5096292c53 5.15.0-102-generic #112-Ubuntu SMP Tue Mar 5 16:50:32 UTC 2024 x86_64
Current File : //home/vmanager/www/frontend/views/index/index2.php

<!----------------------------------------------------------------------------------------------------------------------------------------------->

<!--header-->


<header>
    <div class="container" data-spy="affix" data-offset-top="100">
        <div class="row">
            <div class="col-xs-12 text-right">
                <a href="#reklama" class="top pt08 hidden-xs">REKLAMA w serwisie</a>
                <div class="vl hidden-xs"></div>
                <span class="top pt08"><span>Twoje zapytania: BRAK</span><span>EZO: 0</span></span>
                <div class="vl"></div>
                <span class="top pt08"><span>Koszyk: </span><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>PUSTY</span>
                <div class="vl hidden-xs"></div>
                <span class="top pt08 hidden-xs"><span>Twoje konto: </span><a href="#zaloguj">ZALOGUJ SIĘ</a></span>
            </div>
        </div>
    </div>
    <div class="container">
        <hr class="portal-light-hr">
        <div class="row logo">
            <div class="col-md-3 pt08 mb05 hidden-xs">
                <a href="#">
                    <img class="mb05 noborder" src="../wentylacja.jpg" alt="###">
                </a>
            </div>
            <div class="col-md-9 pt08 mb05">
                <a href="#"><img src="../tmp/750x90.png" alt="###" class="baner750"></a>
            </div>        
        </div>
    </div>
</header>

<!--menu-->
<nav class="navbar navbar-default nomargin portal-background" data-spy="affix" data-offset-top="100">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hidden-sm hidden-md hidden-lg" href="#"><img src="../logo.jpg" alt="###"></a>
        </div>
	<div class="collapse navbar-collapse" id="navbar">
            <ul class="nav navbar-nav">
                <li><a href="#">Katalog Firm</a></li>
                <li><a href="#">Produkty</a></li>
                <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Ogłoszenia <span class="hellip"></span></a>
                        <ul class="dropdown-menu">
                                <li><a href="#">Sprzedam</a></li>
                                <li><a href="#">Kupię</a></li>
                        </ul>
                </li>
                <li class="dropdown fullwidth">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wydarzenia <span class="hellip"></span></a>
                        <ul class="dropdown-menu row">
                            <div class="col-xs-4 pt08 mb05">
                                <img class="img-responsive" src="../tmp/500x300.png" alt="###">
                            </div>
                            <div class="col-xs-4 pt08 mb05">
                                <img class="img-responsive" src="../tmp/500x300.png" alt="###">
                            </div>
                            <div class="col-xs-4 pt08 mb05">
                                <img class="img-responsive" src="../tmp/500x300.png" alt="###">                                
                            </div>
                            <div class="clearfix"></div>
                        </ul>
                </li>
                <li><a href="#">Księgarnia</a></li>
                <li><a href="#">Szkolenia</a></li>
            </ul>
            <form class="navbar-form navbar-left hidden">
                <div class="form-group">
                    <input type="text" class="form-control noradius noborder" size="17" id="" placeholder="Wpisz czego szukasz">
                    <input type="text" class="form-control noradius noborder" size="23" id="" placeholder="Miejscowość, województwo lub kod">
                </div>
                <button type="submit" class="form-control btn btn-default btn-action noradius">Szukaj</button>
            </form>
        </div>
    </div>
</nav>

<div class="portal-light-background">
    <form class="container portal-light-background" id="search">
        <div class="row">
            <div class="col-md-9 pt08 pb08 tab-cell">
                <span class="strong">Wyszukiwarka firm, produktów, wiadomości...</span>
                <div class="row pt05">
                    <div class="col-xs-5"><input type="text" class="form-control noradius" id="" placeholder="Wpisz czego szukasz?"></div>
                    <div class="col-xs-4 nopadding"><input type="text" class="form-control noradius" id="" placeholder="Miejscowość, województwo lub kod"></div>
                    <div class="col-xs-3"><button type="submit" class="form-control btn btn-default btn-action noradius">Szukaj</button></div>
                </div>
                <div class="row pt05">
                    <div class="col-xs-5">

                    </div>
                    <div class="col-xs-4 nopadding">
                        <div class="input-group">
                            <div class="input-group-addon noradius"><span class="hidden-xs">w zasiegu</span><span class="visible-xs-inline">+</span></div>
                            <input type="text" class="form-control noradius" id="range" value="150">
                            <div class="input-group-addon noradius">km</div>
                        </div>
                        <input type="range" name="" min="0" max="300" step="50" value="150" onchange="document.getElementById('range').value=this.value;">
                    </div>    
                    <div class="col-xs-3"><button data-toggle="collapse" href="#map" class="form-control btn btn-default btn-action noradius">Na mapie</button></div>
                </div>
            </div>
            <div class="col-md-3 pt08 tab-right">
                <div class="col-xs-12 col-sm-6 col-md-12 col-lg-12 mb05 nopadding">
                    <button class="form-control btn btn-default btn-ezo noradius">
                        <span class="pull-left"></span>
                        <span class="text-left"><strong>Złóż zapytanie ofertowe</strong><br>i czekaj na atrakcyjne oferty</span>
                    </button>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-12 col-lg-12 mb05 nopadding">
                    <button class="form-control btn btn-default btn-add noradius">
                        <span class="pull-left"></span>
                        <span class="text-left"><strong>Dodaj</strong><br>Firmę, Produkt, Wiadomość...</span>
                    </button>
                </div>
            </div>
        </div>
        <div id="map" class="row collapse">
            <div class="col-xs-12 mb05">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2394.140300719357!2d18.09722111583012!3d53.12562697993337!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4703142fdf98c833%3A0x6f7992b0bec763b!2sPrzemys%C5%82owa+8%2C+Bydgoszcz!5e0!3m2!1spl!2spl!4v1473683427028" width="100%" height="400px" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
        </div>
    </form>
</div>

<section>
    <a href="#wallpaper" id="wallpaper"></a>
    <a href="#leftlift" id="leftlift" data-spy="affix" data-offset-top="150"><img src="../tmp/170x500.png" alt="###"></a>
    <a href="#rightlift" id="rightlift" data-spy="affix" data-offset-top="150"><img src="../tmp/170x500.png" alt="###"></a>
    <div id="doublelift" data-spy="affix" data-offset-top="150">
        <a href="#doublelift"><img src="../tmp/100x500.png" alt="###"></a>
        <a href="#doublelift"><img src="../tmp/100x500.png" alt="###"></a>
    </div>
    
<!--breadcrumbsy-->
<div class="container pt08">	
    <ol class="breadcrumb nomargin">
        <li><span class="glyphicon glyphicon-home" aria-hidden="true"></span> &nbsp;<a href="#">Strona główna</a></li>
        <li><a href="#">Wydarzenia i Targi</a></li>
        <li class="active">Dodaj</li>
    </ol>
</div>    

<!--megabaner-->
<div class="container pt08">
    <img src="../tmp/1070x200.png" alt="###" class="megabaner img-responsive">
</div>


<!--3 banery 300 w poziomie-->
<div class="container pt08 text-center">
    <img src="../tmp/300x100.png" alt="###" class="baner300 m7-5 inline baner-left">
    <img src="../tmp/300x100.png" alt="###" class="baner300 m7-5 inline">
    <img src="../tmp/300x100.png" alt="###" class="baner300 m7-5 inline baner-right">
</div>


<!--box wiadomosci-->
<div class="container">
    <div class="row">
        <div class="col-md-9 pt08 tab-cell">
            <ul class="header portal-border nav nav-tabs portal-light-background">
                <li class="active"><a href="#wiadomosci" data-toggle="tab">Wiadomości</a></li>
                <li><a href="#porady" data-toggle="tab">Porady</a></li>
                <a class="pull-right btn action" href="#"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Dodaj artykuł</a>
            </ul>
            <div class="tab-content">
                <div class="row tab-pane active" id="wiadomosci">
                    <div class="col-sm-6 pt08 tab-nopr">
                        <div id="flash" class="carousel slide portal-light-background" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#flash" data-slide-to="0" class="active"></li>
                                <li data-target="#flash" data-slide-to="1"></li>
                                <li data-target="#flash" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <img src="../tmp/800x600.png" alt="###">
                                    <div class="carousel-caption">
                                        <h4 class="media-heading">Czy można tanio ogrzać mieszkanie?</h4>
                                        <p>
                                            Początek sezonu grzewczego zazwyczaj wiąże się z perspektywą znacznie wyższych...
                                        </p>
                                        <small>8 grudnia 2016</small>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="../tmp/800x600.png" alt="###">
                                    <div class="carousel-caption">
                                        <h4 class="media-heading">Czy można tanio ogrzać mieszkanie?</h4>
                                        <p>
                                            Początek sezonu grzewczego zazwyczaj wiąże się z perspektywą znacznie wyższych...
                                        </p>
                                        <small>8 grudnia 2016</small>
                                    </div>
                                </div>
                                <div class="item">
                                    <img src="../tmp/800x600.png" alt="###">
                                    <div class="carousel-caption">
                                        <h4 class="media-heading">Czy można tanio ogrzać mieszkanie?</h4>
                                        <p>
                                            Początek sezonu grzewczego zazwyczaj wiąże się z perspektywą znacznie wyższych...
                                        </p>
                                        <small>8 grudnia 2016</small>
                                    </div>
                                </div>                            
                            </div>
                            <a class="left carousel-control" href="#flash" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            </a>
                            <a class="right carousel-control" href="#flash" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-6 pt08">
                        <?for($x=0;$x<5;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">Czy można tanio ogrzać mieszkanie?</h4>
                                <p class="text-justify">
                                    Początek sezonu grzewczego zazwyczaj wiąże się z perspektywą znacznie wyższych...
                                </p>
                            </a>
                        </div>
                        <?};?>   
                        <p class="text-right">
                            <a class="btn btn-default portal-button" href="#">Zobacz wszystkie artykuły</a>
                        </p>
                    </div>
                </div>
                <div class="row tab-pane" id="porady">
                    <div class="col-sm-6 pt08 tab-nopr">
                        <?for($x=0;$x<5;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">Czy można tanio ogrzać mieszkanie?</h4>
                                <p class="text-justify">
                                    Początek sezonu grzewczego zazwyczaj wiąże się z perspektywą znacznie wyższych...
                                </p>
                            </a>
                        </div>
                        <?};?>                      
                    </div>
                    <div class="col-sm-6 pt08">
                        <?for($x=0;$x<5;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">Czy można tanio ogrzać mieszkanie?</h4>
                                <p class="text-justify">
                                    Początek sezonu grzewczego zazwyczaj wiąże się z perspektywą znacznie wyższych...
                                </p>
                            </a>
                        </div>
                        <?};?>   
                        <p class="text-right">
                            <a class="btn btn-default portal-button" href="#">Zobacz wszystkie artykuły</a>
                        </p>
                    </div>
                </div>            
            </div>
        </div>
        <div class="col-md-3 pt08 tab-right text-center">
            <?for($x=0;$x<4;$x++){?>
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <?};?>
        </div>    
    </div>
</div>


<!--box praca-->
<div class="container">
    <div class="row">
        <div class="col-md-9 pt08 tab-cell">
            <h2 class="header portal-light-background">
                <span class="portal-border">Dam pracę</span>
                <a class="pull-right btn action" href="#"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Dodaj ogłoszenie</a>
            </h2>
            <div class="row">
                <div class="col-sm-6 pt08 tab-nopr">
                    <?for($x=0;$x<3;$x++){?>
                    <div class="media">
                        <a href="#" class="media-body">
                            <h4 class="media-heading">Specjalista ds. Chłodnictwa</h4>
                            <small>11 grudnia 2016, woj. mazowieckie</small>
                        </a>
                    </div>
                    <div class="media">
                        <a href="#" class="media-body">
                            <h4 class="media-heading">Instalator wodno/kanalizacyjno/gazowy</h4>
                            <small>11 grudnia 2016, woj. mazowieckie</small>
                        </a>
                    </div>                    
                    <?};?>
                    <hr class="portal-light-hr">
                    <div class="col-xs-3 nopadding text-center"><img class="img-responsive inline" src="../tmp/80x60.png" alt="###"></div>
                    <div class="col-xs-3 nopadding text-center"><img class="img-responsive inline" src="../tmp/80x60.png" alt="###"></div>
                    <div class="col-xs-3 nopadding text-center"><img class="img-responsive inline" src="../tmp/80x60.png" alt="###"></div>
                    <div class="col-xs-3 nopadding text-center"><img class="img-responsive inline" src="../tmp/80x60.png" alt="###"></div>
                    <div class="clearfix">&nbsp;</div>
                </div>
                <div class="col-sm-6 pt08">
                    <span class="strong">Oferty pracy w regionie:</span>
                    <div class="list-group raquo">
                        <?for($x=0;$x<16;$x++){?>
                        <a href="#" class="col-xs-6 list-group-item noborder">warmińsko-mazurskie</a>
                        <?};?>
                    </div>
                    <p class="text-right">
                        <a class="btn btn-default portal-button" href="#">Zobacz wszystkie oferty</a>
                    </p>                    
                </div>
            </div>
        </div>
        <div class="col-md-3 pt08 tab-right text-center">
            <img src="../tmp/300x300.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
        </div>    
    </div>
</div>


<!--box ksiegarnia-->
<div class="container">
    <div class="row">
        <div class="col-md-9 pt08 tab-cell">
            <h2 class="header portal-light-background">
                <span class="portal-border">Księgarnia</span>
                <form class="search pull-right" method="get">
                    <input type="text" name="szukaj" class="form-control inline" placeholder="SZUKAJ...">
                    <button class="btn action bull"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                </form>
            </h2>
            <div class="row">
                <div class="col-xs-12 pt08 nopadding">
                    <?for($x=1;$x<9;$x++){?>
                    <div class="col-xs-4 col-sm-3 col-md-4 col-lg-3 thumb">
                        <div href="#" class="thumbnail portal-light-background">
                            <a href="#">
                                <img src="../tmp/200x250.png" alt="###">
                            </a>
                            <div class="caption">
                                <a class="thumb-title" href="#"><h5>Lorem ipsum dolor sit amed Lorem ipsum dolor sit amed</h5></a>
                                <small>Autor: Lorem Ipsum</small>
                                <p class="pull-left">Cena: 78,00 pln</p>
                                <a href="#" class="btn action bull pull-right"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                    <?if($x%4==0){?><div class="clearfix hidden-xs hidden-md"></div><?};?>
                    <?if($x%3==0){?><div class="clearfix visible-xs-block visible-md-block"></div><?};?>
                    <?};?>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="col-md-3 pt08 tab-right text-center">
            <img src="../tmp/300x300.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
        </div>    
    </div>
</div>


<!--box partnerzy-->
<div class="container">
    <div class="row">
        <div class="col-md-9 pt08 tab-cell">
            <h2 class="header portal-light-background">
                <span class="portal-border">Partnerzy</span>
            </h2>
            <div class="row">
                <div class="col-xs-12 pt08 nopadding">
                    <?for($x=1;$x<13;$x++){?>
                    <div class="col-xs-3 text-center partner"><img class="img-responsive inline" src="../tmp/200x100.png" alt="###"><br>Partner serwisu</div>
                    <?};?>
                </div>
            </div>
        </div>
        <div class="col-md-3 pt08 tab-right">
            <h2 class="header portal-light-background">
                <span class="portal-border">Polecane strony</span>
            </h2>
            <div class="list-group raquo">
                <?for($x=0;$x<9;$x++){?>
                <a href="#" class="col-xs-6 col-sm-4 col-md-12 list-group-item noborder">Kotły CO, ogrzewanie, Pleszew</a>
                <?};?>
            </div>
        </div>    
    </div>
</div>


<!--box przetargi i ogloszenia-->
<div class="container">
    <div class="row">
        <div class="col-md-6 pt08">
            <h2 class="header portal-light-background">
                <span class="portal-border">Przetargi</span>
            </h2>
            <div class="row">
                <div class="col-xs-12 pt08">
                    <?for($x=1;$x<7;$x++){?>
                        <div class="media">
                            <a href="#" class="media-body">
                                <p class="nomargin text-justify">
                                    Wykonanie instalacji wentylacji mechanicznej oraz instalacji klimatyzacji dla pomieszczeń budynku G Kancelarii Sejmu wraz z robotami towarzyszącymi.
                                    <small class="block">2016-12-16</small>
                                </p>
                            </a>
                        </div>
                    <?};?>
                    <hr class="portal-light-hr">
                </div>
            </div>
        </div>
        <div class="col-md-6 pt08">
            <h2 class="header portal-light-background">
                <span class="portal-border">Ogłoszenia</span>
            </h2>
            <div class="row">
                <div class="col-xs-12 pt08 nopadding">
                    <?for($x=1;$x<7;$x++){?>
                    <div class="col-xs-4 thumb">
                        <div href="#" class="thumbnail portal-light-background">
                            <a href="#">
                                <img src="https://placehold.it/220x150" alt="###">
                            </a>
                            <div class="caption">
                                <a class="thumb-title" href="#"><h6>Lorem ipsum dolor sit amed Lorem ipsum dolor sit amed</h6></a>
                            </div>
                        </div>
                    </div>
                    <?if($x%3==0){?><div class="clearfix"></div><?};?>
                    <?};?>
                </div>
                <div class="col-xs-12">
                    <p class="text-right">
                        <a class="btn btn-default portal-button nomargin" href="#">Zobacz wszystkie</a>
                    </p> 
                </div>
            </div>
        </div> 
        <div class="clearfix"></div>
        <div class="col-md-6 text-center">
            <img src="../tmp/468x60.png" alt="###" class="baner468 inline">
        </div>
        <div class="col-md-6 text-center">
            <img src="../tmp/468x60.png" alt="###" class="baner468 inline">
        </div>      
    </div>
</div>


<!--box katalog/top  3/1-->
<div class="container">
    <div class="row">
        <div class="col-md-9 pt08 tab-cell">
            <ul class="header portal-border nav nav-tabs portal-light-background">
                <li class="active"><a href="#katalogfirm" class="portal-border" data-toggle="tab">Katalog firm</a></li>
                <li><a href="#katalogproduktow" class="portal-border" data-toggle="tab">Katalog produktów</a></li>
                <a class="pull-right btn action" href="#"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Dodaj firmę / produkt</a>
            </ul>
            <div class="tab-content"> 
                <div class="tab-pane active categories" id="katalogfirm">
                    <div class="panel-group pt08" id="accordion" role="tablist">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingOne">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">
                                    GRUPA NADRZĘDNA ROZWIJANA #1
                                </a>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                <div class="panel-body">
                                    <div class="list-group raquo">
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingTwo">
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false">
                                    GRUPA NADRZĘDNA ROZWIJANA #2
                                </a>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                <div class="panel-body">
                                    <div class="list-group raquo">
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane categories" id="katalogproduktow">
                    <div class="list-group pt08 raquo">
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder dropdown">
                            <a href="#">Rozwijane</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                            </ul>                                                
                        </div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder dropdown">
                            <a href="#">Rozwijane</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                            </ul>                                                
                        </div>
                    </div>
                </div>            
            </div>
            <div class="text-center">
                <img src="../tmp/750x100.png" alt="###" class="baner750 inline">
            </div>  
        </div>
        <div class="col-md-3 pt08 tab-right">
            <div id="topcompany" class="carousel slide" data-ride="carousel">
                <h2 class="header portal-light-background mb05">
                    <span class="portal-border">Top firmy</span>
                    <ol class="carousel-indicators">
                        <li data-target="#topcompany" data-slide-to="0" class="active"></li>
                        <li data-target="#topcompany" data-slide-to="1"></li>
                        <li data-target="#topcompany" data-slide-to="2"></li>
                    </ol>
                </h2>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                    <div class="item">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                    <div class="item">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>                                
                </div>
            </div>            
            <div id="topproduct" class="carousel slide pt08" data-ride="carousel">
                <h2 class="header portal-light-background mb05">
                    <span class="portal-border">Top produkty</span>
                    <ol class="carousel-indicators">
                        <li data-target="#topproduct" data-slide-to="0" class="active"></li>
                        <li data-target="#topproduct" data-slide-to="1"></li>
                    </ol>
                </h2>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                    <div class="item">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                </div>
            </div>             
        </div>    
    </div>
</div>


<!--box targi-->
<div class="container">
    <div class="row">
        <div class="col-md-9 pt08 tab-cell">
            <h2 class="header portal-light-background">
                <span class="portal-border">Wydarzenia i Targi</span>
                <form class="search pull-right" method="get">
                    <input type="text" name="szukaj" class="form-control inline" placeholder="SZUKAJ...">
                    <button class="btn action bull"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                </form>
            </h2>
            <div class="row">
                <div class="col-xs-12 pt08 nopadding">
                    <?for($x=1;$x<5;$x++){?>
                    <div class="col-xs-6">
                        <a href="#" class="text-center events">
                            <img class="img-responsive inline" src="../tmp/400x200.png" alt="###">
                            <div class="caption text-left">
                                <h5>Lorem ipsum dolor sit amed</h5>
                                <p>
                                    Dapibus ac facilisis in Dapibus ac facilisis in Dapibus ac facilisis in Dapibus ac facilisis in
                                </p>
                            </div>
                        </a>
                    </div>
                    <?};?>
                </div>
            </div>
        </div>
        <div class="col-md-3 pt08 tab-right text-center">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
            <img src="../tmp/300x100.png" alt="###" class="baner300 inline">
        </div>   
    </div>
</div>


<!--box katalog/top/top  2/1/1-->
<div class="container">
    <div class="row">
        <div class="col-md-6 pt08">
            <ul class="header portal-border nav nav-tabs portal-light-background">
                <li class="active"><a href="#katalogfirm" class="portal-border" data-toggle="tab">Katalog firm</a></li>
                <li><a href="#katalogproduktow" class="portal-border" data-toggle="tab">Katalog produktów</a></li>
                <a class="pull-right btn action" href="#"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Dodaj</a>
            </ul>
            <div class="tab-content"> 
                <div class="tab-pane active categories" id="katalogfirm">
                    <div class="panel-group pt08" id="accordion" role="tablist">
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingOne">
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true">
                                    GRUPA NADRZĘDNA ROZWIJANA #1
                                </a>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                <div class="panel-body">
                                    <div class="list-group raquo">
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading" role="tab" id="headingTwo">
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false">
                                        GRUPA NADRZĘDNA ROZWIJANA #2
                                </a>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                <div class="panel-body">
                                    <div class="list-group raquo">
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                                        <div class="col-xs-4 list-group-item noborder dropdown">
                                            <a href="#">Rozwijane</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Action</a></li>
                                            </ul>                                                
                                        </div>
                                    </div>                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane categories" id="katalogproduktow">
                    <div class="list-group pt08 raquo">
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder dropdown">
                            <a href="#">Rozwijane</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                            </ul>                                                
                        </div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder"><a href="#">Dapibus ac facilisis in</a></div>
                        <div class="col-xs-4 list-group-item noborder dropdown">
                            <a href="#">Rozwijane</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Action</a></li>
                            </ul>                                                
                        </div>
                    </div>
                </div>            
            </div>
            <div class="text-center">
                <img src="../tmp/468x60.png" alt="###" class="baner468 inline">
            </div>  
        </div>
        <div class="col-md-3 pt08">
            <div id="topcompany" class="carousel slide" data-ride="carousel">
                <h2 class="header portal-light-background mb05">
                    <span class="portal-border">Top firmy</span>
                    <ol class="carousel-indicators">
                        <li data-target="#topcompany" data-slide-to="0" class="active"></li>
                        <li data-target="#topcompany" data-slide-to="1"></li>
                        <li data-target="#topcompany" data-slide-to="2"></li>
                    </ol>
                </h2>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                    <div class="item">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                    <div class="item">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>                                
                </div>
            </div>   
        </div>
        <div class="col-md-3 pt08">
            <div id="topproduct" class="carousel slide" data-ride="carousel">
                <h2 class="header portal-light-background mb05">
                    <span class="portal-border">Top produkty</span>
                    <ol class="carousel-indicators">
                        <li data-target="#topproduct" data-slide-to="0" class="active"></li>
                        <li data-target="#topproduct" data-slide-to="1"></li>
                    </ol>
                </h2>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                    <div class="item">
                        <?for($x=0;$x<3;$x++){?>
                        <div class="media">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object" src="../tmp/80x60.png" alt="###">
                                </a>
                            </div>
                            <a href="#" class="media-body">
                                <h4 class="media-heading">HF Inverter Polska Sp.C.</h4>
                                <p class="text-left">
                                    36-007 Krasne k/Rzeszowa<br>Krasne 830a
                                </p>
                            </a>
                        </div>
                        <?};?>
                    </div>
                </div>
            </div>             
        </div>    
    </div>
</div>

<div class="container clearfix pt08">&nbsp;</div>

</section>

<footer>
    
    Wszelkie prawa zastrzeżone © 2004-2017 przez Vertica Technologie Internetowe.
    
    
</footer>
Creat By MiNi SheLL
Email: jattceo@gmail.com