diff --git a/public/assets/480x480.png b/public/assets/480x480.png
new file mode 100644
index 00000000..9587d57d
Binary files /dev/null and b/public/assets/480x480.png differ
diff --git a/src/assets/images/portofolio/01-large.png b/public/assets/portofolio/01-large.png
similarity index 100%
rename from src/assets/images/portofolio/01-large.png
rename to public/assets/portofolio/01-large.png
diff --git a/src/assets/images/portofolio/01-small.png b/public/assets/portofolio/01-small.png
similarity index 100%
rename from src/assets/images/portofolio/01-small.png
rename to public/assets/portofolio/01-small.png
diff --git a/src/assets/images/portofolio/02-large.png b/public/assets/portofolio/02-large.png
similarity index 100%
rename from src/assets/images/portofolio/02-large.png
rename to public/assets/portofolio/02-large.png
diff --git a/src/assets/images/portofolio/02-small.png b/public/assets/portofolio/02-small.png
similarity index 100%
rename from src/assets/images/portofolio/02-small.png
rename to public/assets/portofolio/02-small.png
diff --git a/src/assets/images/portofolio/03-large.png b/public/assets/portofolio/03-large.png
similarity index 100%
rename from src/assets/images/portofolio/03-large.png
rename to public/assets/portofolio/03-large.png
diff --git a/src/assets/images/portofolio/03-small.png b/public/assets/portofolio/03-small.png
similarity index 100%
rename from src/assets/images/portofolio/03-small.png
rename to public/assets/portofolio/03-small.png
diff --git a/src/assets/images/portofolio/04-large.png b/public/assets/portofolio/04-large.png
similarity index 100%
rename from src/assets/images/portofolio/04-large.png
rename to public/assets/portofolio/04-large.png
diff --git a/src/assets/images/portofolio/04-small.png b/public/assets/portofolio/04-small.png
similarity index 100%
rename from src/assets/images/portofolio/04-small.png
rename to public/assets/portofolio/04-small.png
diff --git a/src/assets/images/portofolio/05-large.png b/public/assets/portofolio/05-large.png
similarity index 100%
rename from src/assets/images/portofolio/05-large.png
rename to public/assets/portofolio/05-large.png
diff --git a/src/assets/images/portofolio/05-small.png b/public/assets/portofolio/05-small.png
similarity index 100%
rename from src/assets/images/portofolio/05-small.png
rename to public/assets/portofolio/05-small.png
diff --git a/src/assets/images/portofolio/06-large.png b/public/assets/portofolio/06-large.png
similarity index 100%
rename from src/assets/images/portofolio/06-large.png
rename to public/assets/portofolio/06-large.png
diff --git a/src/assets/images/portofolio/06-small.png b/public/assets/portofolio/06-small.png
similarity index 100%
rename from src/assets/images/portofolio/06-small.png
rename to public/assets/portofolio/06-small.png
diff --git a/src/assets/images/portofolio/07-large.png b/public/assets/portofolio/07-large.png
similarity index 100%
rename from src/assets/images/portofolio/07-large.png
rename to public/assets/portofolio/07-large.png
diff --git a/src/assets/images/portofolio/07-small.png b/public/assets/portofolio/07-small.png
similarity index 100%
rename from src/assets/images/portofolio/07-small.png
rename to public/assets/portofolio/07-small.png
diff --git a/src/assets/images/portofolio/08-large.png b/public/assets/portofolio/08-large.png
similarity index 100%
rename from src/assets/images/portofolio/08-large.png
rename to public/assets/portofolio/08-large.png
diff --git a/src/assets/images/portofolio/08-small.png b/public/assets/portofolio/08-small.png
similarity index 100%
rename from src/assets/images/portofolio/08-small.png
rename to public/assets/portofolio/08-small.png
diff --git a/public/assets/portofolio/09-large.png b/public/assets/portofolio/09-large.png
new file mode 100644
index 00000000..19105168
Binary files /dev/null and b/public/assets/portofolio/09-large.png differ
diff --git a/src/components/PortofolioItem.vue b/src/components/PortofolioItem.vue
index 1293cec8..d16ef105 100644
--- a/src/components/PortofolioItem.vue
+++ b/src/components/PortofolioItem.vue
@@ -2,18 +2,16 @@
     <div class="columns is-multiline">
         <div class="column is-one-quarter" v-for="item in items">
             <div class="card">
-                <!--
                 <div class="card-image">
-                    <figure class="image is-4by3">
-                        <img :src="item.smallImage" alt="Placeholder image">
+                    <figure class="image is-square">
+                        <img :src="getPic(item.smallImage)" alt="Placeholder image">
                     </figure>
                 </div>
-                -->
                 <div class="card-content">
                     <div class="media">
                         <div class="media-left">
                             <figure class="image is-64x64">
-                                <img class="is-rounded" :src="item.icon" alt="Icon">
+                                <img class="is-rounded" :src="getPic(item.icon)" alt="Icon">
                             </figure>
                         </div>
                         <div class="media-content">
@@ -39,5 +37,9 @@ import { Component, Vue } from 'vue-property-decorator'
     items: Array,
   },
 })
-export default class PortofolioItem extends Vue {}
+export default class PortofolioItem extends Vue {
+    public getPic(url: string) : string {
+        return `${process.env.BASE_URL}${url}`
+    }
+}
 </script>
\ No newline at end of file
diff --git a/src/views/Portofolio.vue b/src/views/Portofolio.vue
index 2f525f00..e5efc0ac 100644
--- a/src/views/Portofolio.vue
+++ b/src/views/Portofolio.vue
@@ -28,8 +28,8 @@ export default class Portofolio extends Vue {
         {
             title: 'Learn Android',
             description: 'Mobile Application Example to Learn Programming in Android.',
-            smallImage: '../assets/images/portofolio/01-large.png',
-            icon: '../assets/images/portofolio/01-small.png',
+            smallImage: 'assets/portofolio/01-large.png',
+            icon: 'assets/portofolio/01-small.png',
             repository: {
                 github: 'https://github.com/bervProject/learn-android'
             }
@@ -37,6 +37,8 @@ export default class Portofolio extends Vue {
         {
             title: 'Belitung Information Center',
             description: 'Belitung Information Center using Ionic Framework.',
+            smallImage: 'assets/portofolio/02-large.png',
+            icon: 'assets/portofolio/02-small.png',
             repository: {
                 github: 'https://github.com/bervProject/belitung-information-center'
             }
@@ -44,19 +46,25 @@ export default class Portofolio extends Vue {
         {
             title: 'You Can Use It',
             description: 'You Can Use It using Starling and FeathersUI.',
+            smallImage: 'assets/portofolio/03-large.png',
+            icon: 'assets/portofolio/03-small.png',
             repository: {
                 github: 'https://github.com/bervProject/You-Can-Use-It'
             }
         },
         {
             title: 'Treasure Hunt',
-            description: 'Treasure Hunt is Android Application. This is looks like porting from iOS Application. This project want to pair with iOS Application that have name Sampoerna Events build by Suitmedia. This project build when internship in Suitmedia.'
+            description: 'Treasure Hunt is Android Application. This is looks like porting from iOS Application. This project want to pair with iOS Application that have name Sampoerna Events build by Suitmedia. This project build when internship in Suitmedia.',
+            smallImage: 'assets/portofolio/08-large.png',
+            icon: 'assets/portofolio/08-small.png'
         }
     ]
     public webData: object[] = [
         {
             title: 'Tweety',
             description: 'Tweety build on ASP.NET Framework MVC (Now Use ASP.NET Core MVC) and C#.',
+            smallImage: 'assets/portofolio/06-large.png',
+            icon: 'assets/portofolio/06-small.png',
             repository: {
                 github: 'https://github.com/berv-uni-project/tweety'
             }
@@ -64,6 +72,8 @@ export default class Portofolio extends Vue {
         {
             title: 'Scheduler OP',
             description: 'Scheduler OP build on Django Framework.',
+            smallImage: 'assets/portofolio/04-large.png',
+            icon: 'assets/portofolio/04-small.png',
             repository: {
                 github: 'https://github.com/berv-uni-project/scheduler-op'
             }
@@ -71,6 +81,8 @@ export default class Portofolio extends Vue {
         {
             title: 'Bervianto Leo Pratama Jekyll Themes',
             description: 'Themes Jekyll used Bulma for My Jekyll Themes',
+            smallImage: 'assets/480x480.png',
+            icon: 'assets/480x480.png',
             repository: {
                 github: 'https://github.com/berviantoleo/berviantoleo.github.io'
             }
@@ -78,6 +90,8 @@ export default class Portofolio extends Vue {
         {
             title: 'My Personal Site Vue.js',
             description: 'SPA Used Vue.js to created my personal website.',
+            smallImage: 'assets/480x480.png',
+            icon: 'assets/480x480.png',
             repository: {
                 github: 'https://github.com/bervProject/my-personal-web'
             }
@@ -87,6 +101,8 @@ export default class Portofolio extends Vue {
         {
             title: 'Frog Archiver',
             description: 'Frog Archiver using Qt Framework.',
+            smallImage: 'assets/portofolio/05-large.png',
+            icon: 'assets/portofolio/05-small.png',
             repository: {
                 github: 'https://github.com/berv-uni-project/Frog-Archiver'
             }
@@ -94,6 +110,8 @@ export default class Portofolio extends Vue {
         {
             title: 'Hyperdoku Solver',
             description: 'Hyperdoku Solver build on Java and Java Swing.',
+            smallImage: 'assets/portofolio/07-large.png',
+            icon: 'assets/portofolio/07-small.png',
             repository: {
                 github: 'https://github.com/berv-uni-project/Hyperdoku-Solver'
             }