<?php



session_start();

require_once 'klasy/klasy_strona.php';

$scieszkaurl = $Dodatki->scieszkaurl();



$tabelement = $StronaZawartosc->pokaz_elementy_strony(7);

?>

<!DOCTYPE html>
<html lang="pl-PL">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  
    <meta name="Description" content="<?php echo base64_decode($tabelement['tytul_3']); ?>" />
    <meta name="Keywords" content="<?php echo base64_decode($tabelement['tytul_2']); ?>" />


    <title><?php echo base64_decode($tabelement['tytul_1']); ?></title>

  
    <link href="favicon.ico" type="image/x-icon" rel="icon" />
    <link rel="stylesheet" href="<?php echo $scieszkaurl; ?>css/bootstrap.min.css" type="text/css" /> 
    <link rel="stylesheet" href="<?php echo $scieszkaurl; ?>css/style.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $scieszkaurl; ?>css/style-m.css" type="text/css" />
    <script src="<?php echo $scieszkaurl; ?>js/html5shiv.js"></script>
    <script src="<?php echo $scieszkaurl; ?>js/jquery-3.2.0.min.js"></script>
    <script src="<?php echo $scieszkaurl; ?>js/jquery.cycle2.js"></script>
    <script src="<?php echo $scieszkaurl; ?>js/jquery.cycle2.swipe.js"></script>
    <script src="<?php echo $scieszkaurl; ?>js/ios6fix.js"></script>
    <script src="<?php echo $scieszkaurl; ?>js/script.js"></script>

</head>

<body>

  
    <header class="naglowek-calosc">  
      
      <div class="naglowek">
        <div class="container">         
          <div class="naglowek-poz">
            <a href="">
              <img class="naglowek-logo" src="<?php echo $scieszkaurl; ?>grafika/logo.png" alt="" title=""> 
            </a>
            <div class="menu-strony-przycisk-mobilny">
            </div>
            <nav class="menu-strony-nav">
              <ul class="menu-strony">             
                <li><a href="#o-nas">O nas</a></li>                        
                <li><a href="#uslugi">Usługi</a></li>         
                <li><a href="#galeria">Galeria</a></li>                                    
                <li><a href="#kontakt">Kontakt</a></li>           
              </ul>              
            </nav>
          </div> 
        </div>
      </div>
        

      <div class="baner-wszystko">
          
          <div class="cycle-slideshow" 
               data-cycle-fx="fadeout" 
               data-cycle-speed="1500" 
               data-cycle-timeout="4000" 
               data-cycle-slides="> div" 
               data-cycle-swipe="true">
           
               <?php

                    $StronaZawartosc->slajder();

               ?>

          </div>
      
          <div class="baner-tekst">
            <div class="container">        
              <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="baner-tekst-zaw">
                    <?php

                      $tabelement = $StronaZawartosc->pokaz_elementy_strony(1);

                    ?>
                    <img src="grafika/ikona-woda.png" alt="" title="">
                    <div class="baner-tekst-zaw-jeden">
                      <?php echo base64_decode($tabelement['tytul_1']); ?>
                      <span><?php echo base64_decode($tabelement['tytul_2']); ?></span></div>
                    <div class="baner-tekst-zaw-przycisk">
                      <a href="" class="przycisk baner-tekst-start"><?php echo base64_decode($tabelement['tytul_3']); ?></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>            
          </div>
      
      </div>
  
    
    </header> 


    <main> 

      <?php

        $tabelement = $StronaZawartosc->pokaz_elementy_strony(2);

      ?>     

      <section class="sekcja-o-nas o-nas">
        <div class="container">        
          <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 sekcja-o-nas-teksty-jeden">
              <h1 class="naglowek-strona"><?php echo base64_decode($tabelement['tytul_1']); ?></h1>
              <?php echo base64_decode($tabelement['opis_1']); ?>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="sekcja-o-nas-info">
                <img src="<?php echo $scieszkaurl; ?><?php echo base64_decode($tabelement['obrazek']); ?>" alt="" title="">
                <div class="sekcja-o-nas-teksty-dwa">
                <?php echo base64_decode($tabelement['opis_2']); ?>
                </div>
              </div>
            </div>                                                
          </div>
        </div>  
      </section>

      <?php

        $tabelement = $StronaZawartosc->pokaz_elementy_strony(3);

      ?>      


      <section class="sekcja-uslugi uslugi">
        <div class="container">        
          <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <h2 class="naglowek-strona"><?php echo base64_decode($tabelement['tytul_1']); ?></h2>              
            </div>                                               
          </div>
        </div>
        <?php

          $StronaZawartosc->uslugi();

        ?>
                
      </section>    

      
      <div class="okno-realizacje">      
        <div class="okno-realizacje-zaw">         
        </div>
        <div class="okno-realizacje-load"></div>
        <div class="okno-realizacje-zam"></div>
        <div class="okno-realizacje-lewo"></div>
        <div class="okno-realizacje-prawo"></div>
        <div class="okno-realizacje-logo">
          <img src="grafika/logo.png" alt="Logo strony" title="Logo strony">
        </div>
      </div>


      <?php

        $tabelement = $StronaZawartosc->pokaz_elementy_strony(4);

      ?>       


      <section class="sekcja-galeria-obrazki galeria">
        <div class="container">        
          <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
              <h2 class="naglowek-strona"><?php echo base64_decode($tabelement['tytul_1']); ?></h2>              
            </div>                                               
          </div>
        </div>
        <div class="container-fluid">        
          <div class="row row-kasuj">
             <?php

               $StronaZawartosc->galeria();

             ?>                                                                                                      
          </div>
        </div>        
      </section>

      <?php

        $tabelementkontakt = $StronaZawartosc->pokaz_elementy_strony(5);

      ?>       


      <section class="sekcja-kontakt kontakt">
        <div class="container">        
          <div class="row">
            <div class="col-lg-4 col-md-5 col-sm-5 col-xs-12">
              <h3 class="naglowek-strona"><?php echo base64_decode($tabelementkontakt['tytul_1']); ?></h3>
              <?php echo base64_decode($tabelementkontakt['opis_1']); ?>                         
            </div>                                               
            <div class="col-lg-8 col-md-7 col-sm-7 col-xs-12">
               <div class="sekcja-kontakt-mapa" id="map"></div>          
            </div>           
          </div>          
        </div>           
      </section>
    


    </main>
    
    <?php

        $tabelement= $StronaZawartosc->pokaz_elementy_strony(6);

     ?>

    <footer class="stopka">
       <div class="stopka-zaw">
         <div class="container">
           <div class="row">
             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
               <h4 class="stopka-nag"><?php echo base64_decode($tabelement['tytul_1']); ?></h4>
               <ul class="stopka-menu">             
                 <li><a href="#o-nas">O nas</a></li>                        
                 <li><a href="#uslugi">Usługi</a></li>         
                 <li><a href="#galeria">Galeria</a></li>                                    
                 <li><a href="#kontakt">Kontakt</a></li>           
               </ul>               
             </div>
             <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
               <h4 class="stopka-nag"><?php echo base64_decode($tabelement['tytul_2']); ?></h4>
               <?php echo base64_decode($tabelement['opis_1']); ?>               
             </div>           
           </div>
           <div class="row">
             <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="stopka-copy"><?php echo base64_decode($tabelement['tytul_3']); ?></div>     
             </div>
           </div>           
         </div>
       </div>      
    </footer>   
    <script>
        function initMap() { 
            // Styles a map in night mode.
            var map = new google.maps.Map(document.getElementById('map'), {
                center: {lat: <?php echo base64_decode($tabelementkontakt['tytul_lat']); ?>, lng: <?php echo base64_decode($tabelementkontakt['tytul_lng']); ?>},
                zoom  : 16,
                styles: [
                    {
                        "featureType": "administrative",
                        "elementType": "labels.text.fill",
                        "stylers"    : [
                            {
                                "color": "#444444"
                            }
                        ]
                    },
                    {
                        "featureType": "landscape",
                        "elementType": "all",
                        "stylers"    : [
                            {
                                "color": "#f7f7f7"
                            }
                        ]
                    },
                    {
                        "featureType": "poi",
                        "elementType": "all",
                        "stylers"    : [
                            {
                                "visibility": "off"
                            }
                        ]
                    },
                    {
                        "featureType": "road.highway",
                        "elementType": "all",
                        "stylers"    : [
                            {
                                "visibility": "simplified"
                            },
                            {
                                "color": "#e3e3e3"
                            }
                        ]
                    },
                    {
                        "featureType": "road.arterial",
                        "elementType": "geometry",
                        "stylers"    : [
                            {
                                "color": "#e3e3e3"
                            }
                        ]
                    },
                    {
                        "featureType": "road.arterial",
                        "elementType": "labels.icon",
                        "stylers"    : [
                            {
                                "visibility": "off"
                            }
                        ]
                    },
                    {
                        "featureType": "road.local",
                        "elementType": "geometry",
                        "stylers"    : [
                            {
                                "color": "#e3e3e3"
                            }
                        ]
                    },
                    {
                        "featureType": "transit",
                        "elementType": "all",
                        "stylers"    : [
                            {
                                "visibility": "off"
                            }
                        ]
                    },
                    {
                        "featureType": "water",
                        "elementType": "all",
                        "stylers"    : [
                            {
                                "color": "#bebebe"
                            },
                            {
                                "visibility": "on"
                            }
                        ]
                    }
                ]
            });
 
            var image = 'grafika/ikona.png';
            var beachMarker = new google.maps.Marker({
                position: {lat: <?php echo base64_decode($tabelementkontakt['tytul_lat']); ?>, lng: <?php echo base64_decode($tabelementkontakt['tytul_lng']); ?>},
                map: map,
                icon: image
            });
        }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2yX1Hz19aXuX0-tR41LEdmSzUpMmaGx8&callback=initMap"
            async defer></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>

</body>
</html>


