Responsive Portfolio Website using HTML, CSS & JavaScript
Portfolio Website (HTML , CSS , JavaScript )
In this lesson, We show you how to create a Fully Responsive Portfolio Website using HTML, CSS & JavaScript. We already shared many blogs on web design stuff like (NavBar, Owl-Carousel, Image Slider, Cards, Buttons, and many more...) but still We've not created a full website and now it's time to create a portfolio. So, let's start with the basics.
Portfolio sites are consistent that need to be taken care of throughout your work. It gives a convenient way for potential clients to view your work while also letting you expand on your skills/experiences and services.
On this Portfolio, there are six sections on one the Index page - Home, About, Services, Skills, Projects & Contact. And each section is alluring & enticing. On the home page of this site, on the top, there is a sticky navigation bar with a logo on the left side and some navigation links are on the right side. On the left side of the home page, there are texts which are about the Author's name, Profession & a button labeled as “Hire Me" which gives enticing look to this Portfolio.
Responsive Personal Portfolio Website [Source Codes]
To create this Portfolio website, you need to create these Files: HTML File (index.html), CSS File(style.css), JavaScript File (script.js) & Img File. After creating these files just paste the following codes into your file.
First you need to create a HTML file with the name of index.html & then paste the given codes in your HTML file. Remember, you've to create a file with .html extension otherwise the images which are used on this Portfolio won't appear. You've to download files from the given download button to use images also.
Second, create a CSS file with the name of style.css and paste the given codes in your CSS file. Remember, you've to create a file with .css extension.
3rd step, create a JavaScript file with the name of script.js and paste the given codes in your JavaScript file. Remember, you've to create a file with .js extension.
Last, create a Image file with the name of images and put all of the images which you want in your Portfolio Website. Remember, you've to add these image path to the index.html.
That's all for this Portfolio Website, now you've successfully created a Responsive Portfolio Website using HTML, CSS & JavaScript. If your code doesn't work or you've faced any error/problem then please download the source code files from the given download button. It's free and a .zip file will be downloaded then you've to extract it.
Instructor
Akash Mahapatra
Founder, Director
Student feedback
Reviews
No Reviews..