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

Поділитися
Вставка
  • Опубліковано 26 сер 2024

КОМЕНТАРІ • 1,6 тис.

  • @bettmo7494
    @bettmo7494 Рік тому +1033

    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 Рік тому +11

      Yeah he is really good, I love his tutorials

    • @patrickjustus6930
      @patrickjustus6930 Рік тому +5

      Yo got me smile with this and i dont know why in collage they dont teach this way

    • @TreyxSuarez
      @TreyxSuarez Рік тому +1

      Do you know why we use active-tab and active-link?

    • @debabrattadas4902
      @debabrattadas4902 Рік тому +1

      🤣🤣🤣🤣🤣

    • @arunyadav7467
      @arunyadav7467 Рік тому +3

      Dude if you made then can you please share the source code it would be really helpful

  • @sixtusushahemba9419
    @sixtusushahemba9419 Рік тому +171

    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 UA-cam 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 Рік тому +2

      Dude if you made then can you please share the source code it would be really helpful

    • @noons186
      @noons186 Рік тому

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

    • @michaelparkernorton4841
      @michaelparkernorton4841 Рік тому

      @@noons186 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 Рік тому

      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 UA-cam 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.

    • @synttace5495
      @synttace5495 Місяць тому

      How do i share this portfolio website like transfer from laptop to other devices

  • @lifesuntoldtales
    @lifesuntoldtales Рік тому +73

    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 Рік тому +1

      Thanks buddy was searching for it

    • @lifesuntoldtales
      @lifesuntoldtales Рік тому +2

      @@AbhinavKumar-xo5ji Like my comment so it will go up for others.

    • @ashishrai1809
      @ashishrai1809 Рік тому +1

      Thankyou so much yr I was searching for it.

    • @sakshijadhav8482
      @sakshijadhav8482 Рік тому

      Hey can u help me my function onclick are not working

    • @noons186
      @noons186 Рік тому

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

  • @kevinstark3d
    @kevinstark3d 9 місяців тому +9

    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 5 місяців тому

      Hi please I'm having trouble with th the js part for the about,can u put me through

    • @rreviews9386
      @rreviews9386 4 місяці тому

      @@akindeseyi9493 same here

  • @CodeMasterAR
    @CodeMasterAR Рік тому +23

    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.

  • @osegocodes
    @osegocodes Рік тому +33

    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 Рік тому +2

      the js part isnt working... please how did u do your own?

    • @jmcortez387
      @jmcortez387 Рік тому

      @@estherajayi3147 having same problem here

    • @osegocodes
      @osegocodes Рік тому +1

      @@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

  • @user-yf9rr4yp5o
    @user-yf9rr4yp5o 10 місяців тому +37

    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 7 місяців тому

      Idk why java script code is not working could you please help me

    • @ivanmuntahir2007
      @ivanmuntahir2007 7 місяців тому

      which section isn't working ?@@sejalpanchal4181

  • @jimlyothers4866
    @jimlyothers4866 Рік тому +25

    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 9 місяців тому

      bro did u get the source code?@@arunyadav7467

  • @Calisto-dev
    @Calisto-dev 2 роки тому +19

    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 Рік тому +31

    "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!"❤

  • @tenc6491
    @tenc6491 2 роки тому +28

    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 Рік тому +2

      Totally agree. I did it myself from start to finish. How about you? Did you have any issues along the way?

    • @thankgodakoh6787
      @thankgodakoh6787 6 місяців тому

      ​@@concertakapanol1174 I'm having issues with the JavaScript code my functions aren't working how did you fix urz??

    • @sagargouda7904
      @sagargouda7904 22 дні тому

      Hey man 9:05 I got a prblm I can't find my background image even though trying 1000 of tyms will u help me out

    • @prameela70
      @prameela70 13 днів тому

      ​@@sagargouda7904 same issue.. how did u resolved it ?

  • @chinodanxd
    @chinodanxd Рік тому +26

    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

    • @noons186
      @noons186 Рік тому

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

  • @lon101
    @lon101 Рік тому +26

    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 Рік тому +2

      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 Рік тому +1

      @@aakashkolli2350 noo not working when i use this all the tabs SKILS EXPER AND EDUCATION collide with each other

    • @whites4769
      @whites4769 Рік тому +2

      still not rectify the error please help

  • @ikekwereemmanuel
    @ikekwereemmanuel Рік тому +28

    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.

    • @sagargouda7904
      @sagargouda7904 22 дні тому

      Hey bro I have prblm with the back ground image he added in css I do that same but I could not find out my outputas as his background colour or image will u help me out

  • @alelevictor207
    @alelevictor207 Місяць тому +1

    I've got an assignment at school on this to be submitted in two weeks, thankfully i found this video, everything is well explained. I look forward to building my very own portfolio page

    • @sagargouda7904
      @sagargouda7904 22 дні тому

      Hey bro I got a prblm while doing the background image it doesn't show me on my output css page will you help me out

  • @chiaraalfano2462
    @chiaraalfano2462 Рік тому +35

    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 Рік тому +1

      can you help me please share this code for me its my honest request for you

    • @noons186
      @noons186 Рік тому +1

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

    • @deviceyt3288
      @deviceyt3288 11 місяців тому +1

      @@noons186 use background-attachment:fixed inside header section and it should work

    • @imogenmacfie
      @imogenmacfie 7 місяців тому

      ​@@deviceyt3288 hi do you have source code?

  • @normalvolume
    @normalvolume Рік тому +3

    The only way to learn HTML, CSS, and JavaScript; Thank you for this video

  • @mtkvlogs2408
    @mtkvlogs2408 Рік тому +4

    I'm at first degree at university in design web
    love this awesome work

  • @sirsanctified9380
    @sirsanctified9380 Рік тому +3

    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 Рік тому +3

    I love your videos. You are saving lives from somewhere in Nigeria. Keep teaching us more of Web development especially js.

  • @codedjango
    @codedjango 2 роки тому +27

    Can you do this in Bootstrap 5? Just to get an idea of how we can use bootstrap classes to design the same

  • @abdalmalikabubakar1718
    @abdalmalikabubakar1718 6 місяців тому +1

    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😉

    • @rajvin9309
      @rajvin9309 2 місяці тому

      bhai source code mil skta h?

  • @Believeharsh
    @Believeharsh Рік тому +1

    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 🙏❤

  • @josiah-johngreen5948
    @josiah-johngreen5948 Рік тому +9

    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 Рік тому

      @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 Рік тому

      I am beyond thankful for this comment because I have been trying to debug this issue for the last hour and a half lmao

  • @officialbase10
    @officialbase10 Рік тому +4

    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.

  • @hetpatel1956
    @hetpatel1956 2 місяці тому +2

    Completed my Personal Portfolio Website in just 1 day .💫
    Thank you very much brother for this wonderful explanation and guidance.❤
    Do ask anyone if any queries.

    • @GreatStackDev
      @GreatStackDev  2 місяці тому +1

      You're most welcome.
      Happy to hear that you completed it in just 1 day. 😊
      Keep building more projects.

    • @aakashteotia223
      @aakashteotia223 2 місяці тому

      brother you facing any issue while making this protfolio?

    • @hetpatel1956
      @hetpatel1956 2 місяці тому +1

      ​@aakashteotia223 no brother! If you are facing any issues i would help.

    • @aakashteotia223
      @aakashteotia223 2 місяці тому

      @@hetpatel1956 brother I stuck at 1:31:11 my @media only screen and(max-width:600px) properties are nor working.when i reduce the screen less than 600 than there is no change show in display 🥹

    • @kishoreaneperugalamanishi370
      @kishoreaneperugalamanishi370 Місяць тому

      Bro need help grid gap is not avaulable what to do?

  • @raffyjaydayag7241
    @raffyjaydayag7241 Рік тому +9

    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 Рік тому +1

      Dude if you made then can you please share the source code it would be really helpful

    • @noons186
      @noons186 Рік тому

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

    • @concertakapanol1174
      @concertakapanol1174 Рік тому

      @@noons186 hey did you figure it out? I think you have to apply the sticky effect z

  • @paulharvey11
    @paulharvey11 2 роки тому +27

    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 Рік тому +3

      Dude if you made then can you please share the source code it would be really helpful

    • @noons186
      @noons186 Рік тому

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

    • @HARSHSINGH-vs4ot
      @HARSHSINGH-vs4ot Рік тому

      ​@@arunyadav7467bhai Mila kya code . please!!!

  • @MARVELLOUSAFOLAYAN
    @MARVELLOUSAFOLAYAN 26 днів тому +2

    i just love watching your videos
    they are really nice tho

  • @Believeharsh
    @Believeharsh Рік тому +2

    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

  • @ManpreetSingh-qv9zt
    @ManpreetSingh-qv9zt Рік тому +4

    You got a subscriber bro.. i appriciate your work❤❤❤❤❤❤❤❤

  • @priyankasonar5628
    @priyankasonar5628 2 роки тому +5

    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  2 роки тому +1

      You are most welcome

    • @harshvyas3398
      @harshvyas3398 2 роки тому +1

      @@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  2 роки тому

      yes Harsh, you can use it

  • @AaronAkizza
    @AaronAkizza 6 місяців тому +1

    Thank you very much. This has been the first tutorial that i have finish while going along with you. You have explained in detail but in Summary.

    • @thankgodakoh6787
      @thankgodakoh6787 6 місяців тому

      Hey bro my own js part is not working how did u do urz??

    • @shansgg
      @shansgg 3 місяці тому

      @@thankgodakoh6787 Hi, I am not a javascript expert. but it worked fine for me. I don't mind helping or discussing your issue. Please let me know.

  • @maheshwarikulalar4400
    @maheshwarikulalar4400 4 місяці тому +1

    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 :)

  • @akshaydesai4815
    @akshaydesai4815 2 роки тому +8

    40:02 here i am getting an error . after clicking on skills button it showing opentab is not defined.

  • @mrt8bit692
    @mrt8bit692 Рік тому +6

    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 7 місяців тому

      ​@@mrt8bit692 hi i have discord can you share the source code? I am a beginner and my assignment is due tonight

  • @shivanichikhale.8345
    @shivanichikhale.8345 7 місяців тому

    I wanted to express my heartfelt gratitude for your tutorial. Thanks to your guidance, I successfully completed my project. I am truly grateful for the success of my entire project to you. Thank you, bro, for such an informative video.

    • @GreatStackDev
      @GreatStackDev  7 місяців тому

      Glad my tutorial helped you to build your portfolio website project

  • @justinyanuario35
    @justinyanuario35 8 місяців тому +1

    Made my first website following this tutorial! Thank you for this!

  • @ryuu5109
    @ryuu5109 Рік тому +4

    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 Рік тому +1

      Dude if you made then can you please share the source code it would be really helpful

    • @HARSHSINGH-vs4ot
      @HARSHSINGH-vs4ot Рік тому

      ​@@arunyadav7467Mila bhai code tumhre?

  • @adelekeabiodun9991
    @adelekeabiodun9991 Рік тому +6

    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.

  • @user-vi8ji3hv4h
    @user-vi8ji3hv4h 5 місяців тому +1

    This is the best tutorial I've ever seen on UA-cam so far. 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 👏

  • @tenc6491
    @tenc6491 2 роки тому +10

    Hi Avinash, thanks a million for this awesome portfolio tutorial. As usual, I loved your work. I appreciate your kindness brother.

    • @GreatStackDev
      @GreatStackDev  2 роки тому +7

      Thanks to you. Glad you like this portfolio website design tutorial

    • @shibam_2002
      @shibam_2002 Рік тому +1

      @@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

    • @noons186
      @noons186 Рік тому

      @@GreatStackDev pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

  • @neckberg2413
    @neckberg2413 11 місяців тому +5

    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

  • @milotxh
    @milotxh 7 місяців тому

    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.

  • @blank.haruka
    @blank.haruka Рік тому +1

    Thank you so much. Your tutorial has helped a lot. Currently building my portfolio to get a job.

  • @user-rl7tn4sb6t
    @user-rl7tn4sb6t Рік тому +4

    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 Рік тому +1

      he provided link below for images go and check image details there

  • @kunalshivankar4316
    @kunalshivankar4316 Рік тому +1

    thank you so much i completed this project just two days and without any distrubtion and mistake i really appreeciate to you sir

  • @mohammedshajahan3500
    @mohammedshajahan3500 2 роки тому +14

    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?

  • @sudarsan050
    @sudarsan050 5 днів тому +1

    Supper its very clean and its very help to me Thank you bro

    • @GreatStackDev
      @GreatStackDev  4 дні тому

      You're welcome! I really appreciate it! 🙏

  • @karandavane7859
    @karandavane7859 6 місяців тому +1

    this is the best ever tutorial I ever had!! about javascript is just awesome!! 😍🔥🔥 thanks Sir 🤞🙌

  • @_ayush_oswal
    @_ayush_oswal Рік тому +3

    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 Рік тому +1

      yeah i think he missed that too.. sad :(

  • @shivam-sharma
    @shivam-sharma Рік тому +4

    Great Tutorial.. Well paced and easy to understand. Thanks for this.

  • @Travelvlogs320
    @Travelvlogs320 6 місяців тому

    I am now subscribing your channel now as I finished my portfolio because of this vedio thanks so much ❤

    • @Wilkinss
      @Wilkinss 6 місяців тому

      Hey I’m just wondering, I have build the full website following the video but I had an issues with the media Queries(responsive website section) were the site is still not responsive, I’m asking if I am the only one. Thanks for your answer!

    • @Chalo2kAccount
      @Chalo2kAccount 5 місяців тому

      @@Wilkinss mee too.
      I followed all the instructions but its still not responsive.
      I want to buy the full code at 5$. Do u mind if we share.. half half

  • @cheese497
    @cheese497 8 місяців тому

    Thanks for the process. I had to do an assignment that required us to make a website. I went through your tutorial and then made another on my own. It was great but my professor rejected it claiming that I just downloaded a template and that I needed to do it from scratch🤦‍♂️. Almost got a screaming match with him but I figure it will be no problem making another, and it’s all thanks to you.👍

    • @lahcentouidjine4886
      @lahcentouidjine4886 8 місяців тому

      Hi there!!
      I encountered issue with script in apps script , the operation submit form to google sheets not working was it working for you .?
      If yes , could you help me please .
      Thanks

  • @stevenharrison4926
    @stevenharrison4926 2 роки тому +4

    This was an excellent video and well explained throughout the process. I look forward to viewing other videos on your site.

    • @GreatStackDev
      @GreatStackDev  2 роки тому +4

      Thank you, I will suggest you to watch this multi page website design tutorial too: ua-cam.com/video/oYRda7UtuhA/v-deo.html

  • @samialvi4226
    @samialvi4226 Рік тому +5

    Day 1 --- 30:00
    Day 2 --- 01:06
    Day 5 --- completed:)

    • @techyboycharan450
      @techyboycharan450 Рік тому +1

      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 Рік тому +1

      ​@@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

  • @nidhisawant6809
    @nidhisawant6809 4 місяці тому +1

    Thank you so much for this video. It was really very detailed and helpful ❤️✨

  • @Mr.Ong8
    @Mr.Ong8 Рік тому +1

    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.

    • @sagargouda7904
      @sagargouda7904 22 дні тому

      Hey bro at 8:18 I can't find my background image in my css page even though trying many times will you help me out

  • @mezemirmjava3560
    @mezemirmjava3560 Рік тому +4

    Thank you so much for sharing your knowledge and time with us sir. This so helpful and detailed. I love how you presented it.

  • @bottomfraggergg
    @bottomfraggergg Рік тому +1

    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! ❤️

  • @kuro4502
    @kuro4502 Рік тому +4

    45:33 "Grid-gap" doesnt work anymore, what are the alternatives for the same function?

  • @adithya1219
    @adithya1219 4 місяці тому

    It was the best tutorial!! I created my first portfolio website from this tutorial..
    Thank you for this video..

  • @rohithayadav7819
    @rohithayadav7819 11 місяців тому +1

    This the best video I watched to complete my portfolio.....Thanks a lot

  • @francisc.records
    @francisc.records Рік тому +8

    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;
    }

  • @GreatStackDev
    @GreatStackDev  Рік тому +15

    👉 Get Source Code: www.buymeacoffee.com/easytutorials/e/110476
    Make portfolio website in React JS: ua-cam.com/video/4ag1LsgIUc0/v-deo.html

    • @Zatara254
      @Zatara254 Місяць тому

      Hey bro. Thank you so much for the knowledge. I do have a minor setback, I tried to do what you did, my end results are way different than yours. There is big space on the page in service and contact section.

  • @sardarzain1066
    @sardarzain1066 9 днів тому

    Love you greatstack may Allah give you great position

  • @techwithgodwin
    @techwithgodwin 11 місяців тому +1

    you're too much! I just discovered your channel. 🥰😍

  • @lakshyarajdash
    @lakshyarajdash 2 роки тому +5

    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.

  • @kishorchannal5805
    @kishorchannal5805 Рік тому +2

    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!

    • @noons186
      @noons186 Рік тому

      pls someone tell me how i can make the effect at 0:19 he didnt show it in the tutorial!!!

  • @JD-SANJEY
    @JD-SANJEY 4 місяці тому

    The person has explained every concepts more clearly through the Projects ❤

  • @TechCoders01
    @TechCoders01 4 місяці тому

    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 !!!

  • @RosellaNjoki
    @RosellaNjoki 10 місяців тому

    I thought I would never understand HTML and CSS, WELL DONE

  • @AugustineJoshua-yt7lp
    @AugustineJoshua-yt7lp 10 днів тому

    thx really i did it, and u made it easy especially the voicecoveer. some people just go ahead and with music all through out

  • @Anonymously__anonymous
    @Anonymously__anonymous 9 місяців тому +1

    Love you bro. You’re the god. Keep up the good work ❤❤❤

  • @BeansanBling
    @BeansanBling Рік тому +1

    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!

  • @bannedmaiden5103
    @bannedmaiden5103 8 місяців тому +1

    Pretty sure this will get me an A on my final website project! thank you for the tutorial.

    • @AmazKan
      @AmazKan 8 місяців тому

      Did you end up paying or can you get the code just from watching the video? Also did you get a good grade lol

    • @bannedmaiden5103
      @bannedmaiden5103 7 місяців тому

      @@AmazKan I followed the steps and did all the coding myself through the same software that is free.

  • @user-fd3ro5vd3o
    @user-fd3ro5vd3o 7 місяців тому

    no words to express my satisfaction, your way of teaching is just awesome, understanding each and every line code

  • @adfinemrising
    @adfinemrising Рік тому +1

    wow!!! thaanks!! i am so happy to complete this. i have learned a lot as a beginner 😍

  • @kalpendrayadav2450
    @kalpendrayadav2450 10 місяців тому

    Today, I completed my portfolio website with follow your video .
    Thank you so much brother

    • @rreviews9386
      @rreviews9386 4 місяці тому

      can u help me from 39.40 sec my js is not working

  • @kingsleyokeke6567
    @kingsleyokeke6567 7 місяців тому +2

    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 7 місяців тому

      can you help me for making this website i stuck on javas for effect.

    • @icey_ong
      @icey_ong 5 місяців тому

      ​@@ruturajfulpagare307use sublime text and its messing things up

    • @shansgg
      @shansgg 3 місяці тому

      @@ruturajfulpagare307 It worked for me. I don't mind helping or discussing your issue.

  • @saiyoni6437
    @saiyoni6437 Місяць тому +2

    When u write css please explain what is the meaning of that because we are begnners so please explain the css properties that how they are actually working

  • @kanhaiyajha9084
    @kanhaiyajha9084 6 місяців тому

    one of the best video tutorial for portfolio on youtube. final result was awesome and 100 percent responsive.

    • @genz-hv8oz
      @genz-hv8oz 6 місяців тому

      can u provide me the source code or your github repository link

  • @yashkhatwani230
    @yashkhatwani230 2 місяці тому +1

    Thank you so much for this amazing tutorial . Got to learn a lot . I will recommend this video to beginners to understand how to apply concepts

    • @GreatStackDev
      @GreatStackDev  2 місяці тому +1

      Hi Yash, Glad you liked it. Thanks for your comment. 😊

  • @skypawar7803
    @skypawar7803 Рік тому +1

    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😎

  • @Kshirabdi.Tanaya
    @Kshirabdi.Tanaya Рік тому +1

    Thank you so much sir I learn a lot from this video and made my personal portfolio Website ❤

  • @EmmanuelOlusayo
    @EmmanuelOlusayo 6 місяців тому

    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.

    • @sagargouda7904
      @sagargouda7904 22 дні тому

      Hy man 9:05 I got a prblm I can't find my back ground image on my css page even though trying many times will u help me out

  • @Tcatcoder2
    @Tcatcoder2 Рік тому +1

    Thx you helped me with my personal porfolio

  • @jyothivatturi2454
    @jyothivatturi2454 4 місяці тому

    you explained very well but auctually i have a doubt, in about field using tag you created skills ,experiences and education. In this why you use tag, i thought tag is better for those fields could you please clearify for me it could very helpfull for my learning .... thanks in advance i am waiting for your response

  • @Artemisa2629
    @Artemisa2629 6 місяців тому

    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 🥹

  • @aqueeqazam
    @aqueeqazam Рік тому +1

    One of the most brilliant website design tutorial.

  • @anjugupta7839
    @anjugupta7839 3 місяці тому +1

    great work...easy to understand and really helpful...love it

    • @GreatStackDev
      @GreatStackDev  3 місяці тому

      Thank You! 😊 Keep building more projects like this.

  • @JashuCherryK
    @JashuCherryK 2 місяці тому +1

    Thank you sooooo much for this easy and simple way of making portfolio

    • @GreatStackDev
      @GreatStackDev  2 місяці тому +1

      Glad it was helpful! Thanks for your comment. 😊

  • @AnkitSingh-nl1gn
    @AnkitSingh-nl1gn Рік тому +1

    thanks man, you are hero to the humankind. love your work and so mine.

    • @GreatStackDev
      @GreatStackDev  Рік тому +1

      Thank you so much Ankit. Please checkout this multi page website tutorial, I am sure you will like it: ua-cam.com/video/oYRda7UtuhA/v-deo.html

  • @questionbaba
    @questionbaba 9 місяців тому

    Thank you so much sir ❤, I've completed same project with the help of this video, again thank you 🎉❤

  • @felixidalia68
    @felixidalia68 Рік тому +1

    Thumbs high👍. This is one of the best tutorials ever.

  • @user-uz3ee1up8m
    @user-uz3ee1up8m 10 місяців тому

    Thanks a lot!! Iwill learn this in the end of year to preapare finding a job in the next year!!!!!

  • @saibabu.yt.8998
    @saibabu.yt.8998 10 місяців тому

    The tutorial may have helped. I created my portfolio in just 4 hours. ❤ Thank you so much

    • @faridullahsiddiqui2614
      @faridullahsiddiqui2614 9 місяців тому

      How could you do that. Lot of people including me suffering with picture images. Do not appear same as in tutorial looks. Please share if you know solution.

    • @farahdamia7715
      @farahdamia7715 9 місяців тому

      @@faridullahsiddiqui2614 yes me too

  • @karolinamalec1380
    @karolinamalec1380 Рік тому +1

    Hi! Thank you for sharing your video. For self learners it's really helpful.
    Greetings from Poland!

  • @SupuSaluja
    @SupuSaluja Рік тому

    I liked the way you teach and I am watching your video since last year.