-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
324 lines (321 loc) · 18.8 KB
/
profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Freelance, Graphic, Web application, Algorithm, Frontend, Backend, Full-Stack, Developer, MERN stack, MongoDB, Express, React, NodeJS, UXUI">
<title>zixma - All the sum</title>
<link rel="shortcut icon" href="./src/img/icon/zmlogo-page-03.png" type="image/x-icon">
<link rel="stylesheet" href="./src/style/main.css">
<link rel="stylesheet" href="./src/dist/style.css">
<link rel="stylesheet" href="./src/dist/sidemenu.css">
<link rel="stylesheet" href="./src/dist/totop.css">
<link rel="stylesheet" href="./src/dist/stylingtag.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<div class="wrapper">
<nav class="sideMenu noSelect" id="sideMenu"></nav>
<main class="main">
<div class="topNav-section" id="topNav-section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="nav-menu">
<div class="topLogo">
<img src="./src/img/icon/zmlogo-page-15.png" alt="logo zixma">
</div>
<div class="btn d-none d-md-block">
<a href="./src/download/Prapas - Resume_EN_2023.pdf" class="Downloadresume" download>Download Resume</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- start here -->
<section class="profile-section" id="profile-section">
<div class="container">
<div class="row">
<div class="col-12 col-sm-6 col-lg-3">
<div class="hero-img posSticky">
<img src="https://scontent.fbkk2-5.fna.fbcdn.net/v/t31.18172-8/30073536_10215960594717532_6094550274771899716_o.jpg?_nc_cat=110&ccb=1-7&_nc_sid=09cbfe&_nc_eui2=AeEg4_-7LQPwCvlq7wGlV78qXg6JC4UriQpeDokLhSuJCt2nRkDMFYjqMEjUB9fm8h0&_nc_ohc=99_REmHL9IgAX_snkEt&_nc_ht=scontent.fbkk2-5.fna&oh=00_AT_k4EtyCAfKI7joGDBL4Lb2xG2lFUTfq1XK1b1m39EQOQ&oe=632F55D3" alt="prapas-k">
</div>
</div>
<div class="col-12 col-sm-6 col-lg-9">
<div class="row">
<div class="col-12 hero-text">
<h3>Hi, There</h3>
<p>
My name is Prapas Khong-attagarn, 34 years old<br/>
my background is graphic designer for 7 years the most of the works are print media.<br/>
I'm a learner in love with knowledge and wisdom.<br/>
A passionate to Artificial Intelligence Machine Learning.<br/>
I am ambitious and curious new things.<br/>
</p>
</div>
<div class="col-12 hero-text">
<h3>My Passion</h3>
<p>Create innovations that will make people more comfortable. Mix of technology and design.</p>
</div>
<div class="col-12 hero-text">
<h3>My Future</h3>
<p>Develop knowledge and abilities to support team and pass on knowledge to teams and organizations.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="social-section" id="social-section">
<div class="container">
<div class="row no-gutters">
<div class="col-6 col-md-3 socials facebook">
<a href="https://www.facebook.com/ping.hkr" class="social-link"><i class="fa-brands fa-facebook-f icon-socials"></i></a>
</div>
<div class="col-6 col-md-3 socials github">
<a href="https://github.com/barrimos" class="social-link"><i class="fa-brands fa-github icon-socials"></i></a>
</div>
<div class="col-6 col-md-3 socials linkedin">
<a href="https://www.linkedin.com/in/prapas-k/" class="social-link"><i class="fa-brands fa-linkedin icon-socials"></i></a>
</div>
<div class="col-6 col-md-3 socials wordpress">
<a href="https://prapask.wordpress.com/" class="social-link"><i class="fa-brands fa-wordpress icon-socials"></i></a>
</div>
</div>
</div>
</section>
<section class="experience-section" id="experience-section">
<div class="container">
<div class="row">
<div class="col-12 col-md-3">
<div class="experience-title posSticky">
<h2>WORK EXPERIENCES</h2>
<a href="https://prapask.wordpress.com/">Portfolio Graphic</a>
</div>
</div>
<div class="col-12 col-md-9">
<ul class="experience-unorderList">
<li>
<h2>Feb '20 - Present</h2>
<h3>Preparation for developer jobs (unemployment)</h3>
<h4>Pratice Coding and Learning</h4>
<p>
• Learning javascript<br/>
• Build web application<br/>
• Learning concept shortest path algorithm<br/>
• Pratice coding algorithm calculate matrix<br/>
• Learning Java OOP<br/>
• Take course basic game develop and design : unity, c++, blender
</p>
</li>
<li>
<h2>Dec '19 - Feb '20</h2>
<h3>Oscar Graphic</h3>
<h4>Graphic Designer - contract</h4>
<p>
Responsibilities<br/>
• Design, edit and develop an artwork offline media like banner, poster, sticker label and namecard.<br/>
• Produce some work pieces as well.
</p>
</li>
<li>
<h2>Nov '18 - Mar '19</h2>
<h3>DKSH Thailand</h3>
<h4>Coordinator Designer - probation</h4>
<p>
Responsibilities<br/>
• Design space management events area to set position of furniture.<br/>
• Control the installation before the event day.<br/>
• Supports senior designer.
</p>
</li>
<li>
<h2>Jun '12 - Apr '18</h2>
<h3>Siam Paragon Development</h3>
<h4>Graphic Designer - officer</h4>
<p>
Responsibilities<br/>
• Design, edit and develop an artwork offline media like banner, poster and photo backdrop.<br/>
• Production control check pantone colour before produce.
</p>
</li>
</ul>
<ul class="tagLists">
Graphic, Designer, กราฟฟิก, ดีไซน์เนอร์, Illustrator, Photoshop
</ul>
</div>
</div>
</div>
</section>
<section class="course-section" id="course-section">
<div class="container">
<div class="row">
<div class="col-12 col-md-3">
<div class="course-title posSticky">
<h2>COURSE APPLIED</h2>
</div>
</div>
<div class="col-12 col-md-9">
<ul class="course-unorderList">
<li>
<h2>Computer Game Design and Development</h2>
<h4>Pathum Wan Institute of Technology</h4>
<p>
In progress - Learn about game making history, genres, game goals.<br/>
The thought process of creating a game Player's target audience.<br/>
Game creation and customization by pygame.<br/>
• Text-based adventure game with <em>Python</em><br/>
</p>
</li>
<li>
<h2>Junior Software Developer</h2>
<h4>Generation Bootcamp</h4>
<p>
Start to be a learner at bootcamp of Generation Thailand to be Junior software developer,<br/>
At bootcamp we learnt about technical technique and behavioral skills, agile and scrum.<br/>
The instructor taught we how to be a good full-stack developer for organization for the future.<br/>
Responsibilities<br/>
• Final project Web application activities record <em><a href="https://goaltofitapp.vercel.app">Goal to fit</a></em> with <em>MERN</em> technology<br>
</p>
</li>
<li>
<h2>Basic 3D Modeling</h2>
<h4>ZLA Digital Arts</h4>
<p>
The basic sculpting 3D sculpting with zbrush.<br/>
Learnt frequently used tools.<br/>
UVs paint, UVs unwrap.<br/>
Retopology technique.
</p>
</li>
<li>
<h2>Basic Web Develop</h2>
<h4>TutorTong</h4>
<p>
How to design a page with the box technique.<br/>
And how to styling website with Bootstrap framework.<br/>
And make it responsive for all screen sizes.<br/>
Management and design database with PHP and SQL
</p>
</li>
<li>
<h2>Basic 3DS Max</h2>
<h4>Utahtd 3D</h4>
<p>
Learnt basic tools for 3D modeling and lighting interior design for architecture.
</p>
</li>
</ul>
<ul class="tagLists">
Generation Thailand, ZLA Digital Arts, TutorTong, Utahtd 3D, Computer Game Design and Development, Game, 3D, Coding
</ul>
</div>
</div>
</div>
</section>
<section class="education-section" id="education-section">
<div class="container">
<div class="row">
<div class="col-12 col-md-3">
<div class="education-title posSticky">
<h2>EDUCATIONS</h2>
</div>
</div>
<div class="col-12 col-md-9">
<ul class="education-unorderList">
<li>
<h2>Bangkok University</h2>
<h4>Bachelor of fine and applied arts : Communication design</h4>
</li>
<li>
<h2>Lasalle College School</h2>
<h4>Maths - Arts</h4>
</li>
</ul>
<ul class="tagLists">
Bangkok University, Lasalle College
</ul>
</div>
</div>
</div>
</section>
<section class="certification-section" id="certification-section">
<div class="modalEnlarge" onclick="closeModal()">
<div class="container">
<div class="row">
<div class="col-12 d-flex justify-content-center align-items-center">
<img src="#" alt="#" class="enlargeImg projectLink" folder="cert" name="Frontend_React">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 col-md-3">
<div class="education-title posSticky">
<h2>CERTIFICATES</h2>
</div>
</div>
<div class="col-12 col-md-9">
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<img src="./src/img/cert/Frontend_React.jpg" alt="Certificate Codecademy React" class="certImg projectLink" folder="cert" name="Frontend_React" onclick="enlarge(this)">
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="./src/img/cert/Generation_Thailand.jpg" alt="Certificate Generation_Thailand Junior_software_dev" class="certImg projectLink" folder="cert" name="Generation_Thailand" onclick="enlarge(this)">
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="./src/img/cert/First_Step_Coding.jpg" alt="Certificate ChulaMooc First_step_coding" class="certImg projectLink" folder="cert" name="First_Step_Coding" onclick="enlarge(this)">
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="./src/img/cert/Responsive.jpg" alt="Certificate Freecodecamp Responsive" class="certImg projectLink" folder="cert" name="Responsive" onclick="enlarge(this)">
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="./src/img/cert/Python_Beginners.jpg" alt="Certificate Sololearn Python_Beginners" class="certImg projectLink" folder="cert" name="Python_Beginners" onclick="enlarge(this)">
</div>
<div class="col-12 col-md-6 col-lg-4">
<img src="./src/img/cert/NodeJS.jpg" alt="Certificate Codecademy NodeJS" class="certImg projectLink" folder="cert" name="NodeJS" onclick="enlarge(this)">
</div>
</div>
<ul class="tagLists pt-20">
Codecademy, Generation Thailand, Sololearn, Freecodecamp, NodeJS, Responsive, Python, React, Coding
</ul>
</div>
</div>
</div>
</section>
<!-- end here -->
</main>
<div class="push"></div>
</div>
<footer id="footer"></footer>
<script src="./src/scripts/scripts.js"></script>
<script type="module">
import Footer from './src/scripts/Components/Footer.js';
import Sidemenu from './src/scripts/Components/Sidemenu.js';
import BlogItem from './src/scripts/Components/BlogItem.js';
import ProjectItem from './src/scripts/Components/ProjectItem.js';
const sidemenu = document.getElementById('sideMenu');
const footer = document.getElementById('footer');
window.onload = () => {
const promise = Promise.resolve(true);
promise.then(() => {
new Promise((resolve, reject) => {
const script = document.createElement('script');
script.src = './src/scripts/stylingtag.js';
script.defer = true;
script.onload = resolve;
script.onerror = reject;
document.body.appendChild(script);
});
});
}
sidemenu.innerHTML = Sidemenu();
footer.innerHTML = Footer();
</script>
<script src="./src/scripts/sidemenu.js" defer></script>
<script src="./src/scripts/totop.js" defer></script>
</body>
</html>