Responsive Personal Portfolio Website using HTML CSS and JavaScript | Build HTML and CSS Website

Responsive Personal Portfolio Website using HTML CSS and JavaScript | Build HTML and CSS Website

❤️ Get template

In this practical HTML CSS and JavaScript project tutorial, I'm going to teach you, step-by-step, how to create a fully Responsive Personal Portfolio Website from scratch, with a beautiful user interface. It contains a Sidebar, Home, About, Services, Qualification, Skills, Portfolio, Testimonial, Contact and Footer Section.

You might like this:
Responsive Personal Portfolio Website Using HTML CSS And JavaScript

Responsive Multi Page E-COMMERCE Website using HTML CSS and JavaScript

📁 Assets

📂 Start project from scratch

🔔 Subscribe For More!

👍 Thanks for watching!
Make sure to LIKE + SUBSCRIBE for more! ❤️

⌚ Timestamp:
00:00 Intro
7:44 Project Setup
10:22 Global CSS
13:00 Sidebar
23:34 Home Section
44:06 About Section
55:42 Qualification Section
1:07:18 Skills Section
1:28:46 Portfolio Section
1:38:46 Portfolio Filter
1:44:36 Portfolio Popup
1:59:20 Services Section
2:04:34 Services Modal
2:16:10 Testimonials Section
2:29:48 Contact Section
2:48:48 Footer Section
2:54:52 Scrollbar and Scroll Section Active
2:56:36 Breakpoints + Navbar Toggle + Final Preview

Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]

Warriyo - Mortals (feat. Laura Brehm) [NCS Release]

#portfoliowebsite #responsivewebsite #website

[RibbonAM]

I'm looking for some tutorial to help me do my own portfolio website and this is by far the most complete (and pretty) desing I've seen so far!

[toxxkwow]

Mikey boy looking a lil thanks for the vid bruh <3

[Seriousxx]

I have watched this till 2:01:09 and have done coding as well. It took me about 10 hours to write 2:01:09 hour of coding I have learned alot thank you so much ♥️ if you could provide the css file in google drive as well it will be extremely helpful and time saving ☺️♥️

[stephenkimotho]

This channel is a game changer. Your designs are just something out of this world

[alvincalma]

That percentage on skills is not advisable because the basis of that is objective. Where do you base or how did you come up with the 90% in PHP? Is there a standardized templated skill matrix? Just a thought

[pikavibe]

How we can add our projects after creating it

[JIAntolini]

Hi there, SCROLL UP section is missing?

[mahmoudsamhoud]

Thanks for the tutorial.
I have one question, if I have a project that might be categorized into two categories (web and App for example), how can I make it appear in the All tab once as well as the Web and the App tabs?

[แมวหน้าเทา]

document.addEventListener("click", (e)=> {
{
togglePortfolioPopup();
}
})

function togglePortfolioPopup() {

}

My popup don't show up🥲Please, is there anyone who can help me?

[officialneurodevelopment]

Give me a patreon option, because I want to buy you a coffee but the payment method is always refused. I want to buy you coffee via paypal

[mridulgrover]

This webpage design is awesome and you are doing a big hard work on frontend projects I'm really proud of you. Carry on and best of luck bro 👍👌

[nethmiprabasha]

is z-index:var(--z-modal) is from a library? doesn't work on my device.

[MdRakibpatwary]

don't have index source code in your dirve.it's empty fill

[juanignacioronquillo]

Hi bro, thanks for the tutorial, I need help, my monitor is big, so I have problems with the left margin of the main.

[SpiritualAwakening]

please I am new to all of this and I want to ask what version of html and css is this? I tried following and all I had were errors throughout. please help to clarify

[enjoyrelax]

whay you write txt doc. index or style instead index.hmtl and style.css and my css dont work I do everting and nothing ??

[Nico-rwtl]

La grosse musique de merde par contre, c'était pas obligatoire...

[rayenhassine]

can u help i can't explain this issue t if u can reply to me and i'll send u a video showing it

[JD-wync]

at 15:50 you added icon i do the same thing but not work i checked my code for more then 5 times but it exactly same as your code please help me

[CindyDupalco]

Awesome work❤❤❤ I love it so much. Also, can you additionally explain how to create a pop-up window that displays your logo project? For example, you could include a number of scrolling photos of your logo project after you click to open it similar to the website Behance.