Complete Responsive Personal Portfolio Website using HTML CSS & JavaScript

Complete Responsive Personal Portfolio Website using HTML CSS & JavaScript

In this video, I have shown you how to create a complete responsive portfolio website using html css and javascript. You can watch this video and easily able to create this type of responsive portfolio website even if you’re a beginner.

NOTE: Nowadays that font awesome link I provided not support so your icon may not be showing. Please use the latest CDN link which you can easily find on Google.

Download Only Images of this Website – https://drive.google.com/file/d/1jJsToUtj0mKAsvJTraj0i_EumP9inMG0/view?usp=sharing

Live Demo or Download Codes – https://codingnepalweb.com/demos/responsive-portfolio-website/

Create Chat Application using PHP & MySQL
https://www.youtube.com/watch?v=VnvzxGWiK54

Create Music Player App using Pure JavaScript
https://www.youtube.com/watch?v=1-CvPn4AbT4

Second Channel – https://bit.ly/3aHNkru
Website – https://www.codingnepalweb.com
Facebook – https://www.facebook.com/coding.np
Instagram – https://www.instagram.com/coding.np

Timestamp:
0:00 Intro
4:30 Navigation Bar
9:46 Home Section
32:41 About Section
46:17 Services Section
58:05 Skills Section
1:11:08 Teams Section
1:26:35 Contact Section
1:45:31 Footer Section
1:50:55 Scroll-up Button
1:55:19 Typing Text Animation

Music provided by NoCopyrightSounds
https://www.youtube.com/user/NoCopyrightSounds

Disclaimer: All images are copyright to their respective owners.

If you have any issues with the images/songs that I used in this video. Please contact me on Email – [email protected]

source

This Post Has 20 Comments

  1. CodingNepal

    If you like this video. Please remember to Subscribe to this Channel 😃

  2. can you help me the banner picture doesnt show in the output, i hope you can help me to resolve the problem

  3. pankaj rana

    one of best conent for students to learn

  4. Trevor Nkuna

    Thank you bro, this was really helpful and inspiring

  5. Aaron Manaloto

    THANK YOU SO MUCH SIR!
    for this kind of tutorial I've learned a lot, I do not skip ads that's only thing I can pay back

  6. Amrendra Singh

    Image is not appearing on refreshing the webpage why ??

  7. Daksh Patel

    From where did you took the background of main picture

  8. YAKUBU HAYIM

    Wow. This is really amazing. I love it and I have followed the video to create my own portfolio. I also tried adding a CSS gallery, where I can showcase some of my works, but I couldn't get it right.

    CAN YOU PLEASE SHARE A PICTURE GALLERY CODE THAT I CAN ADD TO THIS PROJECT TO SHOWCASE MY PAST WORKS. I WILL BE GLAD. THANK YOU SO MUCH.

  9. NIKOLAY Official

    Hello, you are making unique videos! Can I use your template by editing it and not putting feedback to the creator (you)?

  10. MS C

    This usefull video

  11. L ol

    Man my burger doesn’t appear man

  12. Kibria Chowdhury

    why my typing animation isn't working?

    var typed = new Typed(".typing", {

    strings: ["Developer", "WordPress Expert", "YouTuber"],

    typeSpeed: 100,

    backSpeed: 60,

    loop: True

    });

  13. life is a joke.

    thanks for sharing. you earned my sub and like! keep posting good stuff!

  14. noon

    my menu sign is not showing, anyone else has the same problem??

  15. Durgesh Chore

    I tried a lot but my css tab is not working with html, I put all the thing to the correct folder ,

Leave a Reply