Animated PORTFOLIO Website Template In Html CSS And JS | Personal Website with Typing Animation
HTML-код
- Опубликовано: 27 май 2022
- Learn How to Create Animated PORTFOLIO Website Template In Html CSS And JS | Personal Website with Typing Animation | WebKitCoding
----------------------
Don't forget to SUBSCRIBE this channel.
➣bit.ly/380HnsS
Download Source Code :
✅bit.ly/3t1vL0a
----------------------
Hope you might like these
1) Animated Website With Responsive Design
➣ • Responsive Website Usi...
2) Full Fitness Website With Responsive Design
➣ • Create Responsive Webs...
3) Playlist - Html And CSS Tutorials
➣bit.ly/31MojsT
4) Playlist - JavaScript Tutorials
➣bit.ly/2BHINrV
----------------------
Images Credit :
➣pexels.com/
-----------------------
Connect with me :
➣insta : bit.ly/38N8WWo
➣fb page : bit.ly/3ybsTRK
➣tumblr : bit.ly/3vBiaOA
➣twitter : bit.ly/3kzWBHZ
----------------------
Thanks for watching :) 💙webkitcoding
Keywords -
#webkitcoding #portfoliowebsite
animated portfolio website template,how to make an animation portfolio,portfolio website templates,character animation portfolio,creative portfolio website, personal portfolio template website,animated website html css and js,portfolio website with html css and js, webkitcoding,portfolio website with typewritter animation,personal website with text typing effect
Cool bro 😎
Excellent , more video tutorial, please ধন্যবাদ।
THANK YOUUU FINALLY IM DONEEE WITH THE DESIGN IN MY WEBSITE VERY HELPFULLL!!!!!1
very clean, good job
This video was amazing thank a lot for this text animation Tutorial video
Wow super cool. Love it :)
Bro I love you, thanks so much!
Nice plugin😊
He starts coding animations at 12:10
It turned out great, thank you😍😍❤❤😘😘
thanks for your innovation dude
Awesome design man
Great sir 👌
This is rare and topnotch, that is hardwork right there. keep going bro.
Thnx buddy
Superb 👌👌
very impressive
Cool video @WebKitCoding
Nice
awesome
bro why does mine don't work when the "home, skills, etc" is given to line horizontally and with space??
thanks for sharing
thanks a lot
Well.. with the guy movement animation, you could make him move with he x/y coordinates of the mouse :D
so inspiring
sangat keren
Good Bro 😀😀😀
very nice
The typing effect used to work but now not working! How to solve this issue?
Thanks bro 💞
What is this template that you are using on VScode? And the website got very well design.
es responsi para celular?? se adapta a todo tipo de aplicacion
how to get that first link ? cloud ajax ?
hey,what is the vscode theme?
Where I download the images?
I have a problem in typeSpeed and so on; I have everything just like your but either doesn´t change the speed or doesn´t appear at all.
Except grom that, it was amazing and easly to follow
Make sure first, your type.js cdn link properly connected with active internet connection than refresh page and check out result, buddy. If also not done, let me know
@@WebKitCoding Thanks! I did that again and work perfectly 🫶🏽
Cool✌
Hey bro the typing effect does not work for me... mind sending me your html and css (only for this part). Cheers!
hey. where did you get that splash? thanks in advance
Is there any version of this without the moving background ? Thanks
Bro I have one doubt
How to fix style sheet web site
what photo ratio you used?
what size should the image be for the person?
Bro can I use your portfolio as my website design ❤️
not working in my code, i don't know why! im so exicited 😢😢
bro how to make the home about like that clickable plslsss
bro can i use your design for my website??
amazing work. Please I cant access your source code
l love you code
Bro i try to create scrolling in the website to add sections (about,skills,blog) but i cant why ?
For scrolling you'll have to add scroll behavior property and add value "smooth" Inside html or bady selector of css file
Why I can't do i'm coder youtube why
thanks a lot brother may i use thz concept for my portfolio??
Why not, you can
hi bro! what theme of vscode are you using??
Monokai pro
Hi, may i know what kind of laptop you coded on. Like a MacBook or a windows?
Windows
Sir i am following you from so many days....i am unable to buy the subscription due to money issue , can you please share the drive link it will be very grateful to me.
Very humbly requested sir
This is only home page?
How did you cutted your img without having a background,which app?
you can probably search it up on google and find a website for that
I have one single question: my splash img is on top of my profile picture.... How can I fix that? Thanks, I subscribed. I'm learning a lot with your short tutorials. they're perfect. greetins from buenos aires
Z-index
Correct
I am not getting it to position as I want either
@@kristinebuskum7392 I’ve quit this project the moment I asked this (3 months ago) and decided to search another tutorial and found one called Responsive Portfolio Website HTML CSS and Javascript from CodingLab. That tutorial is 1 hour long and a few minutes more, but it was easy to follow and everything worked 👌🏻
Hello there ,Link to socials not working (icons not displaying on navbar)...why?
also in div class links u have to add fa-brands instead of just fa.
why does my typewriter glitches when another loop starts
I'm "a" designer/coder/animator etc
"a Animator" is also incorrect English
@@fynnkrausefootball an
Comment on importe les icones ?
Downlode not working
Please give me codes of thus website in video, I like this design very
😀😀
images link please bro
what about copyrights about this code? do you post that to help people make also 1:1 with their "content" or its just sample and u don't anyone to "copy" that work?
Yup it just as sample only for education purpose for every one, not to publish to any social platform without our permission.
@@WebKitCoding why would anyone use this lol
i wanna make my portfolio site , kindly guide which free domain should i use that is not just for 1 year so that clients can view my portfolio... or any alternative free method so that i just share url or link of my portfolio to clients?
also i made three sample sites using local host how will i add these site in my portfolio?
U could use infinityfree to host ur website
Also u can link any other site in ur main one through coding it just like how in this video he add his insta , twitter , etc ..
@@saifsajad1712 is infinityfree safe to use?
@@arthennaz7983 there will be no such problem. u can easily secure these domains using SSL certificates if you want
@@arthennaz7983 idk to be honest i didn’t upload any important data on it + I’m an engineer and this is not my field to answer😅
Sir how did you create splash image on background
It's a png downloaded image not created to me
Y porque pones a un vagabundo en el banner?
xq quiere
XD
Why is my comment gone
Can I use this template without paying? Can I use it without copyright fees?
Can I beat you up without going to jail?
it doesnt incluide js? i bought it
I used inline js(see bottom side in html file ) for auto typing effect only.
can you give me the link.
my i is not working grrr
How can I make it responsive?
By using css "media screen" Property
how to record video like that :(
If you are using Windows as your main OS, just press the Windows key and the G key at same time and you will be able to record all your interactions in your aplications and programs.
Sir im an student i cant afford to buy it for images mostly i dont have any usdt card to pay can u please give me the images only via google drive link it was request sir ..Ill waiting
Msg me on insta
is this portfolio responsive? mobile
no
Is this responsive?
Sorry, only desktop version
how can I download the images?
Checkout description for source code link(here images also included)
@@WebKitCoding that is paid...
please dark mod
I have recently uploaded please checkout on channel
@@WebKitCoding ok thanks
qui a touver les images s'il vout plai gratuitement
I'm English. RIP me.
O
h shitttt Yu real Endklish?!
Is it responsive?
No buddy
Then, i'm ChatGPT. 😎😃
You’re foolish if you think chat GPT can create this 😂 chat gpt can create containers and children for those containers, and it can create objects and variables, which is extremely useful to actual developers who know how to leverage this. But to think chatgpt can do this is extremely silly and shows how little you actually understand and know development 😅 sorry to sound like a bad guy btw I am just kinda annoyed when people speak on things they don’t understand so much 😂 it’s like saying I own a circular saw so therefore I’m a home engineer and know how to make mansions now. Sounds silly right?
(Btw I’m a HUGE CHATGPT fan and I use it everyday to write me code to speed up my productivity) I am just aware of its LIMITS as well (obviously it will grow more powerful but we are AWAYS away from what this guy did in the video) Cheers 🎉
It was a jok bro, i respect the human creativity. But now we must combine humains and AI.
@@acromos Yes I agree
Source Code not found!
Please check video description
Where do you code?
Наверное это VS code
Blackboard
@@anishbiswas1492 LOL!
Not the best design.
🥴🥴🥴🥴
How to download html and css
You don't need to
Source code link is not working :(
Link is absolutely working buddy, try again once
@@WebKitCoding y its working but its not free what a shame
@@manolo_averias yes, what a shame
Source Code?
Already given in description
Download link please ? Not the paid one lmao
🤣
🤣😂😆 This goofy
Lmfaoo😹
@@soulsilver1vortex why u guys are laughing? Bro just wanted to download it 💀
no one should pay for this lol
Not responsive. 🙄
coming soon, stay tuned
If you advertise yourself as a coder you do yourself a disservice doing it in plain HTML/CSS/JS. People don't hire that
What should one do then?
@@pentree986 Learn a web framework like react / nextjs, vue, angular or whatever
@@pentree986 Don't listen to that prick, you can get a lot of hirings doing either of those 3 from a LOT of clients or even companies.
lmao in 2020 i ve got a job as a fresher web dev using bootstrap. Fpt hired me as a front end dev just bcs my cv was a responsive website