{% extends "base.html" %}
  {% block main%}
  <main class="main">

    <!-- Hero Section -->
    <section id="hero" class="hero section dark-background">

      <img src="static/assets/img/hero-img.jpg" alt="" data-aos="fade-in">

      <div class="container d-flex flex-column align-items-center justify-content-center text-center" data-aos="fade-up" data-aos-delay="100">
        <h2>I am Jiri Karlik</h2>
        <p><span class="typed" data-typed-items="SW Developer, QA Automation, Project Management"></span></p>
      </div>

    </section><!-- /Hero Section -->

    <!-- About Section -->
    <section id="about" class="about section">

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="row gy-4">
          <div class="col-md-6">

            <div class="row justify-content-between gy-4">
              <div class="col-lg-5">
                <img src="static/assets/img/profile-img.jpg" class="img-fluid" alt="">
              </div>
              <div class="col-lg-7 about-info">
                <p><strong>Name: </strong> <span>Jiri Karlik</span></p>
                <p><strong>Profile: </strong> <span>SW Developer</span></p>
                <p><strong>Email: </strong> <span>info@jirikarlik.com</span></p>
              </div>
            </div>

            <div class="skills-content skills-animation">

              <h5>Skills</h5>

              <div class="progress">
                <span class="skill"><span>Python</span> <i class="val">95%</i></span>
                <div class="progress-bar-wrap">
                  <div class="progress-bar" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </div><!-- End Skills Item -->

              <div class="progress">
                <span class="skill"><span>Automation & Scripting</span> <i class="val">90%</i></span>
                <div class="progress-bar-wrap">
                  <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </div><!-- End Skills Item -->

              <div class="progress">
                <span class="skill"><span>Linux</span> <i class="val">70%</i></span>
                <div class="progress-bar-wrap">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </div><!-- End Skills Item -->

              <div class="progress">
                <span class="skill"><span>Project Management</span> <i class="val">70%</i></span>
                <div class="progress-bar-wrap">
                  <div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </div><!-- End Skills Item -->

              <div class="progress">
                <span class="skill"><span>Cybersecurity</span> <i class="val">50%</i></span>
                <div class="progress-bar-wrap">
                  <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
              </div><!-- End Skills Item -->
            </div>
          </div>

          <div class="col-md-6">
            <div class="about-me">
              <h4>About Me</h4>
              <p>Hello!</p>
              <p>I'm a dedicated and adaptable tech professional with a strong background in automation testing, software development, and project management. My journey into technology started with a deep curiosity about how computers operate, and this passion has only grown over time.</p>
              <p>After gaining valuable experience in data analysis at Korn Ferry and coordinating software projects at ZF Group, I now specialize in QA automation and SW development for Siemens Simatic IPC devices at Siemens Advanta Czech Republic.</p>
              <p>Currently, I'm shifting my focus towards cybersecurity, actively pursuing a CompTIA Security+ certification, and enhancing my skills in Go. My goal is to transition into cybersecurity roles where I can leverage my experience in automation and scripting to protect and secure systems.</p>
              <p>I recently completed the Google Cyber Security Certificate and am expanding my knowledge in network security, incident response, and Linux administration. I’m passionate about staying ahead in the rapidly evolving field of cybersecurity and aim to contribute to innovative security solutions.</p>
              <p>Outside of work, I enjoy diving into new technologies, refining my skills, and exploring cybersecurity challenges. I also have a passion for tinkering with computers and playing Dungeons & Dragons.</p>
              <p>Thank you for visiting my portfolio. Please explore my projects, and don't hesitate to reach out if you'd like to connect!</p>
            </div>
          </div>
        </div>

      </div>

    </section><!-- /About Section -->

    <!-- Resume Section -->
    <section id="resume" class="resume section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Resume</h2>
      </div><!-- End Section Title -->

      <div class="container">

        <div class="row">

          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
            <h3 class="resume-title">Professional Experience</h3>
            <div class="resume-item">
              <h4>Engineer Verification & Validation</h4>
              <h5>2023 - Present</h5>
              <p><em>Siemens, Plzen, Czechia</em></p>
              <ul>
                <li>Developed and implemented an automatic test framework, enabling OS and HW/driver testing for Simatic IPCs.</li>
                <li>Designed and implemented CI/CD pipelines for the QA team, automating Docker container builds and
                  introducing vulnerability and code quality scanning.</li>
                <li>Collaborated with cross-functional teams, resolving system issues and enhancing overall product reliability and performance.</li>
                <li>Conducted system testing for Siemens Simatic IPC devices.</li>
                <p><em>Skills: Python · Test Automation · Git · CI/CD · Linux</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item">
              <h4>Lead Software Coordinator</h4>
              <h5>2022 - 2023</h5>
              <p><em>ZF Friedrichshafen, Plzen, Czechia</em></p>
              <ul>
                <li>Managed 3 projects simultaneously, ensuring timely delivery and quality.</li>
                <li>Communicated directly with B2B customers, effectively managing expectations and feedback.</li>
                <li>Collaboratively planned projects with expert departments, enhancing coordination and efficiency.</li>
                <li>Proactively identified and escalated potential issues, preventing delays and quality issues.</li>
                <li>Monitored software delivery for timeliness, content accuracy, and quality.</li>
                <li>Approved software for product release, ensuring compliance with industry standards.</li>
                <p><em>Skills: English · Communication · DOORS · ClearQuest · Project Management · Codebeamer</em></p>
              </ul>
            </div><!-- End Resume Item -->
            
            <div class="resume-item">
              <h4>Data Integrator for Embedded Software</h4>
              <h5>2020 - 2022</h5>
              <p><em>ZF Friedrichshafen, Plzen, Czechia</em></p>
              <ul>
                <li>Communicated directly with B2B customers ensuring software delivery.</li>
                <li>Compiled and converted data into customer-specific and production-specific software releases. Assigned "serial software" status post-release verification, ensuring reliability and performance.</li>
                <li>Automated processes using Python scripts, increasing efficiency and accuracy.</li>
                <li>Coordinated with expert teams to ensure timely delivery of software releases.</li>
                <p><em>Skills: Git · Vector vCDM · Python · ClearQuest · Databases · ClearCase · Codebeamer</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item">
              <h4>Data Analyst</h4>
              <h5>2018 - 2020</h5>
              <p><em>Korn Ferry, Plzen, Czechia</em></p>
              <ul>
                <li>Prepared analyses and reports on salaries and employee benefits, providing actionable insights.</li>
                <li>Processed and cleaned data using Excel and SQL.</li>
                <li>Generated reports using internal database tools and VBA.</li>
                <li>Automated processes using VBA.</li>
                <p><em>Skills: Microsoft Excel · VBA · Microsoft SQL Server · Python · Analytical Skills</em></p>
              </ul>
            </div><!-- End Resume Item -->


          </div>
          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
            <h3 class="resume-title">Certifications</h3>
            <div class="resume-item pb-0">
              <h4>AWS Cloud Practitioner Essentials</h4>
              <h5>August 2024</h5>
              <h5><a href="https://www.coursera.org/account/accomplishments/verify/O4ODBP9JWRJ4" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
              <ul>
                <p><em>Skills: AWS Cloud</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item pb-0">
              <div class="toggle-symbol"></div>
              <h4>Google Cybersecurity Certificate</h4>
              <ul class="multicert hidden">
                <li>
                  <h5>Foundations of Cybersecurity</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/ZP4GWK9LLRB7" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Play It Safe: Manage Security Risks</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/GB65CN6ZFPFF" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Connect and Protect: Networks and Network Security</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/8XKA5J8PHJ52" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Tools of the Trade: Linux and SQL</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/UZN3QEZQBGJ2" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Assets, Threats, and Vulnerabilities</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/MLJ7ATZ7DXGH" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Sound the Alarm: Detection and Response</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/874HE2K6H3GJ" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Automate Cybersecurity Tasks with Python</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/GS5A3TBWQEA8" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Put It to Work: Prepare for Cybersecurity Jobs</h5>
                  <h5><a href="https://www.coursera.org/account/accomplishments/verify/BBCQB77EEBT9" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
            </ul>
              <h5>February - July 2024</h5>
              <h5><a href="https://www.coursera.org/account/accomplishments/specialization/2W4J8XZ7BA7N" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
              <ul>
                <p><em>Skills: Threats, risks, and vulnerabilities · Incident response · Security frameworks and controls · Security hardening · Linux command line · SIEM tools · Python · SQL</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item pb-0">
              <div class="toggle-symbol"></div>
              <h4>Project Management in Action</h4>
              <ul class="multicert hidden">
                <li>
                  <h5>Agile Way of Working Fundamentals</h5>
                  <h5><a href="static/assets/certifications/pm4.pdf" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Project Execution and Closing</h5>
                  <h5><a href="static/assets/certifications/pm2.pdf" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Effective Project Team Management</h5>
                  <h5><a href="static/assets/certifications/pm3.pdf" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
                <li>
                  <h5>Project Initiation, Planning & Starting Fundamentals</h5>
                  <h5><a href="static/assets/certifications/pm1.pdf" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
                </li>
            </ul>
              <h5>April - May 2023</h5>
              <ul>
                <p><em>Skills: Project Management</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item pb-0">
              <h4>EF SET English Certificate 79/100 (C2 Proficient)</h4>
              <h5>March 2023</h5>
              <h5><a href="https://www.efset.org/cert/3QRTAx" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
              <ul>
                <p><em>Skills: English</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item pb-0">
              <h4>CS50: Introduction to Computer Science</h4>
              <h5>December 2021</h5>
              <h5><a href="https://cs50.harvard.edu/certificates/cb914f4d-b174-47e1-801a-5f589522e511" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
              <ul>
                <p><em>Skills: Git · Python · C · Problem Solving · Data Structure · Algorithms</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item pb-0">
              <h4>Data Science: Visualization</h4>
              <h5>November 2019</h5>
              <h5><a href="https://courses.edx.org/certificates/1e78c2cb9c684cf28bdbed2364527d94" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
              <ul>
                <p><em>Skills: Data Visualization</em></p>
              </ul>
            </div><!-- End Resume Item -->

            <div class="resume-item pb-0">
              <h4>Data Science: R Basics</h4>
              <h5>July 2019</h5>
              <h5><a href="https://courses.edx.org/certificates/0f82c3d6d59542e5870c4d54aba06cec" target="_blank" rel="noopener noreferrer">Show Certificate</a></h5>
              <ul>
                <p><em>Skills: R</em></p>
              </ul>
            </div><!-- End Resume Item -->


            <h3 class="resume-title">Education</h3>
            <div class="resume-item">
              <h4>Bachelor of Science in Biology (Incomplete)</h4>
              <h5>2014 - 2016</h5>
              <p><em>Czech University of Life Sciences, Prague, Czechia</em></p>
            </div><!-- End Resume Item -->


          </div>

        </div>

      </div>

    </section><!-- /Resume Section -->

    <!-- Stats Section -->
    <section id="stats" class="stats section accent-background">

      <img src="static/assets/img/stats-bg.jpg" alt="" data-aos="fade-in">

      <div class="container position-relative" data-aos="fade-up" data-aos-delay="100">

        <div class="row gy-4">

          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="6" data-purecounter-duration="1" class="purecounter">6</span>
              <span>+</span>
              <p>Years of Experience</p>
            </div>
          </div><!-- End Stats Item -->

          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="700" data-purecounter-duration="1" class="purecounter">700</span>
              <span>+</span>
              <p>Hours of Self-Learning</p>
            </div>
          </div><!-- End Stats Item -->

          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="10" data-purecounter-duration="1" class="purecounter">10</span>
              <span>+</span>
              <p>Successful Projects Completed</p>
            </div>
          </div><!-- End Stats Item -->

          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="3" data-purecounter-duration="1" class="purecounter">3</span>
              <span>+</span>
              <p>Major Certifications</p>
            </div>
          </div><!-- End Stats Item -->

        </div>

      </div>

    </section><!-- /Stats Section -->

    <!-- Portfolio Section -->
    <section id="portfolio" class="portfolio section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Portfolio</h2>
      </div><!-- End Section Title -->

      <div class="container">

        <div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
          <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
            <li data-filter="*" class="filter-active">All</li>
            <li data-filter=".filter-21">2021</li>
            <li data-filter=".filter-23">2023</li>
            <li data-filter=".filter-24">2024</li>
          </ul><!-- End Portfolio Filters -->

          <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-24">
              <a href="portfolio-9" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi9/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>jirikarlik.com</h4>
                <p>My portfolio website.</p>
                <p><strong>August, 2024</strong></p>
                <p><em><i class="fab fa-python"></i> Python <i class="fa-solid fa-database"></i> SQL <i class="fa-brands fa-html5"></i> HTML <i class="fa-brands fa-css3-alt"></i> CSS <i class="fa-brands fa-js"></i> JavaScript <i class="fa-brands fa-ubuntu"></i> Linux <i class="fa-brands fa-aws"></i> AWS <i class="fa-solid fa-feather"></i> Apache2 <i class="fa-solid fa-mug-saucer"></i> Gitea</em></p>
                <a href="portfolio-9" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-24">
              <a href="portfolio-3" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi3/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>CI/CD Nexus PyPi</h4>
                <p>Multi-Nexus Python Package Manager with CI/CD Integration.</p>
                <p><strong>July, 2024</strong></p>
                <p><em><i class="fab fa-python"></i> Python <i class="fas fa-tools"></i> CICD <i class="fa-solid fa-gear"></i> API</em></p>
                <a href="portfolio-3" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->


            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-24">
              <a href="portfolio-7" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi7/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>Cuda Stresser</h4>
                <p>Python-based tool designed to stress test CUDA-enabled GPUs.</p>
                <p><strong>March, 2024</strong></p>
                <p><em><i class="fab fa-python"></i> Python <i class="fa-solid fa-fire"></i> PyTorch <i class="fa-solid fa-eye"></i> CUDA</em></p>
                <a href="portfolio-7" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-24">
              <a href="portfolio-2" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi2/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>Godot 3D Character Controller</h4>
                <p>Godot 3D 3rd person character controller demo.</p>
                <p><strong>January, 2024</strong></p>
                <p><em><i class="fas fa-code"></i> GDScript <i class="fa-solid fa-gamepad"></i> Godot</em></p>
                <a href="portfolio-2" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->


            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-23">
              <a href="portfolio-6" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi6/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>Jobs Aggregator</h4>
                <p>Django WebApp to scrape job listings from jobs.cz</p>
                <p><strong>June, 2023</strong></p>
                <p><em><i class="fab fa-python"></i> Python <i class="fa-brands fa-js"></i> JavaScript <i class="fa-solid fa-database"></i> SQLite3</em></p>
                <a href="portfolio-6" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-21">
              <a href="portfolio-5" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi5/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>CS50 Labs</h4>
                <p>My solutions to CS50 labs</p>
                <p><strong>December, 2021</strong></p>
                <p><em><i class="fas fa-code"></i> C <i class="fab fa-python"></i> Python <i class="fa-solid fa-database"></i> SQL <i class="fa-brands fa-html5"></i> HTML <i class="fa-brands fa-css3-alt"></i> CSS <i class="fa-brands fa-js"></i> JavaScript</em></p>
                <a href="portfolio-5" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->


            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-21">
              <a href="portfolio-4" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi4/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>Platformania - CS50 Final Project</h4>
                <p>2D platformer game made with Unity as my CS50 final project.</p>
                <p><strong>December, 2021</strong></p>
                <p><em><i class="fas fa-code"></i> C# <i class="fab fa-unity"></i> Unity</em></p>
                <a href="portfolio-4" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->


            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-21">
              <a href="portfolio-1" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><img src="static/assets/img/portfolio/pi1/logo.jpg" class="img-fluid" alt=""></a>
              <div class="portfolio-info">
                <h4>Discord RandBot</h4>
                <p>Discord bot randomizer. Users can create a list that is stored in MongoDB and the bot can select a random item from this list.</p>
                <p><strong>April, 2021</strong></p>
                <p><em><i class="fab fa-python"></i> Python <i class="fa-solid fa-database"></i> MongoDB <i class="fa-solid fa-gear"></i> API</em></p>
                <a href="portfolio-1" title="More Details" class="details-link" target="_blank" rel="noopener noreferrer"><i class="bi bi-arrow-right-circle"></i></a>
              </div>
            </div><!-- End Portfolio Item -->
            
          </div><!-- End Portfolio Container -->

        </div>

      </div>

    </section><!-- /Portfolio Section -->

    <!-- Testimonials Section -->
    <section id="testimonials" class="testimonials section accent-background">

      <img src="static/assets/img/testimonials-bg.jpg" class="testimonials-bg" alt="">

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="swiper init-swiper">
          <script type="application/json" class="swiper-config">
            {
              "loop": true,
              "speed": 600,
              "autoplay": {
                "delay": 5000
              },
              "slidesPerView": "auto",
              "pagination": {
                "el": ".swiper-pagination",
                "type": "bullets",
                "clickable": true
              }
            }
          </script>
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="static/assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
                <h3>Sladjana Matic</h3>
                <h4><em>Former Data Integrator at ZF</em></h4>
                <p>
                  <i class="bi bi-quote quote-icon-left"></i>
                  <span>I had the pleasure of working with Jiri who was incredibly supportive during my transition into my then, new job role. Jiri trained me and was always approachable, making it easy to ask questions and seek guidance. His professional demeanor, combined with a genuinely nice attitude, created a welcoming environment. He was always open to help, ensuring I felt confident and equipped to perform my duties.</span>
                  <i class="bi bi-quote quote-icon-right"></i>
                </p>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="static/assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
                <h3>Martin Peroutka</h3>
                <h4>Former Team Leader at Korn Ferry</h4>
                <p>
                  <i class="bi bi-quote quote-icon-left"></i>
                  <span>Working with Jiri was a great experience. He quickly learned everything needed and then proactively sought ways to improve and streamline processes, making work easier not just for him, but also for his colleagues. Jiri looks for solutions beyond existing procedures, often coming up with completely original ideas.</span>
                  <i class="bi bi-quote quote-icon-right"></i>
                </p>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="static/assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
                <h3>Josef Volek</h3>
                <h4>Former Team Leader at ZF</h4>
                <p>
                  <i class="bi bi-quote quote-icon-left"></i>
                  <span>Although it's been a while, I remember valuing your independence, flexibility, communication skills, and time management. You always handled what needed to be done.</span>
                  <i class="bi bi-quote quote-icon-right"></i>
                </p>
              </div>
            </div><!-- End testimonial item -->

          </div>
          <div class="swiper-pagination"></div>
        </div>

      </div>

    </section><!-- /Testimonials Section -->

    <!-- Contact Section -->
    <section id="contact" class="contact section">

      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Contact</h2><!-- TODO: Functioning contact form -->
      </div><!-- End Section Title -->

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="info-wrap" data-aos="fade-up" data-aos-delay="200">
          <div class="row gy-5">

            <div class="col-lg-4">
              <div class="info-item d-flex align-items-center">
                <a href= "mailto: info@jirikarlik.com"><i class="bi bi-envelope flex-shrink-0"></i></a>
                <div>
                  <h3>Email Me</h3>
                  <p><a href= "mailto: info@jirikarlik.com">info@jirikarlik.com</a></p>
                </div>
              </div>
            </div><!-- End Info Item -->

            <div class="col-lg-4">
              <div class="info-item d-flex align-items-center">
                <a href="https://www.linkedin.com/in/jiri-karlik" target="_blank" rel="noopener noreferrer"><i class="bi bi-linkedin flex-shrink-0"></i></a>
                <div>
                  <h3>LinkedIn:</h3>
                  <p><a href="https://www.linkedin.com/in/jiri-karlik" target="_blank" rel="noopener noreferrer">jiri-karlik</a></p>
                </div>
              </div>
            </div><!-- End Info Item -->

            <div class="col-lg-4">
              <div class="info-item d-flex align-items-center">
                <a href="https://github.com/karlji" target="_blank" rel="noopener noreferrer"><i class="bi bi-github flex-shrink-0"></i></a>
                <div>
                  <h3>GitHub:</h3>
                  <p><a href="https://github.com/karlji" target="_blank" rel="noopener noreferrer">karlji</a></p>
                </div>
              </div>
            </div><!-- End Info Item -->

          </div>
        </div>

        <form action="forms/contact.php" method="post" class="php-email-form hidden" data-aos="fade-up" data-aos-delay="300">
          <div class="row gy-4">

            <div class="col-md-6">
              <input type="text" name="name" class="form-control" placeholder="Your Name" required="">
            </div>

            <div class="col-md-6 ">
              <input type="email" class="form-control" name="email" placeholder="Your Email" required="">
            </div>

            <div class="col-md-12">
              <input type="text" class="form-control" name="subject" placeholder="Subject" required="">
            </div>

            <div class="col-md-12">
              <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea>
            </div>

            <div class="col-md-12 text-center">
              <div class="loading">Loading</div>
              <div class="error-message"></div>
              <div class="sent-message">Your message has been sent. Thank you!</div>

              <button type="submit">Send Message</button>
            </div>

          </div>
        </form><!-- End Contact Form -->

      </div>

    </section><!-- /Contact Section -->

  </main>
  {% endblock %}
