Тёмный

How To Make A Portfolio Website Using HTML CSS JS | Complete Responsive Website Design 

GreatStack
Подписаться 1 млн
Просмотров 1,8 млн
50% 1

Learn How To Make A Portfolio Website Using HTML CSS JavaScript | Complete Responsive Website Design | Make Personal portfolio website
❤️ Get Source Code: greatstack.dev/go/portfolio
👉 Upload website online: • How To Upload Your Web...
In this video we will create a personal portfolio website design step by step using HTML CSS and JavaScript. You can use this website to make your online resume or CV. In this website design we will add name, designation of the user. Then we will display the image, skills, work experience and education details. We will also add the list of services and work portfolio on this website. In the footer of this website we will add contact info and contact form. Your can receive the contact form data on your google sheets.
This website design will be completely responsive for all screen devices like mobile phones. We will this complete website design step by step using HTML CSS and JavaScript.
#PortfolioWebsite #HTMLWebsite #WebsiteDesign
Download Image:
drive.google.com/file/d/1x8mw...
HTML And CSS for beginners:
• HTML And CSS Tutorial ...
CSS Grid Layout tutorial:
• How To Create A CSS Gr...
Form to Google Sheets GitHub:
github.com/jamiewilson/form-t...
Steps to build your own portfolio website:
00:00 Portfolio Website Overview
04:10 Creating HTML And CSS file
08:18 Make Header section of website
18:55 Make About section of website
42:12 Create services section of the website
54:09 Create portfolio section of the website
01:09:40 Make contact section of the website
01:28:37 Make the website responsive
01:46:00 Add website scroll on menu click
01:47:53 Send contact form data on Google sheets
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Learn Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Images Credit:
www.pexels.com/
-------------------------------------
Like - Follow & Subscribe us:
◼️ RU-vid: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

Опубликовано:

 

16 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 1,5 тыс.   
@bettmo7494
@bettmo7494 Год назад
Dude is better than 99% of my professors, instead of wasting 20 years explaining history of each function, he simply shows us how to make a website
@kenneth_afari
@kenneth_afari Год назад
Yeah he is really good, I love his tutorials
@patrickjustus6930
@patrickjustus6930 Год назад
Yo got me smile with this and i dont know why in collage they dont teach this way
@TreyxSuarez
@TreyxSuarez Год назад
Do you know why we use active-tab and active-link?
@debabrattadas4902
@debabrattadas4902 Год назад
🤣🤣🤣🤣🤣
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@sixtusushahemba9419
@sixtusushahemba9419 Год назад
Such a fantastic project. I have to be honest with you, I have been checking out on most your tutorials and I must confess that you are the only person so far on RU-vid with such commitment, dedication and real tutorials. The reason I said so is because, you never hide anything that would be beneficial to people to yourself or for any business agenda. So, for that I'm really grateful and I encourage you to keep it up. Such a great development skills.
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@michaelparkernorton4841
@michaelparkernorton4841 10 месяцев назад
@@code4lyfe that is a cool effect! You went through the whole tutorial and he didn't show it? I'm just starting the portfolio section.
@Emmett_778
@Emmett_778 10 месяцев назад
I concur with my learned friends, who didn't only recommend your efforts but also appreciate your time and patience, I spent all most a hrs, watching this project, and how simply your project catch my intention, you are such a great instructor, educator, the process on how you arrived on each step was splendid and understandable for us the novice, have watched so many RU-vid tutorial, but I seem to pick out anything from it, bt your project has open my eyes on the process and step, how to build a website, and how to place those function, you are marvelous, and I wish you could make a complete Modern website with functionality, as this is just a portfolios Thanks for your efforts instructor.
@arpitpatel2027
@arpitpatel2027 Год назад
Website making is made easy with this video tutorial. It's more than just making a resume. In spite of this, you cover the most important CSS techniques. As an example, making the carousel, displaying details according to your preferences in the about me section, and using transitions and transform styles to create an aesthetically pleasing effect. Last but not least, we learned about displaying a message after submitting the form. One request I have is that if you could provide a tutorial for the music website or a video website like Netflix, so I can learn how to manage multiple videos. Another thing I want to learn is how to upload documents directly from files.
@ikekwereemmanuel
@ikekwereemmanuel 10 месяцев назад
This is such an amazing video. You thoroughly gave me a free ticket to building my portfolio with your guide and easy to comprehend video. With my knowledge of web development, I was quick to grasp this and make one myself.
@lamby5314
@lamby5314 Год назад
greetings friend, seriously you are a crack, I am from Colombia and I do not understand much English, in fact only basic but I managed to understand your explanation, your videos are of incredible quality and I hope you continue uploading more content because I have really learned a lot with you Greetings from your good sub from Colombia
@alanantony1709
@alanantony1709 Год назад
"Thank you so much! Your video was incredibly helpful in teaching me the basics of HTML and CSS, and as a result, I was able to create my own website. I appreciate your guidance and am grateful for the knowledge you shared. Thank you again!"❤
@HARSHSINGH-vs4ot
@HARSHSINGH-vs4ot 10 месяцев назад
Bhai code de sakte ho kya ??
@GreatStackDev
@GreatStackDev 9 месяцев назад
👉 Get Source Code: www.buymeacoffee.com/easytutorials/e/110476 Make portfolio website in React JS: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4ag1LsgIUc0.html
@user-yf9rr4yp5o
@user-yf9rr4yp5o 7 месяцев назад
Extremely well done tutorial! This has been an incredibly hands-on way for me to learn HTML and CSS compared to just reading documentation explaining what each function does. Highly recommend for someone new to HTML and CSS.
@sejalpanchal4181
@sejalpanchal4181 4 месяца назад
Idk why java script code is not working could you please help me
@ivanmuntahir2007
@ivanmuntahir2007 3 месяца назад
which section isn't working ?@@sejalpanchal4181
@officialbase10
@officialbase10 11 месяцев назад
Thanks for this informative way of designing a website. I can't appreciate you less. You are really a blessing in my learning html and css.
@lifesuntoldtales
@lifesuntoldtales Год назад
Thank you very much! I enjoyed building this website with you so much, I finished it in one day. And I learned so well that I noticed you forgot to add "background-attachment: fixed;" to the #header in the CSS. Which was one of the most important design for me. #header { ... background-attachment: fixed; }
@AbhinavKumar-xo5ji
@AbhinavKumar-xo5ji Год назад
Thanks buddy was searching for it
@lifesuntoldtales
@lifesuntoldtales Год назад
@@AbhinavKumar-xo5ji Like my comment so it will go up for others.
@ashishrai1809
@ashishrai1809 Год назад
Thankyou so much yr I was searching for it.
@sakshijadhav8482
@sakshijadhav8482 Год назад
Hey can u help me my function onclick are not working
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@sirsanctified9380
@sirsanctified9380 Год назад
I usually don't comment, but this got me. I'm yet to complete the vedio but this stuff is really great, far more better than what we learn in class. Thank you
@egbecharze2780
@egbecharze2780 Год назад
I love your videos. You are saving lives from somewhere in Nigeria. Keep teaching us more of Web development especially js.
@osegocodes
@osegocodes Год назад
For the first time ever i have watched a video tutorial from the beginning to the end without skipping even a second. Easy tutorials is actually the way to go. I started my web development track and after learning the basics of HTML and Css, understanding this tutorial was as easy. I will now try and replicate the same site with Bootstrap for responsiveness. Thank you Easy Tutrials
@estherajayi3147
@estherajayi3147 Год назад
the js part isnt working... please how did u do your own?
@jmcortez387
@jmcortez387 Год назад
@@estherajayi3147 having same problem here
@osegocodes
@osegocodes Год назад
@@estherajayi3147 Mine too didn't work and instead that as home work to actually go and work on my JavaScript code. Currently am working on JavaScript
@estherajayi3147
@estherajayi3147 Год назад
when you figure it out kindly let me know please
@techyboycharan450
@techyboycharan450 Год назад
ima facing problem at 1:01:48 unable to get the gradient color on the image do help
@mtkvlogs2408
@mtkvlogs2408 Год назад
I'm at first degree at university in design web love this awesome work
@Chinodan1994
@Chinodan1994 Год назад
You've won my subscription, sir. Many many thanks to you from someone that is doing a Frankenstein of self-education and just learning about HTML-ccs-js. Seriously, Thanks.
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@samprdev
@samprdev 4 месяца назад
Very good tutorial! It wasn't boring the others! And you actually explained the reasoning for some of the code too, which is nice! Thanks man!
@KevinStark-zx3tj
@KevinStark-zx3tj 5 месяцев назад
I dont even know how to start thanking you . At first I player your video , I thought you are like the another boring unclear guys, but I've just finished portfolio today 😊. Thanks really. You are teaching alot
@akindeseyi9493
@akindeseyi9493 2 месяца назад
Hi please I'm having trouble with th the js part for the about,can u put me through
@rreviews9386
@rreviews9386 22 дня назад
@@akindeseyi9493 same here
@shivam-sharma
@shivam-sharma Год назад
Great Tutorial.. Well paced and easy to understand. Thanks for this.
@paulharvey11
@paulharvey11 Год назад
Excellently tutorial. Very well presented and easy to follow along with - not too fast like a lot of videos- really well explained too.
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@HARSHSINGH-vs4ot
@HARSHSINGH-vs4ot 10 месяцев назад
​@@arunyadav7467bhai Mila kya code . please!!!
@chiaraalfano2462
@chiaraalfano2462 Год назад
Hi sir, thank you so much for these videos. I followed your tutorial to create the college webpage and had so much fun. I'm now starting to get more comfortable with coding. Thanks, your tutorials are well explained and easy to understand, yet they provide perfect instructions to build modern but beginner-friendly webpages! Keep it up, thank you
@deepakpatidar2086
@deepakpatidar2086 Год назад
can you help me please share this code for me its my honest request for you
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@deviceyt3288
@deviceyt3288 8 месяцев назад
@@code4lyfe use background-attachment:fixed inside header section and it should work
@imogenmacfie
@imogenmacfie 3 месяца назад
​@@deviceyt3288 hi do you have source code?
@raffyjaydayag7241
@raffyjaydayag7241 Год назад
Thank you for this, brother! I'm following your tutorial doing some minor tweaks for an assignment and I must say you make it easier to understand.
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@concertakapanol1174
@concertakapanol1174 11 месяцев назад
@@code4lyfe hey did you figure it out? I think you have to apply the sticky effect z
@jimlyothers4866
@jimlyothers4866 Год назад
for beginners, at grid-column-template section if your "grid-gap" is obsolete, u can try only "gap" in this video sample "grid-gap: 40px" u can try "gap: 40px"
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@biswadeeproy3952
@biswadeeproy3952 5 месяцев назад
bro did u get the source code?@@arunyadav7467
@milotxh
@milotxh 4 месяца назад
Thank u for such an amazing video. I learned a lot , u are my life saver I lost my job , and I needed to build my own website this was exactly what I needed , I just need to buy the domain and make it public, again thank u so much.
@skypawar7803
@skypawar7803 Год назад
Really appreciate your work bro🙏🏻👍🏻 it help me to growth my coding skills as a beginner developer🔥 Thanks for making this video buddy👍🏻 keep sharing videos like this😎
@ryuu5109
@ryuu5109 Год назад
Thank you so much for this tutorial sir and i really love how u explain everything u code, your better than to 99% of my professors, you simply showed us and explain how to make a website
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@HARSHSINGH-vs4ot
@HARSHSINGH-vs4ot 10 месяцев назад
​@@arunyadav7467Mila bhai code tumhre?
@mrt8bit692
@mrt8bit692 Год назад
Thanks for all the inspiration brother! With these guides I have started making some websites for people! It's been a really good practice and can't thank you enough!
@techyboycharan450
@techyboycharan450 Год назад
ima facing problem at 1:01:48 unable to get the gradient color on the image do help
@mrt8bit692
@mrt8bit692 Год назад
@@techyboycharan450 yes, do you have discord I will send you the code?
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@imogenmacfie
@imogenmacfie 3 месяца назад
​@@mrt8bit692 hi i have discord can you share the source code? I am a beginner and my assignment is due tonight
@abdalmalikabubakar1718
@abdalmalikabubakar1718 2 месяца назад
Bro am noob, just have lil knowledge on html, css, js but you teach me how to create a website completely, i manage to follow and type your code in 4days, good job, you're the best. Thanks. Message sent successfully😉
@mohammadafzal4711
@mohammadafzal4711 Год назад
Excellently tutorial. Very well presented and easy to follow along with - not too fast like a lot of videos- really well explained too.❤❤❤❤❤❤
@mezemirmjava3560
@mezemirmjava3560 Год назад
Thank you so much for sharing your knowledge and time with us sir. This so helpful and detailed. I love how you presented it.
@josiah-johngreen5948
@josiah-johngreen5948 Год назад
This is an excellent video! Thank you so much! Although one problem I had was the "responsiveness" of the website, where the CSS code in the "@media" was meddling with the original website structure, so I had to put "max-device-width" instead of "max-width" to fix it, I hope if anyone else had that problem, this offers some help, but other than that thanks again, this video really helped me understanding and improve my knowledge of HTML and CSS, and successfully helped me to create my own website
@concertakapanol1174
@concertakapanol1174 11 месяцев назад
@Josiah-John Green Hey, I’m glad you were able to create your website. Quick question: do you know how he was able to generate his logo? Is there an app that can form one’s name logo? I had an issue with the portfolio image not rendering the size of the image itself and instead it got compressed underneath the name intro. Do you know of any fixes for this?
@quinnnliu
@quinnnliu 11 месяцев назад
I am beyond thankful for this comment because I have been trying to debug this issue for the last hour and a half lmao
@blank.haruka
@blank.haruka 10 месяцев назад
Thank you so much. Your tutorial has helped a lot. Currently building my portfolio to get a job.
@stevenharrison4926
@stevenharrison4926 Год назад
This was an excellent video and well explained throughout the process. I look forward to viewing other videos on your site.
@GreatStackDev
@GreatStackDev Год назад
Thank you, I will suggest you to watch this multi page website design tutorial too: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oYRda7UtuhA.html
@lon101
@lon101 Год назад
Hello! The following comment Is for people that are having problem with the script code at (36:50) So, one of the problem that you may be facing, Is the following, The "Experience/Education" tab are not showing up when you click them, even though you're 95% sure that you wrote the code right, It is very frustrating, right? Then, there is the solution: 1st Step: Verify each line of code "line by line"! 2nd Step: Open Chrome Dev Tools, if you did find an error code, then go to the line where the interpretor says the error is. However if you didn't, then I think that the 3rd and last step will 100% help you. 3rd Step: Verify the tags that are within the "About Section", specifically the "tab-titles", why? Because, you may have forgot to put the CLOSING TAGS. I know it may sounds silly, but this typo was the one that I encountered. Hope it helps!
@aakashkolli2350
@aakashkolli2350 Год назад
thanks! step 2 helped, i put getElementbyId instead of getElementById
@lon101
@lon101 Год назад
@@aakashkolli2350 No problem
@neff7857
@neff7857 Год назад
Thanks man, I didn't know that you could use Chrome's Dev tools for error checking!
@trigunatitatripathy645
@trigunatitatripathy645 Год назад
@@aakashkolli2350 noo not working when i use this all the tabs SKILS EXPER AND EDUCATION collide with each other
@whites4769
@whites4769 9 месяцев назад
still not rectify the error please help
@EmmanuelOlusayo
@EmmanuelOlusayo 3 месяца назад
You're really amazing. This is the best of all videos that i have been watching on creating a portfolio. This is my first time of watching a tutorial of long duration without skipping. You're really amazing.
@riseup9114
@riseup9114 Год назад
I'm really impressed with the way you teach. Hats off to you.
@mohammedshajahan3500
@mohammedshajahan3500 Год назад
Great Video, Really helpful, learned a lot of new things. Can you make a video focusing on image resizing/positioning, espically while trying to make the website responsive?
@arunyadav7467
@arunyadav7467 Год назад
Dude if you made then can you please share the source code it would be really helpful
@travelbugs_io
@travelbugs_io Год назад
did you figure this out?
@user-rl7tn4sb6t
@user-rl7tn4sb6t Год назад
It's a great explanation brother... I have a small doubt which is can you please share the details of image used? Like what is the aspect ratio and what is the exact pixels used, so that we can use our own images. It'd be great.. Thanks in advance
@indiestudio23
@indiestudio23 Год назад
he provided link below for images go and check image details there
@Believeharsh
@Believeharsh 10 месяцев назад
Such a nice tutorial 👨‍🏫📓 and great project and I'm watching this video after 1 year of unloading Thank you so much for this I've learned a lot from this video
@Mr.Ong8
@Mr.Ong8 10 месяцев назад
Hi sir Thank you for such amazing portfolio and tutorial. I made my own by following your tutorial. now I have a Portfolio that I can Proudly present to my potential employer.
@_ayush_oswal
@_ayush_oswal Год назад
Really great tutorial , followed it through, I guess u missed the part of making the scroll behaviour where the website scrolls over the background image. Nonetheless, learned a lot, keep up the amazing work.
@jibrilch
@jibrilch Год назад
yeah i think he missed that too.. sad :(
@codedjango
@codedjango Год назад
Can you do this in Bootstrap 5? Just to get an idea of how we can use bootstrap classes to design the same
@teknofatih6266
@teknofatih6266 Год назад
It will be very good for us.
@teeeenioo6066
@teeeenioo6066 11 месяцев назад
This video has helped me built my own personal portfolio. You explain everything so clearly. I also really like the style of this website. Thank you so much!
@HARSHSINGH-vs4ot
@HARSHSINGH-vs4ot 10 месяцев назад
Bhai code de sakte ho eska .pls bhai .
@normalvolume
@normalvolume Год назад
The only way to learn HTML, CSS, and JavaScript; Thank you for this video
@tenc6491
@tenc6491 Год назад
Hi Avinash, thanks a million for this awesome portfolio tutorial. As usual, I loved your work. I appreciate your kindness brother.
@GreatStackDev
@GreatStackDev Год назад
Thanks to you. Glad you like this portfolio website design tutorial
@shibam_2002
@shibam_2002 Год назад
@@GreatStackDev Where we find Source Code??
@MonkeyKing.143
@MonkeyKing.143 Год назад
@@shibam_2002 Please go through the description 😇
@deepakpatidar2086
@deepakpatidar2086 Год назад
@@MonkeyKing.143 its paid code please available as free off a cost
@code4lyfe
@code4lyfe Год назад
@@GreatStackDev pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@ManpreetSingh-qv9zt
@ManpreetSingh-qv9zt Год назад
You got a subscriber bro.. i appriciate your work❤❤❤❤❤❤❤❤
@GreatStackDev
@GreatStackDev Год назад
Thank you so much Manpreet
@user-vi8ji3hv4h
@user-vi8ji3hv4h 2 месяца назад
This is the best tutorial I've ever seen on RU-vid so far. Thank you so much
@adelekeabiodun9991
@adelekeabiodun9991 Год назад
the only limitation on the work is that the Navigation bar should have be fixed on top the website throughout the scroll-behavior regardless, thank you Sir! i really appreciate.
@priyankasonar5628
@priyankasonar5628 Год назад
Finally designed this beautiful portfolio website sir thank you so much sir for making such an amazing portfolio website and posting it on youtube I really got to learn many things from this website thanks a lot once again
@GreatStackDev
@GreatStackDev Год назад
You are most welcome
@harshvyas3398
@harshvyas3398 Год назад
@@GreatStackDev hey, can I use this same portfolio as mine? like I create portfolio with the same code with my details and submit it in company?
@GreatStackDev
@GreatStackDev Год назад
yes Harsh, you can use it
@arpitchandra6508
@arpitchandra6508 Год назад
Thank you so much. Your are so good at explaining things and I also like your flow of programming.
@rohithayadav7819
@rohithayadav7819 8 месяцев назад
This the best video I watched to complete my portfolio.....Thanks a lot
@neckberg2413
@neckberg2413 8 месяцев назад
Contact form didn't work. I solved it as follow: if you are using excel in another language, then you have to adjust the Google Apps Script. I had to change " sheetName = 'Sheet1'" to sheetName = 'Tabellenblatt1'. OTHERWISE IT WILL NOT WORK
@sensusvitae6607
@sensusvitae6607 3 месяца назад
ich küsse doch dein herz
@tenc6491
@tenc6491 Год назад
Hello everyone! Stop asking for source code and start from scrath. That's how you will learn. That being said, if you're too lazy to type and create this portfolio by following his tutorials, at least become a member of his channel. Read the description of the tutorial and stop begging for source code.
@concertakapanol1174
@concertakapanol1174 11 месяцев назад
Totally agree. I did it myself from start to finish. How about you? Did you have any issues along the way?
@thankgodakoh6787
@thankgodakoh6787 2 месяца назад
​@@concertakapanol1174 I'm having issues with the JavaScript code my functions aren't working how did you fix urz??
@vlogbyanii
@vlogbyanii Год назад
1st time on RU-vid I really impressed by this video Awesome and very easy to follow
@mrinmoychowdhury2844
@mrinmoychowdhury2844 9 месяцев назад
This is such a excellent video, Thanks you so much ,really lots of things learned through this entire video, just completed the full portfolio website. It's look nice
@akshaydesai4815
@akshaydesai4815 Год назад
40:02 here i am getting an error . after clicking on skills button it showing opentab is not defined.
@thankgodakoh6787
@thankgodakoh6787 2 месяца назад
I'm the same issue did u fix yours??
@kuro4502
@kuro4502 Год назад
45:33 "Grid-gap" doesnt work anymore, what are the alternatives for the same function?
@Bahle_Gaji
@Bahle_Gaji Год назад
Try gap
@kuro4502
@kuro4502 Год назад
didnt work either
@sohailansari8027
@sohailansari8027 Год назад
Your explanation was totally incredible bro, i have learnt more here just by making this project with u
@sourabhjaiswal7919
@sourabhjaiswal7919 8 месяцев назад
Bless to have such teachers like u sir
@samialvi4226
@samialvi4226 Год назад
Day 1 --- 30:00 Day 2 --- 01:06 Day 5 --- completed:)
@techyboycharan450
@techyboycharan450 Год назад
ima facing problem at 1:01:48 unable to get the gradient color on the image do help
@riturajkumar9587
@riturajkumar9587 Год назад
@samialvi4226 Js part is not working
@samialvi4226
@samialvi4226 Год назад
​@@riturajkumar9587 The active skills right? didn't work for me too The given code doesn't work always! Don't just be stuck at one place sometimes its okay to move on.
@riturajkumar9587
@riturajkumar9587 Год назад
@@samialvi4226 now it works bro I find my mistake
@El.primer0
@El.primer0 Год назад
​@@riturajkumar9587 please can you share your answer
@francisc.records
@francisc.records Год назад
The side menu remains visible on mobile, in the right side 200px. To fix it, at this to javascript: function openMenu() { sidemenu.classList.add("show_menu"); sidemenu.classList.remove("hide_menu"); } function closeMenu() { sidemenu.classList.add("hide_menu"); sidemenu.classList.remove("show_menu"); } and add this to style.css: .show_menu { display: block; margin-right: 200px; } .hide_menu { display: none; }
@anandkrishnavinod2914
@anandkrishnavinod2914 Год назад
thanks a lot bro
@chaitana1660
@chaitana1660 3 месяца назад
Hey I'm not getting where to add this code can uh help me
@adfinemrising
@adfinemrising 10 месяцев назад
wow!!! thaanks!! i am so happy to complete this. i have learned a lot as a beginner 😍
@user-fd3ro5vd3o
@user-fd3ro5vd3o 4 месяца назад
no words to express my satisfaction, your way of teaching is just awesome, understanding each and every line code
@lakshyarajdash
@lakshyarajdash Год назад
Why aren't you allowing the source code visible to all ? Are you sharing your knowledge for money ? It's just disgusting that if any child wants to access the source code and has no money resources for himself will have to type simultaneously with the video. I don't like this.
@aqueeqazam
@aqueeqazam Год назад
One of the most brilliant website design tutorial.
@maheshwarikulalar4400
@maheshwarikulalar4400 Месяц назад
Thankyou so much Avinash Great videos, I learned complete front end developer skills from you. Very helpful for the one who really want to learn the skill :)
@kingsleyokeke6567
@kingsleyokeke6567 4 месяца назад
Great video! Took me about 2 weeks, but now I have a responsive website that I will be putting together with AWS S3 for my static website! Happy 2024 everyone!
@ruturajfulpagare307
@ruturajfulpagare307 3 месяца назад
can you help me for making this website i stuck on javas for effect.
@icey_ong
@icey_ong 2 месяца назад
​@@ruturajfulpagare307use sublime text and its messing things up
@shansgg
@shansgg 11 дней назад
@@ruturajfulpagare307 It worked for me. I don't mind helping or discussing your issue.
@abrahammulat8002
@abrahammulat8002 11 месяцев назад
That's great work, I thank you for teaching us everything and explaining in detail. I would like to know if you can add theme change from dark to light, also about deployment.
@felixidalia68
@felixidalia68 Год назад
Thumbs high👍. This is one of the best tutorials ever.
@bottomfraggergg
@bottomfraggergg Год назад
I just came across this channel while i was researching about we development and i gotta say you definately gained a sub..much love brotha! ❤️
@sivaraman1645
@sivaraman1645 Год назад
This class very useful in beginners so thank you so much 👍
@bikkysharma7253
@bikkysharma7253 Год назад
sach me bahut acha banaya hai aapne ye video ,channel ke naam suit v karta hai easy tutorials, sab kuch bahut easily bataya hai aapne ,bahut kuch sikhne ko mila 👏
@ht5970
@ht5970 Год назад
This is incredibly valuable, thank you very much bro!
@Kshirabdi.Tanaya
@Kshirabdi.Tanaya 11 месяцев назад
Thank you so much sir I learn a lot from this video and made my personal portfolio Website ❤
@1o1a
@1o1a 5 месяцев назад
Thank you so very much for providing such an incredibly instructive video! I gained a wealth of knowledge from it, and as a result, my website has reached a state of perfection. I express my sincere gratitude for your valuable contribution. Thank you!
@japhethachimba174
@japhethachimba174 Год назад
Gratitude for this awesome video which extension are you using for the html auto completion for the whole document format.
@kalpendrayadav2450
@kalpendrayadav2450 6 месяцев назад
Today, I completed my portfolio website with follow your video . Thank you so much brother
@rreviews9386
@rreviews9386 22 дня назад
can u help me from 39.40 sec my js is not working
@user-uz3ee1up8m
@user-uz3ee1up8m 7 месяцев назад
Thanks a lot!! Iwill learn this in the end of year to preapare finding a job in the next year!!!!!
@agniva98
@agniva98 11 месяцев назад
Amazing course with great web dev concepts covered
@harshalmore3987
@harshalmore3987 10 месяцев назад
Thank you so much brother. You got my heart brother......I'm so much happy with your simplification and understanding language
@TechCoders01
@TechCoders01 27 дней назад
Felt very glad after watching this tutorial completely i too created my portfolio website in this type got many useful tricks and points of web development thanks a lot it really boosted my confidence !!!
@kishorchannal5805
@kishorchannal5805 Год назад
I learnt many new concepts, and for me best part was capturing the message in a google sheet. Thank you for sharing! Best Wishes :)
@GreatStackDev
@GreatStackDev Год назад
Thanks to you Kishor, Glad it was helpful!
@code4lyfe
@code4lyfe Год назад
pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!
@RosellaNjoki
@RosellaNjoki 7 месяцев назад
I thought I would never understand HTML and CSS, WELL DONE
@SupuSaluja
@SupuSaluja Год назад
I liked the way you teach and I am watching your video since last year.
@questionbaba
@questionbaba 6 месяцев назад
Thank you so much sir ❤, I've completed same project with the help of this video, again thank you 🎉❤
@karandavane7859
@karandavane7859 2 месяца назад
this is the best ever tutorial I ever had!! about javascript is just awesome!! 😍🔥🔥 thanks Sir 🤞🙌
@a____d
@a____d Год назад
Amazing video 🥰Really helped me alot to understand each and everything clearly, keep up the great work !!👏👏
@HARSHSINGH-vs4ot
@HARSHSINGH-vs4ot 10 месяцев назад
Can you share the code . please.
@rashidsubhani9908
@rashidsubhani9908 8 месяцев назад
It's amazing. Thank you very much for your time and efforts.
@Believeharsh
@Believeharsh 10 месяцев назад
I know you have putten a lot efforts for buillding this project and as far as I know, firstly you would have made this project after number of hours and efforts. After completing then you would have started shooting this tutorial 👨‍🏫📓by keeping one screen on your besides and you are iterating the code again right? Literally You have putten great efforts thank you so much for this ❤ . God bless you 🙏❤
@JESSIEJAMESSCALVO
@JESSIEJAMESSCALVO Год назад
Thank you for this video man, It helps a lot.
@oyeenamdev8867
@oyeenamdev8867 8 месяцев назад
Very good Project it took me 3 days to complete this but ya I can say it's worth good brother ❤
@UniqueDrawing2Color
@UniqueDrawing2Color Год назад
Thank you so much for providing a valuable tutorial for beginners
@emmanuelarihilam6511
@emmanuelarihilam6511 Год назад
following you...was very great . stumbled on your page after my meta course on coursera , oh I needed thtis!.Danke Schon from Germany
@Harish-ib1yx
@Harish-ib1yx 7 месяцев назад
Absolutely The Best tutorial for beginners !! ❤🎉
@cuutieeeessss
@cuutieeeessss Год назад
Thank you so much, I followed your tutorial and finished my portfolio in 2 days :) ,thank you
@RahulGupta-dl3sn
@RahulGupta-dl3sn Год назад
hey can u help me to make this website plsss reply..
@Artemisa2629
@Artemisa2629 3 месяца назад
Wow I just want to say GRACIAS THANK YOU SO MUCH 😊... Love how easy is to understand the way of the Force, sorry the way of the HTML CSS and JS ☺. Gracias again 🥹
@the_ehiane
@the_ehiane Год назад
Thank you so much. This tutorial was really interesting and effective
@adithya1219
@adithya1219 21 день назад
It was the best tutorial!! I created my first portfolio website from this tutorial.. Thank you for this video..
@vanshitakakkar8304
@vanshitakakkar8304 8 месяцев назад
Awesome video with clean code and an excellent explanation💯
@justinyanuario35
@justinyanuario35 5 месяцев назад
Made my first website following this tutorial! Thank you for this!
@limitless6189
@limitless6189 4 месяца назад
link?
@vslraw4202
@vslraw4202 9 месяцев назад
I wanted to learn that parallax effect whole video i loved it
Далее
Responsive Portfolio Website From Scratch
2:12:20
Просмотров 613 тыс.
Part 2 ??
00:30
Просмотров 3,7 млн
Deleted skins in Standoff 2! #standoff #skins #nameless
01:00
Learn HTML5 and CSS3 For Beginners - Crash Course
3:54:03
How to put an HTML website online (on the Internet)
29:37
How good is the latest version of ChatGPT? | BBC News
23:16
A practical guide to responsive web design
23:13
Просмотров 139 тыс.
7 Portfolio Websites That Will Make You Jealous
10:07
Просмотров 725 тыс.
How to Create a Portfolio Website for FREE
35:29
Просмотров 524 тыс.
Part 2 ??
00:30
Просмотров 3,7 млн