Personal 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 site [Personal Portfolio], there are six sections on one page – Home, About, Services, Skills, Teams, and Contact, and each section is attractive and eye-catching. 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, and a button labeled as “Hire me” as you can see in the image.
Video Tutorial of Responsive Personal Portfolio Website
In the video, you’ve seen the Responsive One Page Personal Portfolio Website and I hope you’ve understood the little bit codes of this design. I tried my best to make this video understandable for all viewers and I’ve shown each line output in the video. If this video is a little be helpful for you, don’t forget to like it and leave a comment.
If you like this portfolio and want to get the source codes of this tutorial, I have provided all the codes of this program below and I’ve also provided the download link of this program where you can easily download the source files of this program. You can use this portfolio with your creative customization and can take this portfolio to the next level with your creativity.
You might like this:
Responsive Personal Portfolio Website [Source Codes]
Update: Now you can send the message from the contact form of this website. If you still haven’t watched this video [Update] Responsive Personal Portfolio Website – Working Contact Form then please watch this video first.
You can 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. Once you extract it there is a folder name with
Portfolio Website - CodingNepal and inside this folder, you’ll get two subfolders with the name of
Website with working contact form and
Website without working contact form. If you want to use the working contact form folder then you’ve to configure your XAMPP to send a message. Here is the blog about How to configure XAMPP to send Mail from Localhost in PHP?
Remember if you want to send a message using this website contact form then you need to configure your XAMPP and paste this folder inside htdocs folder of your XAMPP installation directory and open the
index.php file on your browser otherwise you can use another folder without doing anything more.
If you face any problem during downloading or after downloading the source code then feel free to comment down or contact us through the contact form.