This is a website for my Personal Portfolio. It shows the basic things that a CV would show but I decided to show off my HTML, CSS and Javascript Skills!
This is my Home Page that has pictures of me and things that interest me. This is a webpage I am very proud of, design-wise. I think this portrays who I am as an individual.
The images on this page pop out too! I did this using a transform element when a user hovers over it!
This is a page of my Projects I have done throughout 1st and 2nd Year of my course in TUS. It ranges from 3D Animating to Board Game Making to Editing/Motion Graphic Designing. These are portraying with links to the videos using <iframe> in HTML.
An image swap of my interests as there's no better way to show interests than with pictures! The thumbnails also have an opacity of 0.6 and when the user hovers it transform to 1. The next and previous was done with Javascript!
A page for my Education and my Work Experience. Just information about the places for my Education and my personal information for my Work Experience. The light grey cards are the places I am attending/working at currently.
A standard page for my Course Details. This was a tricky page to determine the layout but I found using cards for each piece of information to be the best.
This is a dummy page with a contact form that does not lead anywhere but this was a page to show off the validation for a form. This was done with Javascript and when the user clicks the submit button it will display a red text which tells them to fill out each field before submitting. It also has a captcha to prevent bots from using.
This is the Javascript code for the form validation. This was the first time using Javascript and I found it very interesting.
I was also able to make my website responsive with 2 breaking points. One for mobile and one for desktop. This was very helpful to learn and also to make the navigation bar transform into a dropdown with a search bar.
