Veronika_portfolio_website.github.io/index.html at main · Veronika181/Veronika_portfolio_website.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Veronika Ondrušová – QA Tester</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>

  <!--==================== HEADER ====================-->
  <header class="header" id="header">
    <nav class="nav container">
      <a href="#" class="nav__logo">Veronika Ondrušová</a>
      <button class="nav__toggle" id="nav-toggle" aria-label="Menu">☰</button>
      <div class="nav__menu" id="nav-menu">
        <ul class="nav__list">
          <li><a href="#jobs" class="nav__link">Work Experience</a></li>
          <li><a href="#skills" class="nav__link">Skills</a></li>
          <li><a href="#projects" class="nav__link">Personal Projects</a></li>
          <li><a href="#contact" class="nav__link">Contact</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <!--==================== MAIN ====================-->
  <main class="main">
    <section class="home section">
      <div class="container home__grid">
        <div class="home__content">
          <h1 class="home__title" id="homeTitle">👩‍💻 QA Tester</h1>
          <p id="homeText">I focus on software quality, testing, and collaboration with the development team.</p>
          <a href="#contact" class="button" id="buttonText">Let's Collaborate</a>
          <a href="CV-Veronika Ondrušova (1).pdf" download class="btn btn-small btn-purple" aria-label="Download CV">📄 Download My CV</a>
<div class="social-icons">
  <!-- LinkedIn -->
  <a href="https://www.linkedin.com/in/veronika-obrtelová/"
     class="linkedin" aria-label="LinkedIn profile" target="_blank" rel="noopener">
    <img src="images/linkedin.png" alt="LinkedIn logo" class="icon">
  </a>

  <!-- GitHub -->
  <a href="https://github.com/veronika181"
     class="github" aria-label="GitHub profile" target="_blank" rel="noopener">
    <img src="images/github.png" alt="GitHub logo" class="icon">
  </a>

  <!-- Telefon -->
  <a href="tel:+420604163329" class="phone" aria-label="Phone number">
    <img src="images/phone.png" alt="Phone icon" class="icon">
  </a>
</div>

        <div class="home__image-wrapper">
          <img src="img copy.jpeg" alt="Veronika Ondrušová" class="home__image" />
        </div>
      </div>
    </section>

<!--==================== JOBS ====================-->
<section class="jobs section" id="jobs">
  <h2 class="section__title"><span>Work</span> Experience</h2>
  <div class="container grid">
    <div class="jobs__item services__item">
      <img src="images/o2itsservices.png" alt="Creditas logo" class="project__logo">
      <h3>👩‍💻 Software Tester – O2 IT Services</h3>
      <p><strong>Period:</strong> November 2024 – Present · Olomouc · Hybrid</p>
      <p><strong>Project:</strong> Ministry of Agriculture CZ – LPIS (Land Parcel Identification System)</p>
      <p>Testing the LPIS web application for agricultural parcel management. I use Java, testing tools, and collaborate to ensure system quality for public administration.</p>
    </div>

    <div class="jobs__item services__item">
      <img src="images/creditas .png" alt="Creditas logo" class="project__logo">
      <h3>📱 Software Tester – Creditas Bank</h3>
      <p><strong>Period:</strong> December 2023 – March 2024 · Olomouc · On-site</p>
      <p>Testing mobile and web applications for Creditas Bank. Focused on iOS, Kibana, and other tools for bug tracking, performance, and user behavior.</p>
    </div>

    <div class="jobs__item services__item">
      <img src="images/spu.png" alt="SPU logo" class="project__logo">
      <h3>📄 Clerk – State Land Office CZ</h3>
      <p><strong>Period:</strong> 2021 · Opava · On-site</p>
      <p>Administrative management of land adjustments including full process coordination. Provided expert support in areas like BPEJ, erosion, drought, and technical assistance. Ensured smooth department operations and collaborated on regional projects.</p>
    </div>
  </div>
</section>


    <!--==================== SKILLS ====================-->
    <section class="services section" id="skills">
      <h2 class="section__title"><span>Skills</span></h2>
      <div class="container grid">

        <div class="services__item">✅ Automated Testing (Selenium, Playwright)</div>
        <div class="services__item">🧪 Manual Testing & Bug Tracking</div>
        <div class="services__item">🎨 HTML, CSS, JavaScript, React</div>
        <div class="services__item">📋 Test Scenarios & Documentation</div>
        <div class="services__item">🔍 Requirements Analysis & UX Testing</div>
      </div>
    </section>

    <!--==================== PROJECTS ====================-->
    <section class="projects section" id="projects">
      <h2 class="section__title"><span>Personal</span> Projects</h2>

      <div class="projects__category">
        <h3>🧪 Test Automation</h3>
        <div class="projects__container container grid">
          <div class="projects__item">
            <h4>Selenium Automation Python</h4>
            <p>Automated web application tests using Selenium in Python.</p>
            <img src="images/edalnice.png" alt="automated testing logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
          </div>
          <div class="projects__item">
            <h4>Playwright Tests</h4>
            <p>Test scripts for modern web apps using Playwright.</p>
            <img src="images/playwright.png" alt="Playwright logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
        </div>
      </div>

      <div class="projects__category">
        <h3>💻 Web Development</h3>
        <div class="projects__container container grid">
          <div class="projects__item">
            <h4>Calorie App</h4>
            <p>Custom calorie calculator app. HTML, CSS, JavaScript + design in Figma.</p>
            <img src="images/Caloriecalculator.png" alt="Caloriecalculator logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
          </div>
          <div class="projects__item">
            <h4>Weather App</h4>
            <p>App displaying current weather using OpenWeatherMap API.</p>
            <img src="images/weather.png" alt="weather logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
          </div>
          <div class="projects__item">
            <h4>Portfolio Website</h4>
            <p>Personal portfolio built as a static website.</p>
            <img src="images/creditas.png" alt="Creditas logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
          </div>
          <div class="projects__item">
            <h4>JavaScript Slider</h4>
            <p>Interactive slider for web interface.</p>
            <img src="images/Javascriptslider.png" alt="JavaScript logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
          </div>
        </div>
      </div>

      <div class="projects__category">
        <h3>🔌 APIs & Tools</h3>
        <div class="projects__container container grid">
          <div class="projects__item">
            <h4>Postman Challenge</h4>
            <p>REST API testing using Postman – collections, validation, documentation.</p>
            <img src="images/postman.png" alt="Postman logo" class="project__logo">
            <a href="https://github.com/Veronika181/Postman-Challenge" target="_blank">View code</a>
            <a href="https://www.postman.com/postman/30-days-of-postman-for-developers/overview" target="_blank">Live Demo</a>
          </div>
          <div class="projects__item">
            <h4>GitHub Profile Config</h4>
            <p>přepsat</p>
            <img src="images/github.png" alt="github logo" class="project__logo">
            <a href="https://github.com/Veronika181/Veronika181" target="_blank">View code</a>
          </div>
            <h4>API Postman</h4>
            <p>přepsat</p>
            <img src="images/postman.png" alt="Postman logo" class="project__logo">
            <a href="https://github.com/Veronika181/API-Postman" target="_blank">View code</a>
            <a href="https://veronikaapipostman.netlify.app/" target="_blank">Live Demo</a>
          </div>
        </div>
      </div>

      <div class="projects__category">
  <h3>🎓 Courses & Education</h3>
  <div class="projects__container container grid">

    <div class="projects__item">
      <img src="images/czechitas.png" alt="Czechitas logo" class="project__logo">
      <h4>Czechitas</h4>
      <p>Digital Academy | Testing</p>
    </div>

    <div class="projects__item">
      <img src="images/pyladies.png" alt="Pyladies logo" class="project__logo">
      <h4>Pyladies</h4>
      <p>Python Programming Basics</p>
</div>
</sectio/Users/veronikaobrtelova/Desktop/pyladies-logo.pngn>

    <!--==================== CONTACT ====================-->
    <section class="contact section" id="contact">
      <h2 class="section__title" id="contactTitle"><span>Contact</span> Me</h2>
      <form class="contact__form container">
        <input type="text" placeholder="Your Name" class="contact__input" />
        <input type="email" placeholder="Your Email" class="contact__input" />
        <textarea placeholder="Your Message" class="contact__input"></textarea>
        <button type="submit" class="button" id="contactButton">Send Message</button>
      </form>
    </section>
  </main>

  <!--==================== FOOTER ====================-->
  <footer class="footer grid">
    <p>&copy; 2025 Veronika Ondrušová – QA Tester</p>
    <div class="footer__links">
      <a href="#">Privacy Policy</a>
      <a href="#">Terms of Use</a>
    </div>
  </footer>
</body>
</html>