318 lines
21 KiB
HTML
318 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<title>Resume</title>
|
|
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
|
|
<!-- Font Awesome icons (free version)-->
|
|
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
|
|
<!-- Google fonts-->
|
|
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
|
|
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
|
|
<!-- Core theme CSS (includes Bootstrap)-->
|
|
<link href="css/styles.css" rel="stylesheet" />
|
|
</head>
|
|
<body id="page-top">
|
|
<!-- Navigation-->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
|
|
<a class="navbar-brand js-scroll-trigger" href="#page-top">
|
|
<span class="d-block d-lg-none">Piekarski Bartłomiej</span>
|
|
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="..." /></span>
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
|
|
<!--li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li-->
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
|
|
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<!-- Page Content-->
|
|
<div class="container-fluid p-0">
|
|
<!-- About-->
|
|
<section class="resume-section" id="about">
|
|
<div class="resume-section-content">
|
|
<h1 class="mb-0">
|
|
Bartłomiej
|
|
<span class="text-primary">Piekarski</span>
|
|
</h1>
|
|
<div class="subheading mb-5">
|
|
Chorzów, Śląskie · 518-523-104 ·
|
|
<a href="mailto:bartek.piekarski@pm.me">bartek.piekarski@pm.me</a>
|
|
</div>
|
|
<p class="lead mb-5">I am experienced in leveraging agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
|
|
<div class="social-icons">
|
|
<a class="social-icon" href="https://www.linkedin.com/in/bart%C5%82omiej-piekarski-0386b3331/"><i class="fab fa-linkedin-in"></i></a>
|
|
<a class="social-icon" href="https://gitlab.com/Lheorvine"><i class="fab fa-gitlab"></i></a>
|
|
<a class="social-icon" href="https://github.com/Lheorvine"><i class="fab fa-github"></i></a>
|
|
<!--a class="social-icon" href="#!"><i class="fab fa-twitter"></i></a>
|
|
<a class="social-icon" href="#!"><i class="fab fa-facebook-f"></i></a-->
|
|
</div>
|
|
<ul class="list-inline dev-icons">
|
|
<img src="assets/img/html5.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/css-3.svg" alt="" width="32" height="32"/>
|
|
|
|
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
|
|
|
<img src="assets/img/javascript-1.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/c--4.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/python-5.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/ruby.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/rust.svg" alt="" width="32" height="32"/>
|
|
|
|
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
|
|
|
<img src="assets/img/dotnet.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/rails.svg" alt="" width="32" height="32"/>
|
|
|
|
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
|
|
|
<img src="assets/img/microsoft-sql-server-1.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/photoshop-cc-4.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/unity-69.svg" alt="" width="32" height="32"/>
|
|
|
|
<img src="assets/img/No_image.svg.png" alt="" width="4" height="4"/>
|
|
|
|
<img src="assets/img/linux-tux.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/archlinux-icon.svg" alt="" width="32" height="32"/>
|
|
<img src="assets/img/ubuntu-4.svg" alt="" width="32" height="32"/>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<hr class="m-0" />
|
|
<!-- Skills-->
|
|
<!-- section class="resume-section" id="skills">
|
|
<div class="resume-section-content">
|
|
<h2 class="mb-5">Skills</h2>
|
|
<div class="subheading mb-3">Programming Languages & Tools</div>
|
|
<ul class="list-inline dev-icons">
|
|
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-angular"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-react"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-node-js"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-sass"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-less"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-wordpress"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-gulp"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-grunt"></i></li>
|
|
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
|
|
</ul>
|
|
<div class="subheading mb-3">Workflow</div>
|
|
<ul class="fa-ul mb-0">
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-check"></i></span>
|
|
Mobile-First, Responsive Design
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-check"></i></span>
|
|
Cross Browser Testing & Debugging
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-check"></i></span>
|
|
Cross Functional Teams
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-check"></i></span>
|
|
Agile Development & Scrum
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</--section>
|
|
<hr class="m-0" /-->
|
|
<!-- Portfolio-->
|
|
<section class="resume-section" id="portfolio">
|
|
<div class="resume-section-content">
|
|
<h2 class="mb-5">Portfolio</h2>
|
|
<!-- Photo grid -->
|
|
<h3 class="mb-5">Graphics Class</h3>
|
|
<div class="w3-row">
|
|
<div class="w3-third">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="My first graphics class project. We used Canva AI to generate a moodboard.">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful scenery this sunset">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="The Beach. Me. Alone. Beautiful">
|
|
</div>
|
|
<div class="w3-third">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Quiet day at the beach. Cold, but beautiful">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Waiting for the bus in the desert">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Nature again.. At its finest!">
|
|
</div>
|
|
|
|
<div class="w3-third">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Canoeing again">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="A girl, and a train passing">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful day!">
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<h3 class="mb-5">Game Development</h3>
|
|
<div class="w3-row">
|
|
<div class="w3-third">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="My first graphics class project. We used Canva AI to generate a moodboard.">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful scenery this sunset">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="The Beach. Me. Alone. Beautiful">
|
|
</div>
|
|
|
|
<div class="w3-third">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Quiet day at the beach. Cold, but beautiful">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Waiting for the bus in the desert">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Nature again.. At its finest!">
|
|
</div>
|
|
|
|
<div class="w3-third">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="Canoeing again">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="A girl, and a train passing">
|
|
<img src="img/Projekt1.png" style="width:33%" onclick="onClick(this)" alt="What a beautiful day!">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal for full size images on click-->
|
|
<div id="modal01" class="w3-modal w3-black" style="padding-top:0" onclick="this.style.display='none'">
|
|
<span class="w3-button w3-black w3-xlarge w3-display-topright"></span>
|
|
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
|
|
<img id="img01" class="w3-image" alt="" src="">
|
|
<p id="caption"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Education-->
|
|
<section class="resume-section" id="education">
|
|
<div class="resume-section-content">
|
|
<h2 class="mb-5">Edukacja</h2>
|
|
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">Uniwersytet Ekonomiczny w Katowicach</h3>
|
|
<div class="subheading mb-3">Informatyka</div>
|
|
<div>Programowanie gier i aplikacji mobilnych </div>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">Październik 2023 - Teraz</span></div>
|
|
</div>
|
|
<div class="d-flex flex-column flex-md-row justify-content-between">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">Uniwersytet Śląski</h3>
|
|
<div class="subheading mb-3">Filologia Angielska</div>
|
|
<div>Tłumaczeniowa z językiem chińskim</div>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">Październik 2021 - Styczeń 2023 (byłem zmuszony przerwać studia na 2 roku)</span></div>
|
|
</div>
|
|
<div class="d-flex flex-column flex-md-row justify-content-between">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">IV Liceum Ogólnokształcące im. Marii Skłodowskiej-Curie w Chorzowie</h3>
|
|
<div class="subheading mb-3">Liceum</div>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">Wrzesień 2016 - Maj 2019</span></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr class="m-0" />
|
|
<!-- Experience-->
|
|
<section class="resume-section" id="experience">
|
|
<div class="resume-section-content">
|
|
<h2 class="mb-5">Doświadczenie</h2>
|
|
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">Pracownik Ochrony</h3>
|
|
<div class="subheading mb-3">JUSTUS</div>
|
|
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">Marzec 2023 - Teraz</span></div>
|
|
</div>
|
|
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">Kasjer - Sprzedawca</h3>
|
|
<div class="subheading mb-3">MISTER Minit</div>
|
|
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">Luty 2021 - Marzec 2022</span></div>
|
|
</div>
|
|
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">Magazynier (Praca Wakacyjna)</h3>
|
|
<div class="subheading mb-3">MotoProfil</div>
|
|
<p>Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration.</p>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">Lipiec - Wrzesień, 2020-2022 (3 wakacje)</span></div>
|
|
</div>
|
|
<!--div class="d-flex flex-column flex-md-row justify-content-between">
|
|
<div class="flex-grow-1">
|
|
<h3 class="mb-0">Web Design Intern</h3>
|
|
<div class="subheading mb-3">Shout! Media Productions</div>
|
|
<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
|
|
</div>
|
|
<div class="flex-shrink-0"><span class="text-primary">September 2008 - June 2010</span></div>
|
|
</--div-->
|
|
</div>
|
|
</section>
|
|
<hr class="m-0" />
|
|
<!-- Interests-->
|
|
<section class="resume-section" id="interests">
|
|
<div class="resume-section-content">
|
|
<h2 class="mb-5">Interests</h2>
|
|
<p>Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p>
|
|
<p class="mb-0">When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
|
|
</div>
|
|
</section>
|
|
<hr class="m-0" />
|
|
<!-- Awards-->
|
|
<section class="resume-section" id="awards">
|
|
<div class="resume-section-content">
|
|
<h2 class="mb-5">Awards & Certifications</h2>
|
|
<ul class="fa-ul mb-0">
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
Google Analytics Certified Developer
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
Mobile Web Specialist - Google Certification
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
1
|
|
<sup>st</sup>
|
|
Place - University of Colorado Boulder - Emerging Tech Competition 2009
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
1
|
|
<sup>st</sup>
|
|
Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
2
|
|
<sup>nd</sup>
|
|
Place - University of Colorado Boulder - Emerging Tech Competition 2008
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
1
|
|
<sup>st</sup>
|
|
Place - James Buchanan High School - Hackathon 2006
|
|
</li>
|
|
<li>
|
|
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
|
|
3
|
|
<sup>rd</sup>
|
|
Place - James Buchanan High School - Hackathon 2005
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<!-- Bootstrap core JS-->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
<!-- Core theme JS-->
|
|
<script src="js/scripts.js"></script>
|
|
</body>
|
|
</html>
|