Create a Responsive Personal Portfolio Website Design using HTML CSS and JavaScript
HTML-код
- Опубликовано: 1 июн 2024
- Create a Responsive Personal Portfolio Website Design using HTML CSS and JavaScript
❤️ Get template
www.buymeacoffee.com/cryptica...
In today's tutorial, you will learn how to make a complete responsive personal portfolio website design by using HTML CSS and Vanilla JavaScript from scratch. I hope you will like this portfolio website design. Feel free to download the source code of this responsive personal portfolio website from the given link.
Main Features ***
0) High-quality Design
1) Built-with HTML5 , CSS3 and JavaScript
2) 100% Responsive Design
3) Clean Code
4) Well-commented code
5) Live Style Switcher
6) 5 Color Skins
7) Light/Dark
You might like this:
Part 2 Link:
➤ • Complete Responsive Pe...
Responsive Personal Portfolio Website Using HTML CSS And JavaScript
➤ • Responsive One Page Pe...
Responsive Landing Page Using HTML CSS And JavaScript
➤ • Responsive Landing Pag...
Subscribe For More Free Tutorial & Codes:
➤ / @crypticalcoder
Don't forget to smash the like button and share the video with your friends if you found the video useful.
Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.
Make sure to SUBSCRIBE for more tutorials like this one !
Timestamp:
00:00 Intro
04:48. Sidebar
30:28 Home Section
49:26 About Section
1:34:08 Services Section
1:46:56 Portfolio Section
1:54:18 Contact us Section
2:16:00 Responsive
2:26:00 Live Style Switcher
3:00:14 Text Typing Animation
Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
• Levianth & Axol - Reme...
Warriyo - Mortals (feat. Laura Brehm) [NCS Release]
• Warriyo - Mortals (fea...
Song: Ikson - Last Summer (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: • Ikson - Last Summer (V...
Make sure to SUBSCRIBE for more tutorials like this one !
Download images:
drive.google.com/file/d/1KbQexYchydwLbQmTt6jX8foR11nPVrxY/view?usp=drivesdk
Source code pleaseeeee!!!!!!!!!
@@farghab1 link is in description
@@CrypticalCoder souce code plzzz
@@CrypticalCoder Brother html css want more project please bro
Why dont you offer paypal option?
My VS Code was gonna have a stroke seeing the sudden level of advancement in my codes, poor guy didn't knew about youtube
can you send me the code directly!
@@manandawra7172 💀why do u think the world is so kind hun
@@bubbletown6962 I am not sure about the world but i thought you might be kind enough to send me the code.
JJ , I was just trying maybe i get the code,.
@@manandawra7172 mk, u were apparently too wrong 😭
Yup😁🤣
You are the most talented, beyond imagination web designer I have ever seen in my life.
This the bestt tutorial ive ever seen just follow along properly and youll even start understanding it after a while , hats off to u
Thank You so much for this tutorial buddy :)
The portfolio site turned out great, I didn’t even notice how those 3 hours passed. Everything is well made is sooooooo perfect. I have learned a lot from this tutorial.. Thank You Sooo much. God bless You...:)
Your portfolio makes me super amazed! I will definitely try out your tutorial!
This is, by far, the most interactive portfolio I've ever seen. I'm working on typing this code out, and U just got yourself another subscriber mate. You are so talented. I hope to be here with you on your journey as you continue to make more awesome and beautiful projects like this one.
Hey are you able to run js code I ain't
Can you help me with that?
@@khushbooprasad2748 yes, include it in the script with and check the naming correctly.
@@ayushmitra3746 I did even I checked my code 4 time everything is right
Is there something we have to install to run js code?
@@khushbooprasad2748 no nothing to install.... if it isn't showing then ig u r going to have to check ur other codes bcz it has to be the code... I have been able to run it
+1
Man, thank you for your work! It was very long but it looks damn cool! Have a great day!
Here in Brazilian watching and learning my future profession.
wow amazing i am a you tuber nd web developer but i start my journey from java
I really will use this as tutorial for my journey at programming thx bro💓💓💓❤️
Man this is a legendary portfolio !!!!
😍😍😍💓 all this and still 19 mashaallah bro you're awesome ❤️❤️❤️❤️❤️
I would like to thank the creator of this tutorial. You are an amazing human being.
Thank you from the bottom of my heart.
I learned a lot from this tutorial especially the very last part.
Regards,
I should probably use my own ;)
hey ,could you please provide me code link , I don't know where I missed something
@@ashwanitalks can u give me code?
simplement impressionant.
toutes mes félicitations!!!
I love this will just download it immediately and practice it .. you are amazing..pls 🙏 will get back to once I have issues pls.. I love the design.. greetings from Nigeria
The portfolio site turned out great, I didn’t even notice how those 3 hours passed. Everything is well made
can you please tell me is he using vs code ??
for coding
@@hassnainshahid6498 yes
can u share me the source code personaly please
@@hassnainshahid6498 yes
@@syedalishah8718 can u share code plz
The hours went really fast,
thank You for tha amazing tutorial.
One of the best sites I've seen 👏👏
Super nice, for sure will try this out with myself!
RUclips me lee la mente, este portafolio es un 80% de lo que tenia en mente hacer
thanks it was a wonder-full experience
thank you for this professional portfolio......very important and helpful tutorial graciasss
You're hired! 😀 This is so impressive
So Amazing! 😮 Really It was Eye-catchy website.
I have seen your video for the first time and i am going to subscribe your channel, love you bro
So creative, keep making more!
i havent seen something so amazing excellent work bro
I just have to follow you man wow ,I love this
Really Amazing Video, Very hard work done By You.
I am going to make my final project for presentation🥰😍
Havent had the chance to watch it yet but the intro looks amazing
i wish i was as creative as you bro
Kyaaaaaa baaaaaat... Beautifullll ... Love from India
Thank You So Much You are a Living Legend Bro
I so much love this. bro google should hire you
best ever video among i had seen till. 👌
love it bro. Thanks for inspiration
🤗
@Cryptical Coder, just a tiny suggestion - style your scroll bar, too - thinner, rounded scroll-thumb in your primary colour would go well with your design 💪
hey ,could you please provide me code link , I don't know where I missed something
Beautiful creative solutions. 😍😍I LOVE YOu
Never saw something like this. You are a champion.
hey ,could you please provide me code link , I don't know where I missed something
very janDAR skill bahut hi badiya
good content, But I wish there is a sound record to tech and to clarify what it is doing.
Waouh! You seriously inspired me, thanks
Congrats on becoming 1st web developer of Pakistan
Not first bro
i HAVEN'T SEEN ANY OTHER PAKISTANI
@@CrypticalCoder
Je suis en formation actuellement pour devenir développeur et c'est, de loin, le projet le plus abouti et le plus fun que j'ai fait jusqu'à présent !! J'ai appris pas des choses supplémentaires en plus ! Merci encore
ah lol, le projet est sympas certes mais il y'a quand même d'aussi bon projet ailleurs.
@@christinob2528où par exemple ?
Amazing work
Great tutorial. Keep it up!
very interesting video, I think that I will use it
its easy to make it.
what's difficult is the idea with a design like that. very cool
Bro i need this js code
Thank you for this! Finally finished with my issues resolved.
bro can you just help me out at 2:09:04 at this time stamp . my problem is that after writing this code the email part is slightly towards right but in my case its not exactly happening can u just where is my mistake
@@souravkumardas8081 I wouldn't know from here. Maybe check your display css and html that the class email is in
Wooow your work is sooo nice and organize❤❤ Thanks you you really help me💕
can u share me the source code personaly please
It's awesome 👌
Thank you so much
lo máximo!!! gracias por compartir!!!
hey ,could you please provide me code link , I don't know where I missed something
AMAZINGGGG THANK YOU!!!
OMG!!! this is amazing. Great stuff man. Greetings from Uganda
Thanks ❤️
woow, coooll. I like👍🏻👍🏻👍🏻
Wow bro
You are super talented 😍
May Allah Bless you bro. This is an amazing Tutorial.
Wow nice 😊🤩
Good work.it really looks nice
u r the best bro
Thank u sir I really appreciate your efforts
Sir Respect to You❤️
Simplesmente Fantástico
Bro bohat behtar banwaya hay ap nay portfolio
This is a very nice portfolio, I appreciate your work. But guys, think... If u copy that code, does that mean you did it? If you are web developers, try to make your own site, It might took even 2 days to do it, but do it alone.. honestly.
i just finished your tutorial really amazing XD and you are so talented!
hey ,could you please provide me code link , I don't know where I missed something
best three hours of my life
Win me as new subscriber. Perfect layout. XD
Respect from deep heart ❤️❤️❤️
Sir I have a question
Thnx bro!!!!
Practical hands on tutorial you give!
Sir my sidebar is not showing in normal pc resolution
Please guide me whole website is completed but sidebar is not showing
Thanks sir 😊
🥰Thank You Great Work🥰
Awesome site
Great work budy
Thank you for the video
damn man you deserve much more thats too good
thanks bro, upcoming is much better than this
I got a lot of new ideas from you, thanks man + you got a new sub.
You're welcome
@@shaxzodsobirov690 which code you required
@@CrypticalCoder yes
@@CrypticalCoder all you need
Good bro thankyou very much
hy, thanks for the tutorial. but you did not show some issues like :
1. how to set active nav bar color. if we click on about page its not showing any color
2. how to set my cv on download my cv button.
expecting for your response brother.. thanks a lot.
Wow🎉🎉
ekdam kadak maal hai🌟🌟😎😎
You did a great job but instead of music, you should explain a little bit. Your work is amazing
yes, please
wow this is so beautiful❤❤❤❤
wao great that's amaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaazing
Awesome video!!
Good job bro
Successfully completed thank you so much ❤
Di, can you provide Source code to me please?
soooooooooooooooooooooooooooooooooooooooooooooooooooo great
awsome design bro thank you for sharing
stay tuned bro, something more awesome is coming
Amazing Work man!!!
I jut created my portfolio by watching your full video such an amazing creativity you got!
Really Appreciated and Helpful.
can you please send me the source code of website
@@saurav_abhinav me too i want the code source
bro can you just help me out at 2:09:04 at this time stamp . my problem is that after writing this code the email part is slightly towards right but in my case its not exactly happening can u just where is my mistake
Very handsome website 🔥
Bhai website kabhi handsome hoti hai suna hai kya😂🤣
Well I saw this today and I was like what the hell how it was this amazing 🤒 I am trying to make same website like you after 1 hr completed I am still in the 20 mins vedio state 🥵 it may take 2 weeks for me to complete and if you explain it we will get more info ✌️ love from India 💗
Is their any course you may help us to learn to make a great projects and portfolioes like you 😩🤒 I would like to learn alot from you 🥵 and I am suggesting it to my friends ✌️ hope you respond 💗
Bro you did a really great job i didnt know how i spend 3 hours straight for this but it was fun.
I really have a favor..
can u please provide the images link if u can it will be really good
😀😀😀
drive.google.com/file/d/1KbQexYchydwLbQmTt6jX8foR11nPVrxY/view?usp=drivesdk
The best code ever for me, just waooohhh 🤩🤩🤩 Tones of congrats for this, everything works perfectly 👏👏👏👏👏👏👏👏👏
Please share source code
Very Nice Brother :)
Awesome job i will say the best of luck
Thanks bro
Free source will be very helpful.
Brooo That was gooooooooooooooooooooooood as heck
Thanks bro