Create a Responsive Personal Portfolio Website Design using HTML CSS and JavaScript
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...
Пікірлер: 729
Make sure to SUBSCRIBE for more tutorials like this one ! Download images: drive.google.com/file/d/1KbQexYchydwLbQmTt6jX8foR11nPVrxY/view?usp=drivesdk
@farghab1
2 жыл бұрын
Source code pleaseeeee!!!!!!!!!
@CrypticalCoder
2 жыл бұрын
@@farghab1 link is in description
@RohitGupta-gd7lw
2 жыл бұрын
@@CrypticalCoder souce code plzzz
@omorfaruk6986
2 жыл бұрын
@@CrypticalCoder Brother html css want more project please bro
@whatnot798
2 жыл бұрын
Why dont you offer paypal option?
You are the most talented, beyond imagination web designer I have ever seen in my life.
Man, thank you for your work! It was very long but it looks damn cool! Have a great day!
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.
@khushbooprasad2748
2 жыл бұрын
Hey are you able to run js code I ain't Can you help me with that?
@ayushmitra3746
2 жыл бұрын
@@khushbooprasad2748 yes, include it in the script with and check the naming correctly.
@khushbooprasad2748
2 жыл бұрын
@@ayushmitra3746 I did even I checked my code 4 time everything is right Is there something we have to install to run js code?
@ayushmitra3746
2 жыл бұрын
@@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
@suatcelik7834
Жыл бұрын
+1
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...:)
My VS Code was gonna have a stroke seeing the sudden level of advancement in my codes, poor guy didn't knew about youtube
@manandawra7172
2 жыл бұрын
can you send me the code directly!
@bubbletown6962
2 жыл бұрын
@@manandawra7172 💀why do u think the world is so kind hun
@manandawra7172
2 жыл бұрын
@@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,.
@bubbletown6962
2 жыл бұрын
@@manandawra7172 mk, u were apparently too wrong 😭
@techwave5239
2 жыл бұрын
Yup😁🤣
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 ;)
@ashwanitalks
Жыл бұрын
hey ,could you please provide me code link , I don't know where I missed something
@arabindrajak4951
5 ай бұрын
@@ashwanitalks can u give me code?
Man this is a legendary portfolio !!!!
The portfolio site turned out great, I didn’t even notice how those 3 hours passed. Everything is well made
@hassnainshahid6498
2 жыл бұрын
can you please tell me is he using vs code ?? for coding
@AhsanHabib-js7ov
2 жыл бұрын
@@hassnainshahid6498 yes
@syedalishah8718
2 жыл бұрын
can u share me the source code personaly please
@jagankumarpatra
Жыл бұрын
@@hassnainshahid6498 yes
@amudhapi6492
Жыл бұрын
@@syedalishah8718 can u share code plz
Super nice, for sure will try this out with myself!
thank you for this professional portfolio......very important and helpful tutorial graciasss
simplement impressionant. toutes mes félicitations!!!
You're hired! 😀 This is so impressive
I really will use this as tutorial for my journey at programming thx bro💓💓💓❤️
This the bestt tutorial ive ever seen just follow along properly and youll even start understanding it after a while , hats off to u
@laiba_editz
4 күн бұрын
can you give me source code
Wooow your work is sooo nice and organize❤❤ Thanks you you really help me💕
@syedalishah8718
2 жыл бұрын
can u share me the source code personaly please
So creative, keep making more!
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
thanks it was a wonder-full experience
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 hours went really fast, thank You for tha amazing tutorial.
One of the best sites I've seen 👏👏
Here in Brazilian watching and learning my future profession.
Really Amazing Video, Very hard work done By You.
I just have to follow you man wow ,I love this
Never saw something like this. You are a champion.
@ashwanitalks
Жыл бұрын
hey ,could you please provide me code link , I don't know where I missed something
Havent had the chance to watch it yet but the intro looks amazing
i havent seen something so amazing excellent work bro
OMG!!! this is amazing. Great stuff man. Greetings from Uganda
@CrypticalCoder
2 жыл бұрын
Thanks ❤️
best ever video among i had seen till. 👌
Kyaaaaaa baaaaaat... Beautifullll ... Love from India
its easy to make it. what's difficult is the idea with a design like that. very cool
@mr.subash7900
Жыл бұрын
Bro i need this js code
love it bro. Thanks for inspiration 🤗
😍😍😍💓 all this and still 19 mashaallah bro you're awesome ❤️❤️❤️❤️❤️
Thank You So Much You are a Living Legend Bro
@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 💪
@ashwanitalks
Жыл бұрын
hey ,could you please provide me code link , I don't know where I missed something
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
@christinob2528
Жыл бұрын
ah lol, le projet est sympas certes mais il y'a quand même d'aussi bon projet ailleurs.
@bassamadou7729
Жыл бұрын
@@christinob2528où par exemple ?
Beautiful creative solutions. 😍😍I LOVE YOu
very janDAR skill bahut hi badiya
Waouh! You seriously inspired me, thanks
i just finished your tutorial really amazing XD and you are so talented!
@ashwanitalks
Жыл бұрын
hey ,could you please provide me code link , I don't know where I missed something
KZread me lee la mente, este portafolio es un 80% de lo que tenia en mente hacer
Thnx bro!!!! Practical hands on tutorial you give!
@knowledgeisthesuccesspath739
2 жыл бұрын
Sir my sidebar is not showing in normal pc resolution
@knowledgeisthesuccesspath739
2 жыл бұрын
Please guide me whole website is completed but sidebar is not showing
It's awesome 👌 Thank you so much
Thank you for this! Finally finished with my issues resolved.
@souravkumardas8081
Жыл бұрын
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
@joyedet1363
Жыл бұрын
@@souravkumardas8081 I wouldn't know from here. Maybe check your display css and html that the class email is in
AMAZINGGGG THANK YOU!!!
wow amazing i am a you tuber nd web developer but i start my journey from java
damn man you deserve much more thats too good
@CrypticalCoder
2 жыл бұрын
thanks bro, upcoming is much better than this
woow, coooll. I like👍🏻👍🏻👍🏻
Win me as new subscriber. Perfect layout. XD
You did a great job but instead of music, you should explain a little bit. Your work is amazing
@fiore3837
Жыл бұрын
yes, please
I got a lot of new ideas from you, thanks man + you got a new sub.
@CrypticalCoder
2 жыл бұрын
You're welcome
@CrypticalCoder
2 жыл бұрын
@@shaxzodsobirov690 which code you required
@shaxzodsobirov690
2 жыл бұрын
@@CrypticalCoder yes
@shaxzodsobirov690
2 жыл бұрын
@@CrypticalCoder all you need
lo máximo!!! gracias por compartir!!!
@ashwanitalks
Жыл бұрын
hey ,could you please provide me code link , I don't know where I missed something
Wow bro You are super talented 😍
ekdam kadak maal hai🌟🌟😎😎
good content, But I wish there is a sound record to tech and to clarify what it is doing.
Thank u sir I really appreciate your efforts
Bro bohat behtar banwaya hay ap nay portfolio
very interesting video, I think that I will use it
Bahut badiya mere bhai
Great tutorial. Keep it up!
Good work.it really looks nice
Wow nice 😊🤩
May Allah Bless you bro. This is an amazing Tutorial.
Amazing work
u r the best bro
Awesome video!!
Awesome job i will say the best of luck
@CrypticalCoder
2 жыл бұрын
Thanks bro
awsome design bro thank you for sharing
@CrypticalCoder
2 жыл бұрын
stay tuned bro, something more awesome is coming
i wish i was as creative as you bro
Respect from deep heart ❤️❤️❤️
@mmubeen8425
2 жыл бұрын
Sir I have a question
Great work budy
best three hours of my life
I am going to make my final project for presentation🥰😍
Very Nice Brother :)
🥰Thank You Great Work🥰
Good bro thankyou very much
Sir Respect to You❤️
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 😀😀😀
@CrypticalCoder
Жыл бұрын
drive.google.com/file/d/1KbQexYchydwLbQmTt6jX8foR11nPVrxY/view?usp=drivesdk
I so much love this. bro google should hire you
wow this is so beautiful❤❤❤❤
Very handsome website 🔥
@gudwinnayak6748
2 жыл бұрын
Bhai website kabhi handsome hoti hai suna hai kya😂🤣
Broo plzz keep making more and more....and plz add some animations in the portfolios 🤩🤩.... Im starting today and will practice ur every video
@toxickritto6497
2 жыл бұрын
hii, @Aryan_Thakur if you done writing code can you please send source code ! some codes are not working in my device properly i dont know if i m missing something . please help to to get the code
My Js is not working when I click the from the web what might be the problem because I have 2 days trying to debug my code but the code looks exactly like yours.
Thank you for the video
Amazing Work man!!! I jut created my portfolio by watching your full video such an amazing creativity you got! Really Appreciated and Helpful.
@saurav_abhinav
Жыл бұрын
can you please send me the source code of website
@emnajbir895
Жыл бұрын
@@saurav_abhinav me too i want the code source
@souravkumardas8081
Жыл бұрын
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
one question, why does your italic, the in the aside start, aren´t curve?
@CrypticalCoder
2 жыл бұрын
It's list item not italic
@adrim.m.7149
2 жыл бұрын
@@CrypticalCoder I have explained myself badly I was meaning the "" But I've watched that the text is outside the so thanks for all :D
Successfully completed thank you so much ❤
@dharmikjain5288
11 ай бұрын
Di, can you provide Source code to me please?
Brooo That was gooooooooooooooooooooooood as heck
@CrypticalCoder
2 жыл бұрын
Thanks bro
Simplesmente Fantástico
Hi amazing tutorial didn't finished it yet but i'm busy with it but i am already getting problems, like the timeline when i add the lines on the side it just goes weird like i have different paragraphes under it and if i add the dots on the side my whole text just goes inside of eachother to one side, i have no clue on how to fix it i have been following every step that you're doing please help (update: apperantly i didn't add a on the end of and now when i added the "" now it works
@rehan3910
4 ай бұрын
I really can't thank you enough for this dude👌
wao great that's amaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaazing
Congrats on becoming 1st web developer of Pakistan
@CrypticalCoder
11 ай бұрын
Not first bro
@user-sh2bq2bt8g
11 ай бұрын
i HAVEN'T SEEN ANY OTHER PAKISTANI @@CrypticalCoder
Thanks sir 😊
Good job bro
Hi, I bought the code via your buy me a coffee link, and it works great. There is one minor issue that I would like to bring your attention to, if I may. In the css file, in the 'body {font-family: 'Poppins' , sans-serif;} part of the code, the comma was missing. As a result, the Poppins font was not working properly until I put the comma in between the Poppins and sans-serif fonts. Other than that, great job. You may wish to fix that for future purchasers of your code. Many thanks and all the best.
@CrypticalCoder
2 жыл бұрын
Thanks, I will fix it
@syedalishah8718
2 жыл бұрын
can u share me the source code personaly please
@CloudgamingYT4520
Жыл бұрын
@@syedalishah8718 bro share me source code
@sushantatimalsina9064
Жыл бұрын
@@CloudgamingYT4520 bro share meeeee toooooo
@neelparekh1759
Жыл бұрын
@@sushantatimalsina9064 bro share me too 🤣🤣
I bought the template, looking forward to start customizing it
@ashwanitalks
Жыл бұрын
hey ,could you please provide me code link , I don't know where I missed something
The best code ever for me, just waooohhh 🤩🤩🤩 Tones of congrats for this, everything works perfectly 👏👏👏👏👏👏👏👏👏
@ahmadkhalidhussain2947
2 жыл бұрын
Please share source code