-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·271 lines (264 loc) · 24.4 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
<!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="My Online Resume" />
<meta name="author" content="Clarence Baluyot" />
<title>Clarence Baluyot 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/v5.15.1/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 fixed-top" style="background-color: #800000;" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Clarence Advincula Baluyot</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="https://avatars0.githubusercontent.com/u/61017965?s=400&u=90b61602288a2ebd565659c6991ef7d7bc44f270&v=4" alt="" /></span>
</a>
<button class="navbar-toggler" 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 navbar-collapse" id="navbarSupportedContent">
<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="#experience">Experience</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="#skills">Skills</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="#projects">Projects</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">
Clarence
<span style="color: #800000;">Baluyot</span>
</h1>
<div class="subheading mb-5">
911 Block 17, San Isidro, Mariveles, Bataan · 09462017950·
</div>
<p class="lead mb-5">I am a experience Web/Application Developer leveraging agile frameworks to provide Single Page Application Dashboard to improve User Experience. Making use of Any kinds of Programming Language and Frameworks to Widen my Knowledge to grow in the Programming World</p>
<div class="social-icons">
<a class="social-icon" href="https://www.linkedin.com/in/clarence-baluyot-49756b159/"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/clarence89/"><i class="fab fa-github"></i></a>
<a class="social-icon" href="https://www.facebook.com/EnzoBaluyot/"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Experience-->
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Experience</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Junior Fullstack Developer</h3>
<div class="subheading mb-3">SEEN Safety</div>
<p>Implementing new features and functionalities, ensuring high performance and responsiveness of the applications.
Contributing to all phases of the development lifecycle, including writing well-designed, testable, and efficient code.
Debugging and troubleshooting issues to optimize the performance of both the frontend and backend.
Collaborating with the development team to design, develop, and maintain web applications using Django on the backend and Vue.js on the frontend.
Working closely with senior developers to understand project requirements and contribute to the overall architecture.</p>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">Dec 2022 - Present</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">Computer Programmer I</h3>
<div class="subheading mb-3">Mariveles Mental Wellnes and General Hospital</div>
<p>Working as a Computer Software Programmer which Plan, Design, Develop and Implement Computer Systems for the Medical Records, Appointments, and Queueing Systems to help facilitate, process Hospital Procedures.</p>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">May 2023 - Present</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">Software Developer</h3>
<div class="subheading mb-3">Acaciasoft</div>
<p>Work as Software Developer that Design and Create Function Based of the Clients Specification as well as Documented Assignment to ensure proper and Standard way of Developing Computer System Software’s which allow me and the others to communicate and assign task effectively</p>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">Aug 2021 - Feb 2023</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">Administrative Aide VI - Software Developer and Computer Technician</h3>
<div class="subheading mb-3">Mariveles Mental Wellness and General Hospital</div>
<p>Work as Administrative Aide VI to Design, Develop, Debug, and Analyze Computer Software Systems thru careful planning and designing such as the Specialized Queueing System of the Hospital and perform diagnostic, repair and maintenance of hardware and software to ensure smooth running of the Computer Systems, Install and configures computer hardware and software components.</p>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">Mar 2021 - Aug 2021</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">IT Technical Support and Website Developer/Maintainer</h3>
<div class="subheading mb-3">Technical Education and Skills Development Authority - RTC Bataan</div>
<p>Providing Excellent Technical and Repair Services, and Creating a Trustful Verification that can be use in the get go for Certificate Verification of the National Certificates or any of the Certificates that belongs to the TESDA Organization which brings a pleasant security for the Companies Safety from Fake Documents</p>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">July 2020 - September 2020</span></div>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Polytechnic University of the Philippines</h3>
<div class="subheading mb-3">Bachelor of Science in Information Technology</div>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">June 2018 - November 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">Polytechnic University of the Philippines</h3>
<div class="subheading mb-3">Diploma in Electronics and Communication Engineering Technology</div>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">June 2014 - March 2017</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Mariveles National High School - Poblacion</h3>
</div>
<div class="flex-shrink-0"><span style="color: #800000;">August 2002 - May 2006</span></div>
</div>
</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-bootstrap"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-vuejs"></i></li>
<li class="list-inline-item"><i class="fab fa-php"></i></li>
<li class="list-inline-item"><i class="fab fa-python"></i></li>
<li class="list-inline-item"><i class="fab fa-laravel"></i></li>
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
<li class="list-inline-item"><i class="fab fa-google"></i></li>
<li class="list-inline-item"><img height="48px" src="https://florwranx4-flywheel.netdna-ssl.com/wp-content/uploads/2017/06/bit-icon-c-gray.png" alt=""></li>
<li class="list-inline-item"><img height="48px" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAARVBMVEX///+np6ejo6OgoKCvr6/6+vre3t7h4eHX19fa2trc3NzU1NTo6Oirq6uoqKjY2Nj19fXJycnDw8O1tbW4uLjt7e3Hx8fxhtj5AAAHZElEQVR4nO3dbZuiOgwGYGlxZhx11vf//1MXlXEFgaZJnpB6bb7u8eg9jdI2oSwW/+N/GMdqv5n7I2DjGEPcrpdzfwxc1KFqIsTDmw7ksq5+I26/3nAgn4DXgQxvN5DLbdWLNxvIV+B9IM9zfzCtWP4MAN9pIHdjwHcZyN247z6Q9arsgUwBix/Ic0gLbwP5p9CBJALLHcgNGXgfyOJ+WjcxB1jgQGYD24Gc+3OT45MDrApafnCBxQzkhwB4HcifuQGp+JYBm2H8nJswHSspsAofcxsm40sMdC5cy4G+hRpA18K9BtCzUAfoWKgE9Cu8KAHdCi9Zy6UChQc1oFOhItCn8KQIdClUBXoU6gIdCo+6QH9CbaA7oTrQm7BWBzoTAoCuhN0KtprQzz7NYIH3nYQgoB/haAX7XYSE+mfZQhzQiRAI9CFEAl0I6RXsQoVYoAMhGDi/MK8HQUf4efy52AG1tkXpwk3dvGfY7myAkgo2T7g5tm9ps+YwAHaFD18T8YAHCkv02cJn3/VfanSmmgD/CW/fv1E9IsQ9CHnC89DbxT0QqFCizxKuBy9L4QjrgLMCJoTNv4P6plRK9CpCUKbaAdNCSKZqVbB1hE1ot2paAmnCuC4XSBNW8aQI1CvRk4ImrMKPWqaqNVkQgyhshlGpFVWzRE8KslBpKm4OzBCqLBplQNaLM4QKi0YRMNSs4lSWUJqpoh6E6+TqyHhdnlC2aBQBbx8UP4aVZNEoKdG3f1kTIXsqLgH+vqeNkDkVl5ToH3ljJGQtGgXAp+++mTB7Ki7pQXj+VtgJq3DKyVRJib7zy2YozJqKC4C9q5OlMGMqPnWTeeo9er/btkLqolEAfLn2GgubqTghU/kV7HB8mT9ZC5tXf+OAQzMLe2FyKi4YwaHZ4QzCxFR8x73Oj/xv5xBOTsXZJfqxua+yMO5oy53RqTgbOPpH0xYuiTubI1NxLnAi8fWF1CLm0FR8sF5HiKnVGUBIrbS/TsXZIzi1wkYIqe0g/ak4s4sksfaECKmD0Z2KM4Gp/QOMkDyxfMpU7gim9oBAwmb9Sjzf53eCwwMOzENVhB9pIXkXqd0V5wEpO1w4IXmz+pqpvIMeSHs/QCG5qhmqLecyQdy/QwqxvQXUPVioENmjRd6dxAphva4ZO8xgIailPqdKgBYulqxfkUTk7J9LhF8UIeAm3bwaiIFQ+Ubr3DqWhVC33Se3wmMi1LswMqp0NkKt9nNOpdVIqHRh5DSuWgkVLox51Tl7ofieXW6zo51wsRN9F9n9HIbCgf88J7iNR3ZCaaM9t/HITKhw1Y8rz0KVDkpWi5yRUGlqymnmNBFStxYp752sIM8h3GmeXpGdqQbCs5zVeffM31S8UH+rJq/tGC5E3DGYlaloIWbLNCdTwULYrSD0aSpWCLxTIlLv/4cK9Q9Se/4UxEyVCP9MC8nX+Xg48EpPpEzFCamL+lsvH69HgbRtAxNSr/PhlPX36L2YsPWGElI31x57E8x9nHSmgoTk6/y/ZgwmMZmpGCHxOt9NMu4oJjIVIiSu5/u7Z9wD5qaLpQghcSLz+sG4xMlMBQhpE5nB5OLuqU5lqr5Q1GDKv1FmNFOVheFMK/mO/8hzNzxGM1VZSLvtdnJKySWOZapEuOL+uacXsPxtq8FMnUGY3IRgL0kGM9VcSNnyZBOHMtVaSNtiEWwgv2SqsZB68xqf+FJmNBVm3IDIJ/Yz1VIYcs5zkVQ6OplqKMwsUwt2sTq/qYbC3NNqBMTnTLUSchopePtTbTwy1UjIa6SQ1I0fmWokZJ5RJyH+ZqqFUHB6m6z6vzESik7gE1V2bt8NA6HsFEUR8Zo9J87rMoTyM1tFfTih/uDs/WQINc6IlD04lXdHPVmocyKtzcm6nc9NFKqdKmxx/HP3k9OEiidDWxNpwqh5ujf+GPZOUITa517Dj9LvfvpW+D3+rvpnl3NvZAcJA6tPMkE0HMWUUPHg0pmIie8h7HR96KNlBoXDv+HKBwjPQnxsWg9UYYL6IdAdIuohXWPCxTr0jMy7PsgBew7ZmHCx3HeM0McG3N8Q9Cy5UWHPCDpQ35zYKx4tL/FmxD++w4z4Uh7bXff9yM2C4kA8lzMhvBprw0d3wonzP4cU2tbpQogmOhBqP4jboRBLzL8zBxFIog8hsk3eiRBI9CLEEd0IYQ9n8SNEPWDHkRBE9CTE3DrmSggh+hIiiM6EgIcGehMKa6glCNVrqP6E2kSHQuUaqkehLtGlULVM7FOoWSZ2KlQsMHoV6hHdCtWIfoVaNVTHQiWiZ6EO0bVQpRKO6JZRDAWic6FCDdV3li4UiBHZUKISkicLVhYNFwrBLxOHeDBouFAIJjHWX9iOIMVglIlDOLj/Aj5HJjHE2vk14jVyiCFcihq+NqjEEI8eCvecIFXCQ7U3aebCRJJY8PC1MU0MPyUPXxvjxGb4VG5amj1Giv1lf/u6MUB8m+Fro098p+Fr45lY/o/nYDyIhU5dCHE/YK3AmSc99jHGshYO2bHbFLPus4q/KJiN0kzT+OIAAAAASUVORK5CYII=" alt=""></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>
Agile Development
</li>
</ul>
</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 indoors reading Articles, Facts, Manga/Manhua/Manwa, Watching Anime and Movies, Tinkering Mechanical Parts of Automotives, Repairing Computers, Mending Electronic Circuits by Soldering Etc. but I spend most of my time to Explore the World of Programming and Learning from different Fields of Skills</p>
<p class="mb-0">When outdoors, I happen to Travel to explore my hometown, Bond with my Family and Friends, Play Outdoor Activities</p>
</div>
</section>
<hr class="m-0" />
<!-- Projects-->
<section class="resume-section" id="projects">
<div class="resume-section-content">
<h2 class="mb-5">Past and Current Projects(Mid January - Mid February)</h2>
<h3 class="mb-5">IP Port Scanner System</h3>
<p>A IP Scanner which Scan the Online Internet Protocols inside your network, with Intensive Scan which lets you Scan for Open Ports to determine all possible Vulnerabilities inside a Computer using a Researched Results or via Artificial Intelligence using ChatGPT API 3.5 Turbo as a model with simple design for Scanning and using Django Admin, Django-trech(jwt), VUE(NUXT), Pinia etc.. Security is not limited to the Network Admininistrators but also to the Users</p>
<br>
<div class="row">
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/2.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/1.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/3.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/4.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/5.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/6.jpeg" alt="" class="img-fluid"></div>
</div>
<br>
<h3 class="mb-5">Electronic Medical System - EMR (October-Mid January)</h3>
<p>Electronic Medical Record (EMR) system is a digital version of a patient's paper chart. It encompasses a wide range of functionalities aimed at streamlining healthcare data management and improving patient care delivery within medical facilities.</p>
<br>
<div class="row">
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/emr1.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/emr2.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/emr3.jpeg" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/emr4.jpeg" alt="" class="img-fluid"></div>
</div>
<br>
<h3 class="mb-5">MMWGH QUEUING SYSTEM</h3>
<p>A Specialized Queueing System Tailored with functions that is Tailored for a Specific Departments as well as capabilities such as: Increasing the Number of Users, Departments, Counters/Windows, Giving Detailed Report for a Specific Department, Window/Counter, User. As well the Capability to Protect their Account with Two Factor Authentication and Admins Announcements</p>
<br>
<div class="row">
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM1.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM2.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM3.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM4.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM5.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM6.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM7.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM8.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM9.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM10.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/MMWGH QUEUING SYSTEM11.png" alt="" class="img-fluid"></div>
</div>
<br>
<h3 class="mb-5">Multi CMS Website</h3>
<p>A Fast and Reliable Semi-CMS Multi Website that is continuing to grow with the ideas and responses of its users as we continue to develop it's functions so that it will captivates the necessarry and specific needs of all our Users</p>
<br>
<div class="row">
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 19-56-05.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 20-06-06.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 20-06-46.png" alt="" class="img-fluid"></div>
</div>
<br>
<h3 class="mb-5">TESDA E-SID</h3>
<p>A Stable Online Certificate Verifications that helps every employer and TESDA itself to ensure to detect Fake TESDA Certificates and Verify Genuine and Authentic Certificates Online with just a copy</p>
<br>
<div class="row">
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 19-45-13.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 19-46-32.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 19-46-41.png" alt="" class="img-fluid"></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img src="assets/img/Screenshot from 2021-01-03 19-46-54.png" alt="" class="img-fluid"></div>
</div>
<br>
<h3 class="mb-5">Payroll System</h3>
<p>A Simple Payroll System made with VB.Net which has Employee Registration, Time Logs and the Payroll Itself</p>
<br>
<div class="row">
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img class="img-fluid" src="assets/img/67401701_621191918373977_8476437465568116736_n.png" alt=""></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img class="img-fluid" src="assets/img/67276403_470660173724396_9162089399071014912_n.png" alt=""></div>
<div class="mb-3 col-sm-12 col-md-6 col col-md-3"><img class="img-fluid" src="assets/img/67273234_505908163551918_850366020953571328_n.png" alt=""></div>
</div>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>