-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
326 lines (309 loc) · 17.1 KB
/
index.html
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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!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="Start your development with JohnDoe landing page.">
<meta name="author" content="Devcrud">
<title>Lalita Jongpakdeetrakul</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + JohnDoe main styles -->
<link rel="stylesheet" href="assets/css/johndoe.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<header class="header">
<div class="container">
<div class="header-content">
<h4 class="header-subtitle" >Hello, I am</h4>
<h3 class="header-title">Lalita Jongpakdeetrakul</h3>
<br>
<h6 class="header-mono" >Looking for an opportunity as a Software Development Engineer in Test</h6>
<!-- <button class="btn btn-primary btn-rounded"><i class="ti-printer pr-2"></i>Print Resume</button> -->
</div>
</div>
</header>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-white" data-spy="affix" data-offset-top="510">
<div class="container">
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse mt-sm-20 navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a href="#home" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link">About</a>
</li>
</ul>
<ul class="navbar-nav brand">
<img src="assets/imgs/avatar.jpg" alt="" class="brand-img">
<li class="brand-txt">
<h5 class="brand-title">Lalita Jongpakdeetrakul</h5>
<!-- <div class="brand-subtitle">SDET</div> -->
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="#portfolio" class="nav-link">Portfolio</a>
</li>
<li class="nav-item">
<a href="#resume" class="nav-link">Resume</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div id="about" class="row about-section">
<div class="col-lg-4 about-card">
<h3 class="font-weight-light">Who am I ?</h3>
<span class="line mb-5"></span>
<p class="mt-20">Technology professional with 2 years of IT experience as a Solution Engineer, designing, modifying, and testing technical architecture on clients' requirements. To work devotedly for the organization with great pride in the profession where my knowledge transitioned, and talents are encouraged. To contribute towards testing complex applications that make use of my testing skills and project management.</p>
<!-- <p class="mt-20">Passionate in coding for automation testing on applications to be a proof of concept of projects and present to the client. Gaining confidence in and providing information about the level of quality.</p> -->
</div>
<div class="col-lg-4 about-card">
<h3 class="font-weight-light">Personal Info</h3>
<span class="line mb-5"></span>
<ul class="mt40 info list-unstyled">
<li><span>Email</span> : [email protected]</li>
<li><span>My site</span> : lalilita.github.io </li>
<li><span>Address</span> : Fairfax VA</li>
</ul>
</div>
<div class="col-lg-4 about-card">
<h3 class="font-weight-light">My Skills</h3>
<span class="line mb-5"></span>
<div class="row">
<div class="col-1 text-danger pt-1"><i class="ti-widget icon-lg"></i></div>
<div class="col-10 ml-auto mr-3">
<h6>Manual Testing</h6>
<p class="subtitle">Identify bugs or defects, ensure the product is error-free, and check it conforms to specified functional requirements.</p>
<hr>
</div>
</div>
<div class="row">
<div class="col-1 text-danger pt-1"><i class="ti-paint-bucket icon-lg"></i></div>
<div class="col-10 ml-auto mr-3">
<h6>Automation Testing</h6>
<p class="subtitle">Java, Selenium WebDriver, Eclipse, IntelliJ IDEA, VS Code, JUnit, Maven, Cucumber, TestNG, Git, Jenkins.</p>
<hr>
</div>
</div>
<div class="row">
<div class="col-1 text-danger pt-1"><i class="ti-stats-up icon-lg"></i></div>
<div class="col-10 ml-auto mr-3">
<h6>API Testing</h6>
<p class="subtitle">Postman and Rest Assured.</p>
<hr>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Section -->
<section class="section" id="portfolio">
<div class="container">
<h1 class="mb-5"><span class="text-danger">My</span> Portfolio</h1>
<div class="row">
<div class="blog-card">
<div class="img-holder">
<img src="assets/imgs/web-1.jpg" alt="fitnessAvenue">
</div>
<div class="content-holder">
<h6 class="title">Test Driven Development - FitnessAvenue</h6>
<p class="post-details">
<p>Tools & Technology: Java, XML, HTML, Selenium, TestNG, Maven, Page Object Model</p>
<p>Create test cases based on Test-driven Development Framework to automated test whether each feature and function on the web page is functioning correctly.</p>
<a href="fitnessAvenue_portfolio.html" class="read-more">Read more <i class="ti-angle-double-right"></i></a>
</div>
</div><!-- end of Portfolio wrapper -->
<!-- Portfolio-card -->
<div class="blog-card">
<div class="img-holder">
<img src="assets/imgs/web-2.jpg" alt="kayak">
</div>
<div class="content-holder">
<h6 class="title">Behavior Driven Development - Kayak</h6>
<p class="post-details">
<p>Tools & Technology: Java, XML, HTML, Selenium, Cucumber, Gherkin, Junit, Maven, Page Object Model</p>
<p>Create test scenarios based on Behavior-driven development (BDD) using Cucumber to control flow,
assert data and Selenium WebDriver to automate testing user's ativities flow.</p>
<a href="kayak_portfolio.html" class="read-more">Read more <i class="ti-angle-double-right"></i></a>
</div>
</div><!-- end of Portfolio wrapper -->
<!-- Portfolio-card -->
<div class="blog-card">
<div class="img-holder">
<img src="assets/imgs/web-3.1.jpg" alt="e2eShop">
</div>
<div class="content-holder">
<h6 class="title">API Testing - E2E Online Shop</h6>
<p class="post-details">
<p>Tools & Technology: Java, Postman, Rest Assured, Maven, POJO</p>
<p>Using API to test the process of selling products on the web application such as registration, login, authentication, posting products, editing posts deleting posts.</p>
<a href="e2eOnlineShop_portfolio.html" class="read-more">Read more <i class="ti-angle-double-right"></i></a>
</div>
</div><!-- end of Portfolio wrapper -->
</div>
</div>
</section>
<section class="section bg-dark text-center">
<div class="container">
<div class="row text-center">
<div class="col-md-6 col-lg-3">
<div class="row ">
<div class="col-5 text-right text-light border-right py-3">
<div class="m-auto"><i class="ti-alarm-clock icon-xl"></i></div>
</div>
<div class="col-7 text-left py-3">
<h1 class="text-danger font-weight-bold font40">500</h1>
<p class="text-light mb-1">Hours Worked</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="row">
<div class="col-5 text-right text-light border-right py-3">
<div class="m-auto"><i class="ti-layers-alt icon-xl"></i></div>
</div>
<div class="col-7 text-left py-3">
<h1 class="text-danger font-weight-bold font40">85%</h1>
<p class="text-light mb-1">Project Won</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="row">
<div class="col-5 text-right text-light border-right py-3">
<div class="m-auto"><i class="ti-face-smile icon-xl"></i></div>
</div>
<div class="col-7 text-left py-3">
<h1 class="text-danger font-weight-bold font40">90%</h1>
<p class="text-light mb-1">Happy Clients</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="row">
<div class="col-5 text-right text-light border-right py-3">
<div class="m-auto"><i class="ti-heart-broken icon-xl"></i></div>
</div>
<div class="col-7 text-left py-3">
<h1 class="text-danger font-weight-bold font40">2k</h1>
<p class="text-light mb-1">Coffee Drinked</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Resume Section-->
<section class="section" id="resume">
<div class="container">
<h2 class="mb-5"><span class="text-danger">My</span> Resume</h2>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-header">
<div class="mt-2">
<h4>Education</h4>
<span class="line"></span>
</div>
</div>
<div class="card-body">
<h6 class="title text-danger">2019 - 2021</h6>
<P>Master Of Science in Computer Information Systems</P>
<P class="subtitle">California University of Management and Sciences </P>
<hr>
<h6 class="title text-danger">2001 - 2004</h6>
<P>Bachelor of Science in Cooperative Economics</P>
<P class="subtitle">Kasetsart University</P>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card">
<div class="card-header">
<div class="mt-2">
<h4>Experience</h4>
<span class="line"></span>
</div>
</div>
<div class="card-body">
<h6 class="title text-danger">2016 - 2017</h6>
<P>G-ABLE GROUP - Corporate Communications Officer</P>
<P class="subtitle">Work with development team to provide corporate website and internal platform.</P>
<hr>
<h6 class="title text-danger">2014 - 2016</h6>
<P>G-ABLE GROUP - Solution Engineer</P>
<P class="subtitle">Provide demos of manual testing and automation testing on applications to be a proof of concept of projects and present to the client.</P>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-header">
<div class="pull-left">
<h4 class="mt-2">Skills</h4>
<span class="line"></span>
</div>
</div>
<div class="card-body pb-2">
<h6>JAVA</h6>
<div class="progress mb-3">
<div class="progress-bar bg-danger" role="progressbar" style="width: 97%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6>HTML5 & CSS3</h6>
<div class="progress mb-3">
<div class="progress-bar bg-danger" role="progressbar" style="width: 85%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6>JavaScript</h6>
<div class="progress mb-3">
<div class="progress-bar bg-danger" role="progressbar" style="width: 80%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6>SQL</h6>
<div class="progress mb-3">
<div class="progress-bar bg-danger" role="progressbar" style="width: 90%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6>Selenium WebDriver</h6>
<div class="progress mb-3">
<div class="progress-bar bg-danger" role="progressbar" style="width: 90%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6>API</h6>
<div class="progress mb-3">
<div class="progress-bar bg-danger" role="progressbar" style="width: 90%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section bg-dark py-5">
<div class="container text-center">
<h2 class="text-light mb-5 font-weight-normal">I Am Available For FreeLance or Part-time</h2>
<button class="btn bg-primary w-lg" >Hire me</button>
</div>
</section> -->
<footer class="footer py-3">
<div class="container">
<p class="small mb-0 text-light">
© <script>document.write(new Date().getFullYear())</script> Created With <i class="ti-heart text-danger"></i> By <a href="http://devcrud.com" target="_blank"><span class="text-danger" title="Bootstrap 4 Themes and Dashboards">DevCRUD</span></a>
</p>
</div>
</footer>
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap 3 affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Isotope -->
<script src="assets/vendors/isotope/isotope.pkgd.js"></script>
<!-- Google mpas -->
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCtme10pzgKSPeJVJrG1O3tjR6lk98o4w8&callback=initMap"></script>
<!-- JohnDoe js -->
<script src="assets/js/johndoe.js"></script>
</body>
</html>