Project Snapshots






Project Description

✅ John Doe's demo portfolio site was created using HTML and CSS. Technically, it is a landing page as everything in the menu is linked to sections on the home page - the landing page.
✅ John Doe's logo was simply created with one font and two brand colours.
✅ A sticky header highlights the fully functional menu which each link taking the user to the section of the page the information is found.
✅ Social media icons highlight John Doe's colours and are linked can be linked to his social media channels.
✅ "Hire Me" call to action button takes users directly to the contact section, this makes it as easy as possible for potential recruiters to get in touch.

✅ John Doe's About section which also has a link in the nav bar which takes users directly to it
✅ The About image is set in a frame using CSS
✅ Services is set within grey background and each service card has an embedded icon. CSS animation flips the card when hovered over with the mouse.

✅ Latest Works sets out a grid with each project assigned a clickable section of the grid
✅ CSS animations bring to life the grid with a hover effect.
✅ The Get in Touch section is unique with a video embedded within it and comes to life when hovered over.

✅ The Skills Section shows a unique infograph which showcase the skills that John Doe possesses.
✅ Portfolio brand colours are used in the background
Featured product

✅ CSS brings to life the unique timeline and showcases the skills that the client has learned in conjunction with work experience gained

✅ The blog section contains each blog post on a unique card.
✅ CSS brings to life the cards as they are hovered over.
✅ Each card is a link to the blog post and takes the user to another page.
