implementation

The images or diagrams below is the process in how I implemented the design that I had thought of during my portfolio design for my web portfolio. The process below is showing part of my website portfolio page being implemented in hotglue.

The images or diagrams above are the process in creating my web portfolio. The first diagram (top-left) is an empty page with nothing on it, because it is the starting process to my web portfolio. The second diagram (top-right) shows the images that I have uploaded.

These above images are the third and fourth process to developing my web portfolio. The third diagram (top-left) is the process where I have already done uploading the images that I needed to for this web page. The images are buttons for my web portfolio. In the fourth diagram (top-right) I'm just trying the purple colour for showing the ruler line.

These above images are the fifth and sixth process to the development of my web page for my web portfolio home page. As you can see the ruler line is still present in the image above (top-left). I using the purple colour only to help me show the line because if I use the colour black which i have decide as my background colour the ruler line will not show. So the purple colour is just for help to place my layout like images and fonts. The diagram on the above (top-right) is completed version to my web portfolio.

How to Navigate my Portfolio?

Implementing my Portfolio (example Home page)

These above videos are explaining the thing about my web portfolio. The video top-left is explaining on how my web portfolio works. Whereas the video on the top-right is showing the process on the implementation on my web portfolio.