diff --git a/public_html/css/style.css b/public_html/css/style.css
index e818a42..bfe5d71 100644
--- a/public_html/css/style.css
+++ b/public_html/css/style.css
@@ -36,16 +36,12 @@
       inset 0px 0px 0px 0px #fff9, 
       inset 0px 0px 0px 0px #0001;
 
-
 */
 @import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=cyrillic");
 /*=================================================================*/
 /*                      BASE                              
 /*=================================================================*/
 
-
-
-
 /* width */
 ::-webkit-scrollbar {
     width: 8px;
@@ -69,13 +65,6 @@
 }
 
 
-
-
-
-
-
-
-
 * {
     margin: 0;
     padding: 0;
@@ -1097,7 +1086,8 @@ section.home.light .social-icons li a:hover {
     z-index: 1;
 }
 .portfolio-item .details h4 {
-    color: #FFF;
+    /*color: #FFF;*/
+    color: orange;
     font-size: 20px;
     margin: 0 0 10px;
     padding: 0 20px;
diff --git a/public_html/images/works/0001.svg b/public_html/images/works/0001.svg
new file mode 100644
index 0000000..1c553c9
--- /dev/null
+++ b/public_html/images/works/0001.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_11003)">
+<path d="M12 20V4L9 7" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_11003">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/0002.svg b/public_html/images/works/0002.svg
new file mode 100644
index 0000000..6c1eeaf
--- /dev/null
+++ b/public_html/images/works/0002.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_10997)">
+<path d="M8 8C8 6.97631 8.39052 5.95262 9.17157 5.17157C10.7337 3.60947 13.2663 3.60947 14.8284 5.17157C16.3905 6.73366 16.3905 9.26632 14.8284 10.8284L9.17157 16.4853C8.42143 17.2354 8 18.2528 8 19.3137L8 20L16 20" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_10997">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/0003.svg b/public_html/images/works/0003.svg
new file mode 100644
index 0000000..974bbc6
--- /dev/null
+++ b/public_html/images/works/0003.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_10996)">
+<path d="M8 19.0004C8.83566 19.6281 9.87439 20 11 20C13.7614 20 16 17.7614 16 15C16 12.2386 13.7614 10 11 10L16 4H8" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_10996">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/0004.svg b/public_html/images/works/0004.svg
new file mode 100644
index 0000000..6925494
--- /dev/null
+++ b/public_html/images/works/0004.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_11105)">
+<path d="M10 4L8.47845 11.6078C8.23093 12.8453 9.17752 14 10.4396 14H16M16 14V8M16 14V20" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_11105">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/0005.svg b/public_html/images/works/0005.svg
new file mode 100644
index 0000000..3ac2fee
--- /dev/null
+++ b/public_html/images/works/0005.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_10995)">
+<path d="M8 19.0004C8.83566 19.6281 9.87439 20 11 20C13.7614 20 16 17.7614 16 15C16 12.2386 13.7614 10 11 10C9.87439 10 8.83566 10.3719 8 10.9996L9 4H16" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_10995">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/0006.svg b/public_html/images/works/0006.svg
new file mode 100644
index 0000000..6581696
--- /dev/null
+++ b/public_html/images/works/0006.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_11176)">
+<path d="M13 4L7.77313 12.3279M17 15C17 17.7614 14.7614 20 12 20C9.23858 20 7 17.7614 7 15C7 12.2386 9.23858 10 12 10C14.7614 10 17 12.2386 17 15Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_11176">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/001-1.svg b/public_html/images/works/001-1.svg
new file mode 100644
index 0000000..1fd1fd0
--- /dev/null
+++ b/public_html/images/works/001-1.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 16 3 C 8.832 3 3 8.832 3 16 C 3 23.168 8.832 29 16 29 C 23.168 29 29 23.168 29 16 C 29 8.832 23.168 3 16 3 z M 16 5 C 22.065 5 27 9.935 27 16 C 27 17.238499 26.78347 18.425251 26.404297 19.537109 L 17.552734 15.595703 L 21 11 L 18.625 11 L 16 14.3125 L 13.53125 11 L 11.15625 11 L 13.125 13.625 L 6.4082031 10.634766 C 8.2938562 7.2776415 11.88351 5 16 5 z M 5.5957031 12.462891 L 13 15.759766 L 13 18 L 15 18 L 15 19 L 13 19 L 13 21 L 15 21 L 15 22 L 17 22 L 17 21 L 19 21 L 19 19 L 17 19 L 17 18 L 18.033203 18 L 25.591797 21.365234 C 23.706144 24.722359 20.11649 27 16 27 C 9.935 27 5 22.065 5 16 C 5 14.761501 5.2165305 13.574749 5.5957031 12.462891 z"/></svg>
\ No newline at end of file
diff --git a/public_html/images/works/001.svg b/public_html/images/works/001.svg
new file mode 100644
index 0000000..35f925f
--- /dev/null
+++ b/public_html/images/works/001.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_10987)">
+<path d="M4 4.00104H20V18.001C20 19.1056 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1056 4 18.001V4.00104Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 17V7L10.5 9" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_10987">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/002.svg b/public_html/images/works/002.svg
new file mode 100644
index 0000000..1509105
--- /dev/null
+++ b/public_html/images/works/002.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_11264)">
+<path d="M4 4.00104H20V18.001C20 19.1056 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1056 4 18.001V4.00104Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.50012 9.49997C9.50013 8.86017 9.7442 8.22037 10.2324 7.73221C11.2087 6.7559 12.7916 6.7559 13.7679 7.73221C14.7442 8.70852 14.7442 10.2914 13.7679 11.2677L9.93946 15.0962C9.65816 15.3775 9.50012 15.759 9.50012 16.1568L9.50012 17H14.5001" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_11264">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/003.svg b/public_html/images/works/003.svg
new file mode 100644
index 0000000..3014024
--- /dev/null
+++ b/public_html/images/works/003.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_11144)">
+<path d="M4 4.00104H20V18.001C20 19.1056 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1056 4 18.001V4.00104Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 16.2361C10.5308 16.7111 11.2316 17 12 17C13.6569 17 15 15.6569 15 14C15 12.3431 13.6569 11 12 11L15 7H10" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_11144">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/004.svg b/public_html/images/works/004.svg
new file mode 100644
index 0000000..67b2354
--- /dev/null
+++ b/public_html/images/works/004.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_10985)">
+<path d="M4 4.00104H20V18.001C20 19.1056 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1056 4 18.001V4.00104Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 7L9.22841 11.4506C8.86337 12.7282 9.8227 14 11.1515 14H14.5M14.5 14V10M14.5 14V17" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_10985">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/005.svg b/public_html/images/works/005.svg
new file mode 100644
index 0000000..90ddc9d
--- /dev/null
+++ b/public_html/images/works/005.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_11049)">
+<path d="M4 4.00104H20V18.001C20 19.1056 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1056 4 18.001V4.00104Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.5 16.2361C10.0308 16.7111 10.7316 17 11.5 17C13.1569 17 14.5 15.6569 14.5 14C14.5 12.3431 13.1569 11 11.5 11C10.7316 11 10.0308 11.2889 9.5 11.7639L10.5 7H14.5" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_11049">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/006.svg b/public_html/images/works/006.svg
new file mode 100644
index 0000000..390c7d8
--- /dev/null
+++ b/public_html/images/works/006.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_429_10984)">
+<path d="M4 4.00104H20V18.001C20 19.1056 19.1046 20.001 18 20.001H6C4.89543 20.001 4 19.1056 4 18.001V4.00104Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9999 7L9.47502 12.3793M15 14C15 15.6569 13.6569 17 12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14Z" stroke="#292929" stroke-width="2.5" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_429_10984">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/01.svg b/public_html/images/works/01.svg
new file mode 100644
index 0000000..32e65f3
--- /dev/null
+++ b/public_html/images/works/01.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">
+  <path d="M208,32H48A16.02085,16.02085,0,0,0,32,48V208a16.02085,16.02085,0,0,0,16,16H208a16.02085,16.02085,0,0,0,16-16V48A16.02085,16.02085,0,0,0,208,32ZM139.99219,175.99219a8,8,0,0,1-16,0V98.95313l-11.54688,7.69531a7.99982,7.99982,0,1,1-8.875-13.3125l23.98438-15.99219A7.99941,7.99941,0,0,1,139.99219,84Z"/>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/02.svg b/public_html/images/works/02.svg
new file mode 100644
index 0000000..69d82c0
--- /dev/null
+++ b/public_html/images/works/02.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">
+  <path d="M208,32H48A16.01833,16.01833,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16H208a16.01833,16.01833,0,0,0,16-16V48A16.01833,16.01833,0,0,0,208,32ZM152,167.99414a8,8,0,0,1,0,16H104.31738c-.10644.0044-.21191.00635-.31836.00635a8.00251,8.00251,0,0,1-6.30078-12.93164L141.37012,112.793a16.0039,16.0039,0,1,0-28.11621-15.01856A8,8,0,1,1,98.51758,91.542a32.00411,32.00411,0,1,1,56.01269,30.35547c-.07324.10791-.14843.21436-.22754.31836l-34.30566,45.77832Z"/>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/03.svg b/public_html/images/works/03.svg
new file mode 100644
index 0000000..c6a5fc1
--- /dev/null
+++ b/public_html/images/works/03.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">
+  <path d="M208,32H48A16.01833,16.01833,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16H208a16.01833,16.01833,0,0,0,16-16V48A16.01833,16.01833,0,0,0,208,32ZM149.457,177.45654a35.9963,35.9963,0,0,1-50.90723,0,8.00018,8.00018,0,0,1,11.31446-11.31347,19.99683,19.99683,0,1,0,14.13965-34.13868,7.99971,7.99971,0,0,1-6.55469-12.58642L136.63281,92H104a8,8,0,0,1,0-16h47.99414a7.99973,7.99973,0,0,1,6.55469,12.58643L137.5332,118.62305A36.01783,36.01783,0,0,1,149.457,177.45654Z"/>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/04.svg b/public_html/images/works/04.svg
new file mode 100644
index 0000000..fd2e4d7
--- /dev/null
+++ b/public_html/images/works/04.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">
+  <path d="M208,32H48A16.01833,16.01833,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16H208a16.01833,16.01833,0,0,0,16-16V48A16.01833,16.01833,0,0,0,208,32ZM156,176a8,8,0,0,1-16,0V152H100a8.00052,8.00052,0,0,1-7.54395-10.6626l23.998-68A8,8,0,0,1,131.542,78.6626L111.30664,136H140V112a8,8,0,0,1,16,0Z"/>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/05.svg b/public_html/images/works/05.svg
new file mode 100644
index 0000000..15ac048
--- /dev/null
+++ b/public_html/images/works/05.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">
+  <path d="M208,32H48A16.01833,16.01833,0,0,0,32,48V208a16.01833,16.01833,0,0,0,16,16H208a16.01833,16.01833,0,0,0,16-16V48A16.01833,16.01833,0,0,0,208,32ZM123.88184,112.002A35.99912,35.99912,0,1,1,98.35449,173.4668a7.99985,7.99985,0,1,1,11.291-11.33594,20.20173,20.20173,0,0,0,28.47461-.001,19.91646,19.91646,0,0,0-.001-28.25976,20.20412,20.20412,0,0,0-28.47461.001,7.99971,7.99971,0,0,1-13.541-6.95214l7.835-48.20215A8.00076,8.00076,0,0,1,111.835,72H152a8,8,0,0,1,0,16H118.63965L114.542,113.21094A36.413,36.413,0,0,1,123.88184,112.002Z"/>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/06.svg b/public_html/images/works/06.svg
new file mode 100644
index 0000000..386fc8c
--- /dev/null
+++ b/public_html/images/works/06.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 256 256" id="Flat" xmlns="http://www.w3.org/2000/svg">
+  <path d="M148,148a20,20,0,1,1-20-20A20.02229,20.02229,0,0,1,148,148ZM224,48V208a16.01833,16.01833,0,0,1-16,16H48a16.01833,16.01833,0,0,1-16-16V48A16.01833,16.01833,0,0,1,48,32H208A16.01833,16.01833,0,0,1,224,48ZM164,148a36.04061,36.04061,0,0,0-36-36q-.91517,0-1.81909.04614l16.68823-27.95141a8,8,0,0,0-13.73828-8.20118L96.88574,129.90137c-.06152.103-.11035.20984-.16675.31445A35.99282,35.99282,0,1,0,164,148Z"/>
+</svg>
\ No newline at end of file
diff --git a/public_html/images/works/acs.jpeg b/public_html/images/works/acs.jpeg
new file mode 100644
index 0000000..337f9a0
Binary files /dev/null and b/public_html/images/works/acs.jpeg differ
diff --git a/public_html/images/works/eco.png b/public_html/images/works/eco.png
new file mode 100644
index 0000000..598b953
Binary files /dev/null and b/public_html/images/works/eco.png differ
diff --git a/public_html/images/works/gates.png b/public_html/images/works/gates.png
new file mode 100644
index 0000000..ae9199b
Binary files /dev/null and b/public_html/images/works/gates.png differ
diff --git a/public_html/images/works/mii.png b/public_html/images/works/mii.png
new file mode 100644
index 0000000..a4f5351
Binary files /dev/null and b/public_html/images/works/mii.png differ
diff --git a/public_html/images/works/nc.jpg b/public_html/images/works/nc.jpg
new file mode 100644
index 0000000..423dd5f
Binary files /dev/null and b/public_html/images/works/nc.jpg differ
diff --git a/public_html/images/works/nc.png b/public_html/images/works/nc.png
new file mode 100644
index 0000000..423dd5f
Binary files /dev/null and b/public_html/images/works/nc.png differ
diff --git a/public_html/images/works/onsemi.jpeg b/public_html/images/works/onsemi.jpeg
new file mode 100644
index 0000000..1416cf4
Binary files /dev/null and b/public_html/images/works/onsemi.jpeg differ
diff --git a/public_html/index-light.html b/public_html/index-light.html
index 06d54b8..2454948 100644
--- a/public_html/index-light.html
+++ b/public_html/index-light.html
@@ -611,13 +611,13 @@ <h4 class="title">eNCoral Digital Solution Sdn Bhd</h4>
                                         <span class="more-button"><i class="icon-options"></i></span>
                                     </div>
                                     <div class="thumb">
-                                        <img src="images/works/2.svg" alt="Portfolio-title" />
+                                        <img src="images/works/0001.svg" alt="Portfolio-title" />
                                         <div class="mask"></div>
                                     </div>
                                 </div>
                             </a>
                             <div id="encoral" class="white-popup zoom-anim-dialog mfp-hide">
-                                <img src="images/single-work.svg" alt="Title" />
+                                <img src="images/works/nc.png" alt="title" />
                                 <h2>Software Developer</h2>
                                 <p>Developing ILMS (Integrated Legal Management System) for AGC (Attorney’s General Chamber). The system contains 5 modules. This system is used all over the country. My role in this project is to develop the system and also add new requirement as per requested by user.</p>
                                 <a href="https://my.linkedin.com/in/encoral-digital-solutions-sdn-bhd-82258228" target="_blank" class="btn btn-default">View online</a>
@@ -632,13 +632,13 @@ <h4 class="title">ACS - a Xerox Company</h4>
                                         <span class="more-button"><i class="icon-options"></i></span>
                                     </div>
                                     <div class="thumb">
-                                        <img src="images/works/2.svg" alt="Portfolio-title" />
+                                        <img src="images/works/0002.svg" alt="Portfolio-title" />
                                         <div class="mask"></div>
                                     </div>
                                 </div>
                             </a>
                             <div id="acs" class="white-popup zoom-anim-dialog mfp-hide">
-                                <img src="images/single-work.svg" alt="Title" />
+                                <img src="images/works/acs.jpeg" alt="Title" />
                                 <h2>System Consulting Analyst</h2>
                                 <p>Analyzes, develops programs, and modifies software enhancements and new products used in local, networked or internet related computer programs. Using java programming languages and technologies, make codes, complete programming, and perform testing and debugging of applications or software systems. Develops and installs programs to support general business applications running on PCs. Work with clients in support the issues related to the systems developed.</p>
                                 <a href="https://en.wikipedia.org/wiki/Affiliated_Computer_Services" target="_blank" class="btn btn-default">View online</a>
@@ -653,13 +653,13 @@ <h4 class="title">Ecoprasinos Engineering Sdn Bhd</h4>
                                         <span class="more-button"><i class="icon-options"></i></span>
                                     </div>
                                     <div class="thumb">
-                                        <img src="images/works/2.svg" alt="Portfolio-title" />
+                                        <img src="images/works/0003.svg" alt="Portfolio-title" />
                                         <div class="mask"></div>
                                     </div>
                                 </div>
                             </a>
                             <div id="ecoprasinos" class="white-popup zoom-anim-dialog mfp-hide">
-                                <img src="images/single-work.svg" alt="Title" />
+                                <img src="images/works/eco.png" alt="Title" />
                                 <h2>IT Executive</h2>
                                 <p>Requirement collection for in-house electronic document management system application. Design, develop, testing the system solely on content and document management system based on requirement gathered. Study, analyze and make suggestion or improvement on system design and function. Develop Human Resource and management system to minimize document printing. Develop document management system for engineering department. Supervise and give guidance to interns about hands on experience developing the system.</p>
                                 <a href="https://www.ecoprasinos.com/" target="_blank" class="btn btn-default">View online</a>
@@ -674,13 +674,13 @@ <h4 class="title">GATES IT SOLUTIONS SDN BHD</h4>
                                         <span class="more-button"><i class="icon-options"></i></span>
                                     </div>
                                     <div class="thumb">
-                                        <img src="images/works/2.svg" alt="Portfolio-title" />
+                                        <img src="images/works/0004.svg" alt="Portfolio-title" />
                                         <div class="mask"></div>
                                     </div>
                                 </div>
                             </a>
                             <div id="gates" class="white-popup zoom-anim-dialog mfp-hide">
-                                <img src="images/single-work.svg" alt="Title" />
+                                <img src="images/works/gates.png" alt="Title" />
                                 <h2>System Analyst Programmer</h2>
                                 <p>Work as System Analyst Programmer for Integrated Learning Management System at Malaysian Insurance Institute. Collect requirement by user, analyze the impact to the current system, develops iLMS (Integrated Learning Management System) for Malaysian Insurance Institute. iLMS system contains 6 module and in charge of 2 module (Faculty & Facility, Human Resource). Work with client in support the issues regarding the iLMS system related to user.</p>
                                 <a href="https://www.gates.my/" target="_blank" class="btn btn-default">View online</a>
@@ -695,13 +695,13 @@ <h4 class="title">The Malaysian Insurance Institute</h4>
                                         <span class="more-button"><i class="icon-options"></i></span>
                                     </div>
                                     <div class="thumb">
-                                        <img src="images/works/2.svg" alt="Portfolio-title" />
+                                        <img src="images/works/0005.svg" alt="Portfolio-title" />
                                         <div class="mask"></div>
                                     </div>
                                 </div>
                             </a>
                             <div id="mii" class="white-popup zoom-anim-dialog mfp-hide">
-                                <img src="images/single-work.svg" alt="Title" />
+                                <img src="images/works/mii.png" alt="Title" />
                                 <h2>IT Executive</h2>
                                 <p>Work as IT Executive for Malaysian Insurance Institute. Collect requirement by user, analyze the impact to the current system, develops iLMS (Integrated Learning Management System) for Malaysian Insurance Institute. Responsible to connect the system via API to third party system. Work with client in support the issues regarding the iLMS system related to user. Explore Business Intelligence tools to improve data analytics.</p>
                                 <a href="https://insurance.com.my/" target="_blank" class="btn btn-default">View online</a>
@@ -716,13 +716,13 @@ <h4 class="title">eNCoral Digital Solution Sdn Bhd</h4>
                                         <span class="more-button"><i class="icon-options"></i></span>
                                     </div>
                                     <div class="thumb">
-                                        <img src="images/works/2.svg" alt="Portfolio-title" />
+                                        <img src="images/works/0006.svg" alt="Portfolio-title" />
                                         <div class="mask"></div>
                                     </div>
                                 </div>
                             </a>
                             <div id="onsemi" class="white-popup zoom-anim-dialog mfp-hide">
-                                <img src="images/single-work.svg" alt="Title" />
+                                <img src="images/works/onsemi.jpeg" alt="Title" />
                                 <h2>Rel Lab Engineer</h2>
                                 <p>Work as Reliability Engineer for ONSEMI Seremban - ISMF. My roles here is to support and maintain internal application such as LRT [Live Reliability Transaction System], SPTS, CBMS. I also responsible to enhance the current system such as HIMS, STORMS, CDAR. I am responsible to develop a DANS system [Data Acquisition Analysis System] for reporting purposes.</p>
                                 <a href="https://www.onsemi.com/" target="_blank" class="btn btn-default">View online</a>
@@ -921,15 +921,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/php/php-plain.svg" />
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-3 col-6">
-                            <!-- client item -->
-                            <div class="client-item">
-                                <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/laravel/laravel-plain-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tomcat/tomcat-line-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -937,7 +929,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-plain.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -945,7 +937,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-plain.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/php/php-plain.svg" />
                                 </div>
                             </div>
                         </div>
@@ -953,7 +945,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/csharp/csharp-plain.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/laravel/laravel-plain-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -961,7 +953,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-plain-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -969,7 +961,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jquery/jquery-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/gitlab/gitlab-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -977,7 +969,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-plain.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -985,7 +977,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/django/django-plain-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -993,7 +985,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tomcat/tomcat-line-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/flask/flask-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1009,7 +1001,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-plain.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1017,7 +1009,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-line.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-plain.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1025,7 +1017,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/csharp/csharp-plain.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1033,7 +1025,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/django/django-plain-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dot-net/dot-net-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1041,7 +1033,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/flask/flask-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-plain-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1049,7 +1041,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bootstrap/bootstrap-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1057,7 +1049,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bootstrap/bootstrap-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sass/sass-original.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1065,7 +1057,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/sass/sass-original.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1073,7 +1065,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dot-net/dot-net-original-wordmark.svg" />
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-plain.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1081,7 +1073,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    xxxxx
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/jquery/jquery-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1089,7 +1081,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    xxxxx
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nodejs/nodejs-original-wordmark.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1097,7 +1089,7 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                             <!-- client item -->
                             <div class="client-item">
                                 <div class="inner">
-                                    xxxxx
+                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-line.svg" />
                                 </div>
                             </div>
                         </div>
@@ -1133,38 +1125,6 @@ <h4 class="mt-3 mb-0">John Doe</h4>
                                 </div>
                             </div>
                         </div>
-                        <div class="col-md-3 col-6">
-                            <!-- client item -->
-                            <div class="client-item">
-                                <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original-wordmark.svg" />
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-3 col-6">
-                            <!-- client item -->
-                            <div class="client-item">
-                                <div class="inner">
-                                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/gitlab/gitlab-original-wordmark.svg" />
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-3 col-6">
-                            <!-- client item -->
-                            <div class="client-item">
-                                <div class="inner">
-                                    xxxxx
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-md-3 col-6">
-                            <!-- client item -->
-                            <div class="client-item">
-                                <div class="inner">
-                                    xxxxx
-                                </div>
-                            </div>
-                        </div>
                     </div>
 
                 </div>