Interactive Design Project 2: Working Web Page

Week 6 - Week 10
Nitish A/L Naveen Kumar 0346592
Interactive Design, Bachelors of Design in Creative Media
Project 2: Working Web Page

---

INSTRUCTIONS

 

---

Working Web Page

CV Design 28/5/24

From our previous project we were told to create a web page using html and css by following the CV we created this was mine.

I forgot to capture screenshots for each of the time I did the coding so i will share snippets of my work even though they are in their final form, at the end i will also share my code throughout this web creation.

Web Page First Section 13/6/24

This was the first section of the webpage i did which included my picture, name, career, contact info and my interest.

CV Design 28/5/24

Unlike the web i could not replicate my borders fully as i didnt know how to add lines and designs in my html,css so this took some of my time while doing it.

Web Page Second Section  27/6/24

This was the 2nd section of the web page which included my Profile, experience, skills. and Education. This section was especially challenging for me as i took most of my time trying to figure out was to create the progress bar. There was too many errors and was mind boggling but i ended up staying with this design as its easier for me and the bar somehow only kept starting from right to left instead of left to right.

CV Design 28/5/24

This is how my original CV section looks like, as u can see ive tried my best to replicate it as much as possible but the bar and the side line was for me personally unachievable, nevertheless im still proud of my outcome as it looks at least 70-80% the same. 

FINAL OUTCOME

Here is the Link Working Web Page

Text Font
Font          : EB Garamond, Bebas Nueue
Style         : Regular, Italic

Colour Pallete
Colour 1    : #10333A
Colour 2    : #FFE3AD

Working Web Page HTML PDF 29/6/24

 Working Web Page CSS PDF 29/6/24