Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript

Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript

In this tutorial, you will learn how to design a complete personal portfolio website using HTML, CSS and Javascript. Hope this project will be helpful ❤️

✔️ Clear Coding
✔️ Easy to Follow

+ Like and Subscribe 🔔 for More! ❤️❄️ @CodingSnow

Website Features -
✔️ Responsive
✔️ Easy Navigation
✔️ Dark/Light Theme
✔️ Popup Modals
✔️ Hover Effects
✔️ Scrolling Effects
✔️ SwiperJs
✔️ Scroll Reveal Animations

📚 Chapters
-------------------------
0:00 - Project Demo
6:43 - Files setup
7:30 - CSS Variables
10:57 - Header
14:38 - Home
22:09 - About
30:40 - Header navigation bar (On scroll)
32:33 - Custom scroll bar
33:23 - Skills
47:39 - Services
01:01:32 - Portfolio
01:14:02 - Get-In-Touch
01:17:19 - Our Clients
01:26:37 - Contact Me
01:35:32 - Footer
01:41:55 - ScrollToTop button (On scroll)
01:45:17 - Navigation menu items active (On scroll)
01:48:46 - Dark/Light theme
01:55:46 - Media queries - (All Sections)
02:16:46 - Scroll reveal animations

Book Me 🔖
-----------------------

Support My Works ❤️❄️
--------------------------------------------

🔗External Sources
------------------------------------

#CodingSnow #WebDesign #Portfolio
____________________
Copyright Disclaimer under section 107 of the Copyright Act of 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education, and research. Fair use is a use permitted by copyright statutes that might otherwise be infringing.

Thank you so much, Man! I really appreciate that this was my 1st website ever! (and I learned so many things too!!)

[willykitheka]

Am unable to leave....the background music and the websites styles🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[celinewu]

Really appreciate for this video. The website have beauticul design and animation, love the part of ScrollReveal!

[nicolasmelo]

This video is worth millions, thank you very much for this great value!

[styledesigners]

Beautiful *video* for the _Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript_ and *excellent* illustrations that pique _viewers_ ' interest. Moreover, I like the content you provide; in addition, the job is *fantastic*; I cannot express my *gratitude* enough. _Wishing_ you the best of *luck* and *success*, And I **_strongly_** *encourage* you to watch such videos. I am Style Designer

[_arbazmalik]

Amazing portfolio using simple and modern HTML CSS and js through this l have learned more basic concepts more easily. Thanks, for this.

[aplaudido]

Amazing video. Which VsCode Extension did you use for fonts etc? Wishing you the best of luck and success!

[goodness]

Bro you work here is beautiful like that is the best way to express what I am looking at, *Beauty*. Wow you've earned a subscriber

[samuelk]

I'm so grateful for this! Thanks man..😘

[jayvaghani]

thankyou for teaching me i've learned many things like how to wright code in good format and many different css properties i hope we will get more guidance from you in the future again thanks a lot

[Emilia-xwto]

Hello, I am at time 19:44, could you kindly advise why I my icons on the very left side of the screen, not just before the main body text?

[carldomingo]

1:10:31, when i click on the image, theres no "active" in the elements, i follow the steps in the js, i skip the part of the services, why the portfolio does not show???

[zebedee]

This is awesome. Thanks for this tutorial

[Hyside]

Hey! Very nice video.
What is your vsc theme ?

[feelinglikeitcomedy]

It's amazing bro. Where did you download your navigation btn

[manasijmandal]

I do same as you do but the menu-btn is not workinh, i mean menu button is not activate
what show i do

[Emilia-xwto]

Also, the page at this time doesn't work the same on IE and google chrome :( Is there any way to fix this?

[mohammadahsan]

Can you kindly provide the music's link which you just added in the intro part of your channel?
At starting's few seconds.

[Ganalaras]

can you upload this website for demo ?

[drew]

Great video! However I'm having trouble when I resize my screen, the nav-bar items disappear but the toggle icon does not appear. Not sure whats happening but I used the source code from your website. Any help from you or anyone else in the comments would be appreciated!