Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript
HTML-код
- Опубликовано: 16 май 2024
- Complete Responsive Personal Portfolio Website - Using Html, CSS & Javascript
In this video, you will learn how to design a complete personal portfolio website using HTML, CSS and Javascript.
+ Like and Subscribe 🔔 for More! ❤
∎ Get This Project Source Codes - www.buymeacoffee.com/codingsn...
✔️ Clear Coding
✔️ Easy to Follow
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 🔖
-----------------------
∎ Book me to Fix your project Bugs & Issues - www.buymeacoffee.com/codingsn...
∎ Book me to Convert your Figma, PSD, and XD Design to an HTML Website - www.buymeacoffee.com/codingsn...
∎ Files Setup & Download Images - codingsnow.com
∎ Download All Source Files On Patreon - / 58528786
∎ Facebook Page - / codingsnow
∎ Instagram - / coding.snow
∎ Support From Paypal - paypal.me/codingsnowget
Support My Works ❤️❄️
--------------------------------------------
∎ Buymeacoffee - www.buymeacoffee.com/codingsnow
∎ Patreon - / codingsnow
🔗External Sources
------------------------------------
∎ Image Source - pexels.com
∎ FontAwesome Icons - cdnjs.com/libraries/font-awesome
∎ SwiperJS - swiperjs.com
∎ ScrollRevealJS - scrollrevealjs.org
#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.
This video is worth millions, thank you very much for this great value!
Amazing portfolio using simple and modern HTML CSS and js through this l have learned more basic concepts more easily. Thanks, for this.
I'm so grateful for this! Thanks man..😘
Really appreciate for this video. The website have beauticul design and animation, love the part of ScrollReveal!
This is awesome. Thanks for this tutorial
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
Thank you so much, Man! I really appreciate that this was my 1st website ever! (and I learned so many things too!!)
You're most welcome! ❤️
Am unable to leave....the background music and the websites styles🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
Looks amazing 🙌🤩
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
Thank you very much my friend! ❤️
10/ 10! great! ^^
This is beautiful
beautiful work👍👍👍
Appreciated !!!!!!
Amazing video. Which VsCode Extension did you use for fonts etc? Wishing you the best of luck and success!
Hey! Very nice video.
What is your vsc theme ?
It's amazing bro. Where did you download your navigation btn
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
Good job my brother.....so amazing ♥️
Thank you grishini khnna 😁
THANK YOU
amazing video thanks
Awesome
Amazing Portfolio Bro 😄
Thanks bro ❤
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?
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!
Can you kindly provide the music's link which you just added in the intro part of your channel?
At starting's few seconds.
how can add admin panel in this template?
I hope you make another video for this.
can you upload this website for demo ?
Please sir, can you create wordpress or blogger theme for me. And the price will be how much?
fire sound track.
sound track too fire I could not concentrate
The scrolling animation you have installed is creating the problem. Most of the problems are occurring at the time of responsivenes
Great video! Is there a way I can get the source code to the html for free?
Also, the page at this time doesn't work the same on IE and google chrome :( Is there any way to fix this?
I do same as you do but the menu-btn is not workinh, i mean menu button is not activate
what show i do
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???
js part of the portfolio, the active not showing
@@carldomingo1238 Did you solved it? I can toggle active but the modal doesn't close and the active remains
Same problem , did u get ?
@@armandosalcedo95
I am a school student. I can you this source code in my web
anyone else facing any issue while clicking send message button i am not getting email .
do u have source code pls share
please provide image source file
Project file setup is available to download including Images files on the channel website. See the description for the website link.
I am Martian I come in peace do not run we are your friends
how to deploy it
pls help me :((((((
i want to donate but our currency was not on the list