Build a Complete Responsive Personal Portfolio Website using HTML CSS Javascript
HTML-код
- Опубликовано: 22 фев 2024
- In this tutorial video, you will learn how to create a responsive personal portfolio website using HTML, CSS and Javascript. I hope you enjoy it.
Images: / 63754150967738106
/ elegant-jewelry-curate...
/ 841188036664601079
/ 7810999347314593
Icons: boxicons.com/
Incredible portfolio 🔥🔥
This is awesome
Amazing Portfolio😎🤯
Great work ❤
wow its an amazing tutorial
ap kaha k ho
@@user-hs5rj7hm1f Pakistan
this is amazing damn
Wonderful profile photo and name =D
And, that portfolio its amazing of course!!!!!!
Could you please provide me with the source code of this?
thanks you
Awesome work & awesome portfolio 👍
You have source code of this video !??
If you have please share..!! i need
@@mansisaloniaa2580 yes
TYSM you earned a sub :)
wow
What was deleted at 44:15? I think whatever was changed is preventing my website from properly being shown on phones (my timeline and testimonials page is not centered and some is off the screen and I'm not able to scroll to the side. Anyone know what needs to be changed?
Hey, did you get the right thing? I am also unable to see my website on phone properly. Can you share the correct source code?
@@yatharthgautam4117 I asked ChatGPT to fix it up a little but never got it to look exactly like the one in the video. U should prob make a backup of what u have and then tell GPT what the problem is and keep testing it from there giving it prompts. U can ask it to customize it in different ways but make sure you’re saving your progress when u like something or have made an improvement.
where i can download the source?
on min 6:24 it didn't change anything, and I have did the Ctrl+S button. Please help me out
thanks boss
sir, would you share me the source code, pleaseee
7:52
checkpoint 42:13
this is so awesome can i kindly get the source code
I think it's good but try speaking
When I hover on Image I didn't see any shadow there
What's difference between hire and contact button?
41:36
14:06
box- icon not working in javascript
Can we use this as our personal portfolio and deploy it without giving any credit for free?
For me personally, I won't follow exactly as it is but change something as per my own liking. Since I know without giving proper credit will be plagiarizing. Therefore, I only follow the video as per guide and the placement, the color selection, the text format and images would be my own personal.
Or perhaps, you could add on a category for credit purpose if you wish to follow exactly.
Anyone else's service and education page not coming along correctly? services page not taking the blue background color nor correct size or animations and education page just kinda overall way off. thanks
mine education page is not coming along correctly.
Source codeee please!!! I'm paying for it!
My profile pic is not infront of text🙁 What should I do?
45:15 still watching
Do u have github for the source code
u have that?
My timeline isn't showing on alternate sides. It's being displayed on the left only.
me too
Scrollbar not working , cannot scroll through the site
in your CSS code in
html {
font-size: 60%;
/* overflow: hidden; Delete this line */
}
@@josemoro4418 thank you broo
can u give the scource code bro
I finished the video but the image isnt on the right side, how do i fix it, i watched and coded everything
I am facing the issue. Did you find the solution ? I guess it is due to flexbox but i am not able to find out the actual issue.
having the same issue
did you solve the problem?
Watch @ 7:48 - one closing tag is shifted upwards in front of the IMG. Had the same issue and then found this step which solved the IMG positioning :)
@@AexelNeb thank you so much, just checked now and it was a syntax error, fixed it and it worked!
@@michaeltkere6813 plz give me the sourse, i want to learn it
can u pls upload the source code link, its awesome
why dont you want to do the hard work by recoding it
say no to source code!!!!!!!!!!!!!
@@oladelejoseph7334 recoding it is not a hard work cuz ofcourse if you searched for this that means you dont know how to do this and tell me are you that much disciplined to focus for an hour? and recoding it while understanding everyhting? youll just code faster and not undeftsand it so by asking source code it is a smart mode you can learn much better that way
Could you provide with the source code of this please...!!❤
your web site is awesome but screen play is very poor and fast going i cant understand
Do I need to install some package beforehand? Because I am half way through the video and the website is not turning out how it should. The colors, the glowing effect, the sizing, and the animations are simply not working.
Same here, trying to get this to work, but the text-animation is just not showing. It cuts right after 'I´m a' -_- Don´t know what to change, checked it 7 times now.
@@thalion9847 I'd like to update that the problems I was facing was due to syntax errors on my side. After reviewing, exploring, trying and testing, I was able to fix all the errors that I faced. Even the bugs that were born after tweaking code to fit my need.
So I would suggest you to do the same. Grind till you identify the problem.
@@vaibhavsatish413 It´s only the 'text-animation' part that´s not running. I checked it again, after you said you got it. It´s not even showing the first 'content' text. No typing at all. Could you post your css and html part from the text-animation?
@@thalion9847you foubd a fix ?
@@thalion9847 yes same
🏁🎌🚩🚩🚩
java script is not responding
I'll really appreciate your efforts 😊 and keep going further but could you can give the source code of it??🤔
lmao
I hv timeline in left side can anyone solve my error
I have the same problem
I have a problem :: when I make my portfolio and add background image and a picture in it... It not showing in my mobile. I also add mobile responsive properties....
If anybody knows please help me 😭
it's probably not scaling correctly or it's probably not as responsive as you think. You need to test it extensively. Without seeing your code I can't help completely.
if you can see it on desktop but not your phone its prolly scaling or resolution issue bro
@@PrettyGazi I would probably guess scaling. Its possible that his max-width or whatever is pushing his image off screen on mobile. That's why he should continue to test
Can you provide the source code for this portfolio?
done everything but the text animation is not working in the about section
Yes, I'm trying but the text animation is not working
@@AngelDr08 check for spaces in the before section..if there remove it...its a syntax error
@@protyushghosh2080 i do not have any space left between and i checked it like 20 times everything should be fine and its not working any suggestions?
update the error was on html under
Cara gabungin style css sama index gimana bg soalnya aku baru buat tapi tidak bisa di gabungkan
Itu kalo kamu lihat di file index paling atas dibawah title bakal ada
source code pls?
Why is the text animation not working?😭😭
in my case I was having a similar error. Make sure you write the correct code and DISABLE the darkmodus plugin on ur browser
All the bugs you may face and solutions:
1 - Image is not on the right but on the bottom ---- solution -----> extract the image from the "home-content" div.
2 - Text animation not working ---- solution ----> delete the "steps (14)" part from the css code.
3 - The text wraps when you shrink the page and animation seems bad --- solution -----> add "white-space: nowrap;" to ".text-animation" style.
4 - Other divs change place in order to fit the nowrapped text ---- solution ----> add min width to "home-content" div.
my background color is not black but I'm done, it's only the color what must I do?
@@imms25 I didn't understand you :|
@@yazilimcixyz it can't helped, he's main problem is that he can't express is feeling nicely 😴 that's why we can't help him😶
Do you know what was deleted at 44:15? Everything on my site looks good until I view it using one of the phones using inspect. My home, services, and contact me look fine but my testimonials and education pages are not centered and need to be scrolled to left and right.
como extraio a imagem da div?
Can you please give the source code
can u drop a source code
save point 14:18
Can you plz drop source code plz
The source code please
bruh, best design but your writing styles... I understand, this video is for beginners, but please, develop the habit of writing code correctly.
30:36
14:27
25:28