Deprecated: Return type of SendGrid\ReplyTo::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 77

Deprecated: Return type of SendGrid\ClickTracking::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 116

Deprecated: Return type of SendGrid\OpenTracking::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 155

Deprecated: Return type of SendGrid\SubscriptionTracking::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 216

Deprecated: Return type of SendGrid\Ganalytics::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 301

Deprecated: Return type of SendGrid\TrackingSettings::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 366

Deprecated: Return type of SendGrid\BccSettings::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 407

Deprecated: Return type of SendGrid\BypassListManagement::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 435

Deprecated: Return type of SendGrid\Footer::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 484

Deprecated: Return type of SendGrid\SandBoxMode::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 512

Deprecated: Return type of SendGrid\SpamCheck::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 561

Deprecated: Return type of SendGrid\MailSettings::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 634

Deprecated: Return type of SendGrid\ASM::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 676

Deprecated: Return type of SendGrid\Attachment::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 748

Deprecated: Return type of SendGrid\Content::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 808

Deprecated: Return type of SendGrid\Personalization::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 913

Deprecated: Return type of SendGrid\Email::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 992

Deprecated: Return type of SendGrid\Mail::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/mail/Mail.php on line 1213

Deprecated: Return type of SendGrid\Recipient::jsonSerialize() should either be compatible with JsonSerializable::jsonSerialize(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/vendor/sendgrid/sendgrid/lib/helpers/contacts/Recipients.php on line 73

Deprecated: Constant FILTER_SANITIZE_STRING is deprecated in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/Core/AppCore.php on line 106

Warning: Trying to access array offset on value of type null in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/Core/AppCore.php on line 45

Deprecated: ucfirst(): Passing null to parameter #1 ($string) of type string is deprecated in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/Core/AppCore.php on line 45

Warning: Trying to access array offset on value of type null in /usr/home/szczypiorofix/domains/wroblewskipiotr.pl/App/Core/AppCore.php on line 53
<!DOCTYPE html>
<html lang="pl">
<head>
    <!-- GOOGLE ANALYTICS SCRIPT -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-84715211-1', 'auto');
        ga('send', 'pageview');
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <base href="https://wroblewskipiotr.pl/">
        <meta name="description" content="I turn pizza and covfefe into spaghetti code ..." />
    <meta name="author" content="Wróblewski Piotr" />
    <meta name="keywords" content="JavaScript">
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://wroblewskipiotr.pl/" />
    <meta property="og:locale" content="en_GB" />
    <meta property="og:title" content="Wróblewski Piotr - homepage" />
    <meta property="og:site_name" content="website" />
    <meta property="og:description" content="I turn pizza and covfefe into spaghetti code ..." />
    <meta property="og:image" content="https://wroblewskipiotr.pl/avatar.png" />
    <meta property="fb:app_id" content="1950237781924240" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:domain" content="wroblewskipiotr.pl" />
    <meta name="twitter:title" content="Wróblewski Piotr - homepage" />
    <meta name="twitter:description" content="I turn pizza and covfefe into spaghetti code ..." />
    <meta name="twitter:image" content="https://wroblewskipiotr.pl/avatar.png" />
    <meta name="twitter:url" content="https://wroblewskipiotr.pl/" />
    <meta name="twitter:label1" content="" />
    <meta name="twitter:data1" content="" />
    <meta name="twitter:label2" content="" />
    <meta name="twitter:data2" content="" />
    <meta name="twitter:site" content="@szczypiorofix" />
    <meta name="twitter:creator" content="@szczypiorofix" />
    <link href="https://plus.google.com/u/0/117537092421510596426/" rel="publisher" />
    <link rel="Canonical" href="https://wroblewskipiotr.pl/">
    <meta name="robots" content="index,follow" />
    <link rel="apple-touch-icon" sizes="57x57" href="icons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="icons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="icons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="icons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="icons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="icons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="icons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="icons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
    <link rel="manifest" href="icons/manifest.json">
    <meta name="msapplication-TileColor" content="#303F9F">
    <meta name="msapplication-TileImage" content="icons/ms-icon-144x144.png">
    <meta name="theme-color" content="#303F9F">
    <title>Wróblewski Piotr - homepage</title>    <link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css">
    <link rel="stylesheet" type="text/css" href="css/fa-regular.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css?v=1.01.004">    <style></style>        <script></script>    <!-- the below three lines are a fix to get HTML5 semantic elements working in old versions of Internet Explorer-->
    <!--[if lt IE 9]>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->
    <!-- FACEBOOK MESSENGER SCRIPT -->
    <script>
        /**
		window.fbAsyncInit = function() {
            FB.init({
                appId : '261673414375505',
                xfbml : true,
                version : 'v2.6'
            });
		};
		 
		(function(d, s, id){
		    var js, fjs = d.getElementsByTagName(s)[0];
		    if (d.getElementById(id)) {return;}
		    js = d.createElement(s); js.id = id;
		    js.src = "//connect.facebook.net/pl_PL/sdk.js";
		    fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        **/
	</script>
</head>

<body>
    <div class="main-div">
        <!--[if lte IE 9]>
            <div>
                <h3>You are using an <strong>outdated</strong> browser.</h3>
                <p>Many things may be non-functional if you continue, please upgrade your browser to improve your experience.</p>
            </div>
        <![endif]-->

            <div class="full-page-container" id="mainDiv">
        <header class="nav-and-logo">
                        <div class="navbar-container">
                <nav id="mySidenav" class="sidenav">
                    <p class="title"><span>Menu</span></p>
                    <ul>
                        <li><a href="javascript:void(0)" class="closebtn" onclick="SideNavbar.closeNav()"><i class="fas fa-times"></i></a></li>
                        <li><a href="https://wroblewskipiotr.pl/" class="scroll-btn">Strona główna</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#omnie" class="scroll-btn">O mnie</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#umiejetnosci" class="scroll-btn">Umiejętności</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#corobie" class="scroll-btn">Co ja robię</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#liczby" class="scroll-btn">Liczby</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#portfolio" class="scroll-btn">Portfolio</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#informacje" class="scroll-btn">Informacje</a></li>
                        <li><a href="https://wroblewskipiotr.pl/#kontakt" class="scroll-btn">Kontakt</a></li>
                    </ul>
                    <div class="socialmedia-div">
                        <a href="https://www.facebook.com/szczypiorofix/" target="_blank" title="Facebook" class="fab fa-facebook-f"></a>
                        <a href="https://twitter.com/szczypiorofix/" target="_blank" title="Twitter" class="fab fa-twitter"></a>
                        <a href="https://slack.com" target="_blank" title="Slack" class="fab fa-slack"></a>
                        <a href="https://www.youtube.com/user/szczypiorofixable/" target="_blank" title="Youtube" class="fab fa-youtube"></a>
                        <a href="https://github.com/szczypiorofix/" target="_blank" title="GitHub" class="fab fa-github"></a>
                    </div>
                </nav>
                <div class="navbar-launcher-container">
                    <span class="navbar-launcher" onclick="SideNavbar.openNav()"><i class="fas fa-bars" id="navbarLauncher"></i></span>
                    <div id="google_translate_element"></div>
                </div>
                <div class="search-form-container">
                    <div class="search-form">
                        <input class="search-input" type="text" id="search-input">
                        <i class="fas fa-search"></i>
                    </div>
                    <div id="search-results"></div>
                </div>
            </div>    <div class="logo-container">
        <a href="https://wroblewskipiotr.pl/"><img src="images/logo.png" alt="Wróblewski Piotr logo"/></a>
    </div>
        </header>
            <main class="content-maindiv">
        <section class="myskills">
            <div class="container">
                <div class="left-side" id="omnie">
                    <div class="title">
                        <h1>Kilka słów o mnie</h1>
                    </div>
                    <img src="images/avatar.png" alt="My Skills" />
                    <p>Witaj, jestem Piotr.</p>
                    <p>Programowaniem zacząłem zajmować się już w liceum. Wtedy były czasy Turbo Pascala 7.0, BASICa i innych żółwików Logo. Potem nastąpiła u mnie kilkuletnia przerwa w przygodnie z programowaniem jednak jakiś czas temu postanowiłem do tego wrócić. Dlaczego? Bo to uwielbiam. Zwłaszcza gdy włożony wysiłek przynosi zamierzone rezultaty. Wszelkie porażki traktuję jako swego rodzaju lekcję i przestrogę na przyszłość. Wszelkie trudności jeszcze bardziej mniej motywują. Żółte komunikaty w konsoli przeglądarki podwajają moją czujność a na czerwone jestem wręcz uczulony.</p>
                    <p>Uwielbiam Javę za mocne typowanie, PHP za działanie w ukryciu a JavaScript za szybkie prototypowanie.</p>
                    <p>Chętnie uczę się nowych języków, technik, nowych narzędzi. Uwielbiam API.</p>
                    <div class="skills-button-container">
                        <a href="#" class="cv-download">POBIERZ CV</a>
                        <a href="#kontakt" class="hire-me scroll-btn">ZATRUDNIJ MNIE</a>
                    </div>
                    <!-- Go to www.addthis.com/dashboard to customize your tools -->
                    <div class="addthis_inline_follow_toolbox"></div>
                </div>
                <div class="right-side" id="umiejetnosci">
                    <div class="title">
                        <h1>Umiejętności</h1>
                    </div>
                    <div class="subtitle">
                        <h3>Czyli to czego się nauczyłem...</h3>
                    </div>
                    <div class="skillBox">
                        <p>Java</p>
                        <p>85%</p>
                        <div class="skill">
                            <div class="skill_level java"></div>
                        </div>
                    </div>
                    <div class="skillBox">
                        <p>MySQL</p>
                        <p>80%</p>
                        <div class="skill">
                            <div class="skill_level mysql"></div>
                        </div>
                    </div>
                    <div class="skillBox">
                        <p>PHP</p>
                        <p>80%</p>
                        <div class="skill">
                            <div class="skill_level php"></div>
                        </div>
                    </div>
                    <div class="skillBox">
                        <p>Html</p>
                        <p>80%</p>
                        <div class="skill">
                            <div class="skill_level html5"></div>
                        </div>
                    </div>
                    <div class="skillBox">
                        <p>Css3</p>
                        <p>75%</p>
                        <div class="skill">
                            <div class="skill_level css3"></div>
                        </div>
                    </div>
                    <div class="skillBox">
                        <p>JavaScript</p>
                        <p>75%</p>
                        <div class="skill">
                            <div class="skill_level javascript"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="whatIDo" id="corobie">
            <div class="container">
                <div class="title">
                    <h1>Co ja robię</h1>
                    <h3>czyli kilka złotych zasad...</h3>
                </div>
                <div class="iDos-container">
                    <div class="iDos-part">
                        <i class="fas fa-coffee"></i>
                        <h3>Web Design</h3>
                        <p>Strona sama się nie zrobi...</p>
                    </div>
                    <div class="iDos-part">
                        <i class="fas fa-desktop"></i>
                        <h3>Desktop apps</h3>
                        <p>Aplikacja na desktopy sama się nie zrobi...</p>
                    </div>
                    <div class="iDos-part">
                        <i class="fas fa-mobile-alt"></i>
                        <h3>Mobile apps</h3>
                        <p>Apka na telefon sama się nie stworzy...</p>
                    </div>
                    <div class="iDos-part">
                        <i class="fab fa-css3-alt"></i>
                        <h3>Responsive design</h3>
                        <p>Strona ma dobrze wyglądać zarówno na PC, na tablecie jak i na smartfonie...</p>
                    </div>
                    <div class="iDos-part">
                        <i class="fas fa-tachometer-alt"></i>
                        <h3>Max speed</h3>
                        <p>Strona ma wczytywać się szybko.</p>
                    </div>
                    <div class="iDos-part">
                        <i class="fas fa-coffee"></i>
                        <h3>Covfefe</h3>
                        <p>No i kawa ... Kawa sama się nie wypije...</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="numbers" id="liczby">
            <div class="bg"></div>
            <div class="container">
                <div class="numbers-container">
                    <div class="numbers-part">
                        <h3 id="num-pro">0</h3>
                        <h4>Ukończonych projektów</h4>
                    </div>
                    <div class="numbers-part">
                        <h3 id="num-cli">0</h3>
                        <h4>Zadowolonych klientów</h4>
                    </div>
                    <div class="numbers-part">
                        <h3  id="num-cof">0</h3>
                        <h4>kubków kawy</h4>
                    </div>
                    <div class="numbers-part">
                        <h3 id="num-col">0</h3>
                        <h4>kolorów w palecie</h4>
                    </div>
                </div>
            </div>
        </section>
        <section class="portfolio" id="portfolio">
            <div class="container">
                <div class="title">
                    <h1>Portfolio</h1>
                    <h3>Informacje o moich projektach ...</h3>
                </div>
                <div class="portfolio-container">
                    <div class="portfolio-part">
                        <div class="image-div">
                            <img src="uploads/images/spaceinvaders1.png" />
                            <div class="overlay">
                                <p>Space Invaders</p>
                                <a href="projekt/spaceinvaders/"><i class="far fa-play-circle"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-part">
                        <div class="image-div">
                            <img src="uploads/images/tequilaplatformer1.png" />
                            <div class="overlay">
                                <p>Tequila Platformer</p>
                                <a href="projekt/tequila/"><i class="far fa-play-circle"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-part">
                        <div class="image-div">
                            <img src="uploads/images/kanciarz1.png" />
                            <div class="overlay">
                                <p>Kanciarz - kalkulator walut</p>
                                <a href="projekt/kanciarz/"><i class="far fa-play-circle"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-part">
                        <div class="image-div">
                            <img src="uploads/images/furyroad1.png" />
                            <div class="overlay">
                                <p>Fury Road</p>
                                <a href="projekt/furyroad/"><i class="far fa-play-circle"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="news" id="informacje">
            <div class="container">
                <div class="title">
                    <h1>Najnowsze informacje</h1>
                    <h3>czyli co w kodzie piszczy...</h3>
                </div>
                <div class="news-container">
                    <div class="news-part">
                                        <div class="image-div">
                                            <a href="post/pcr-master-mix-kalkulator"><img src="uploads/images/pcr2.png" /></a>
                                            <span class="image-caption">projekty</span>
                                        </div>
                                        <div class="main-post-content">
                                            <div class="post-title"><a href="post/pcr-master-mix-kalkulator"><h3>PCR Master Mix Kalkulator</h3></a></div><h3>PCR Master Mix Kalkulator</h3>
<p>Kalkulator oblicza stężenia dla poszczególnych składników Master mixu do reakcji PCR. Wystarczy podać objętość w...
                                            <div class="additional-info">
                                                <span class="post-date">2020-12-17 14:52</span>
                                                <span class="post-comments"><i class="far fa-comment-alt"></i> 1</span>
                                            </div>
                                            <a class="readmore" href="post/pcr-master-mix-kalkulator">Czytaj więcej</a>
                                        </div></div><div class="news-part">
                                        <div class="image-div">
                                            <a href="post/pogodynka---nowa-strona-z-prognoza-pogody"><img src="uploads/images/pogodynka1.png" /></a>
                                            <span class="image-caption">projekty</span>
                                        </div>
                                        <div class="main-post-content">
                                            <div class="post-title"><a href="post/pogodynka---nowa-strona-z-prognoza-pogody"><h3>Pogodynka - nowa strona z prognozą pogody</h3></a></div><h3>Pogodynka</h3>
<p>Nowa strona z pogodą na 7 dni dla 10 miast na terenie Polski.</p>
<p>Wykonana przy pomocy <a href="https://reactjs.org/">ReactJS...
                                            <div class="additional-info">
                                                <span class="post-date">2019-07-29 14:43</span>
                                                <span class="post-comments"><i class="far fa-comment-alt"></i> 1</span>
                                            </div>
                                            <a class="readmore" href="post/pogodynka---nowa-strona-z-prognoza-pogody">Czytaj więcej</a>
                                        </div></div><div class="news-part">
                                        <div class="image-div">
                                            <a href="post/for-gold-and-sweetrolls---aktualizacja"><img src="uploads/images/fgas 24.09.2018.png" /></a>
                                            <span class="image-caption">gry</span>
                                        </div>
                                        <div class="main-post-content">
                                            <div class="post-title"><a href="post/for-gold-and-sweetrolls---aktualizacja"><h3>For Gold and Sweetrolls - aktualizacja</h3></a></div><h3>For Gold and Sweetrolls - aktualizacja.</h3>
<p>Changelog:</p>
<ol>
<li>zmiana głównego menu</li>
<li>dodanie menu tworzenia bohatera</li>
<li>sys...
                                            <div class="additional-info">
                                                <span class="post-date">2018-09-24 15:36</span>
                                                <span class="post-comments"><i class="far fa-comment-alt"></i> 1</span>
                                            </div>
                                            <a class="readmore" href="post/for-gold-and-sweetrolls---aktualizacja">Czytaj więcej</a>
                                        </div></div><div class="news-part">
                                        <div class="image-div">
                                            <a href="post/for-gold-and-sweetrolls---poczatek-nowej-gry"><img src="uploads/images/fgas-20.08.2018-1.png" /></a>
                                            <span class="image-caption">gry</span>
                                        </div>
                                        <div class="main-post-content">
                                            <div class="post-title"><a href="post/for-gold-and-sweetrolls---poczatek-nowej-gry"><h3>For Gold and Sweetrolls - początek nowej gry</h3></a></div><p>Postanowiłem stworzyć nową grę. Grę którą zawsze chciałem zrobić. Roguelike!</p>
<h3>For Gold and Sweetrolls</h3>
<p>Gra napisana w Javie + Slick2D...
                                            <div class="additional-info">
                                                <span class="post-date">2018-09-24 13:40</span>
                                                <span class="post-comments"><i class="far fa-comment-alt"></i> 1</span>
                                            </div>
                                            <a class="readmore" href="post/for-gold-and-sweetrolls---poczatek-nowej-gry">Czytaj więcej</a>
                                        </div></div><div class="news-part">
                                        <div class="image-div">
                                            <a href="post/prognoza-pogody"><img src="uploads/images/code.jpeg" /></a>
                                            <span class="image-caption">projekty</span>
                                        </div>
                                        <div class="main-post-content">
                                            <div class="post-title"><a href="post/prognoza-pogody"><h3>Prognoza pogody</h3></a></div><h2>Prognoza pogody</h2>
<p>Aplikacja prognozy pogody pobiera informacje o pogodzie dla 10 miast na terenie Polski.</p>
<p>Więcej informacji można uzy...
                                            <div class="additional-info">
                                                <span class="post-date">2020-12-17 14:13</span>
                                                <span class="post-comments"><i class="far fa-comment-alt"></i> 1</span>
                                            </div>
                                            <a class="readmore" href="post/prognoza-pogody">Czytaj więcej</a>
                                        </div></div><div class="news-part">
                                        <div class="image-div">
                                            <a href="post/kanciarz---konwerter-walut---aktualizacja"><img src="uploads/images/kanciarz1.png" /></a>
                                            <span class="image-caption">programowanie</span>
                                        </div>
                                        <div class="main-post-content">
                                            <div class="post-title"><a href="post/kanciarz---konwerter-walut---aktualizacja"><h3>Kanciarz - konwerter walut - aktualizacja</h3></a></div><h3>Kanciarz - konwerter walut - aktualizacja!</h3>
<p>Changelog:</p>
<ul>
<li>dodano zadanie CRONa w celu aktualizacji kursu walut (raz dziennie o go...
                                            <div class="additional-info">
                                                <span class="post-date">2018-09-05 10:37</span>
                                                <span class="post-comments"><i class="far fa-comment-alt"></i> 1</span>
                                            </div>
                                            <a class="readmore" href="post/kanciarz---konwerter-walut---aktualizacja">Czytaj więcej</a>
                                        </div></div>
                </div>
                <div class="all-posts">
                    <a href="lista">Wszystkie posty...</a>
                </div>
            </div>
        </section>
        <section class="contact" id="kontakt">
            <div class="title">
                <h1>Kontakt</h1>
            </div>
            <div class="container">
                <div class="contact-container">
                    <div class="left-part">
                        <h3 class="title">Skontaktuj się ze mną</h3>
                        <form class="contact-us-form" id="submitMessageForm" method="POST">
                            <input type="text" placeholder="Imię i nazwisko" name="contact-form-name" autocomplete="name" required>
                            <input type="email" placeholder="E-mail" name="contact-form-email" autocomplete="email" required>
                            <textarea rows="12" placeholder="Twoja wiadomość" name="contact-form-message" required></textarea>
                            <div class="g-recaptcha" data-sitekey="6LezODAUAAAAAGr-Z7LAb4XjqtD7s9GgmMuK_hPV" data-theme="light"></div>
                            <div class="contact-us-form-actions">
                                <input type="submit" class="button" value="Wyślij"/>
                            </div>
                        </form>
                    </div>
                    <div class="right-part">
                        <div class="contact-card-maps">
                            <h3 class="title">Znajdź mnie tutaj</h3>
                            <div id="googlemapscontainer"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
            <div class="ctabutton-container">
        <a href="javascript:void(0)" onclick="goToTop()"><i class="fas fa-chevron-up"></i></a>
    </div>
            <footer>
        <p>Wróblewski Piotr, 2023 <small>(ver. 1.01.004)</small></p>
    </footer>
    </div>        <!-- FACEBOOK MESSENGER DIV -->
        <!-- 
        <div class="fb-customerchat"
            page_id="220388458721168"
            ref="https://wroblewskipiotr.pl"
            minimized="true">
        </div> -->
            </div>

    <!-- ####################### NOTOFICATIONS ####################### -->
    <div id="notificationsPanel">
        <span id="notificationsContent"></span>
    </div>
    
    <!-- ###########################<.SCRIPTS.>############################# -->

    <script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/jquery/jquery-1.12.4.min.js"></script><script type="text/javascript" src="js/external.js"></script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><script type="text/javascript" src="js/translate.js"></script><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCBHgxIfkgboTg_qURITaGz7cXDXOc4CrI&callback=showGoogleMaps"></script><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5ad1f6633ca8b854"></script><script  async type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>    <script>searchInput("https://wroblewskipiotr.pl/");</script>    <script src="js/cookieconsent.js"></script>

    <!-- Dynamic page generated in 0.0093 seconds. -->    <!-- <script id="dsq-count-scr" src="https://www.wroblewskipiotr.disqus.com/count.js" async></script> -->
</body>
</html>