Responsive Personal Portfolio Website using HTML CSS & Javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024

ความคิดเห็น • 313

  • @Richa_sharma_209
    @Richa_sharma_209 ปีที่แล้ว +12

    I am seeing the tutorial just for practice..and it really helped me a lot
    But I will make my own portfolio one day without seeing any tutorial.

    • @Raiskale001
      @Raiskale001 2 วันที่ผ่านมา

      update for me

  • @WebDevASMR
    @WebDevASMR ปีที่แล้ว +22

    Beautiful work, I love the animations 🔥

  • @aggarwa1
    @aggarwa1 ปีที่แล้ว +8

    amazing design ...big like to your work

  • @mayhrem
    @mayhrem ปีที่แล้ว +61

    Amazing work! I really love your coding style and how you separate everything. The responsive website works amazing.

    • @ritikkumarsah7
      @ritikkumarsah7 9 หลายเดือนก่อน +1

      Social media icon not showing now after 4 month later how can i fix it .please tell

  • @bluecatbd
    @bluecatbd ปีที่แล้ว +10

    I made my portfolio by seeing this tutorial. same to same.😍😍🥰

    • @ΓρηγορηςΑθανασιάδης-π8ο
      @ΓρηγορηςΑθανασιάδης-π8ο ปีที่แล้ว +1

      Can you tell me the way you put your photo?(The dimensions and if you made it like the video with photoshop)

    • @houghtonabhi
      @houghtonabhi ปีที่แล้ว

      is there any problem you have faced in this? and how much time does it take to complete this Project?

    • @devikapericherla2714
      @devikapericherla2714 10 หลายเดือนก่อน

      From Java script I am not able to sync my portfolio.. Pls do help

  • @abdulkareemsabdul3546
    @abdulkareemsabdul3546 9 หลายเดือนก่อน +1

    Ya the best developer I've seen in my life.....
    Pls how about hosting the developed website?

    • @abdulkareemsabdul3546
      @abdulkareemsabdul3546 9 หลายเดือนก่อน

      And again pls any community for web developers....so we can interact

  • @muhammadrobysyafalah5784
    @muhammadrobysyafalah5784 ปีที่แล้ว +2

    this website is so perfectly, awesome.

    • @nageshmane_14606
      @nageshmane_14606 8 หลายเดือนก่อน

      plz can you give the souce code of this protfolio website🙂

  • @ChristianWarrior1
    @ChristianWarrior1 ปีที่แล้ว +2

    If i put a different sentence at .text-animate in html what should i change in css so that the cursor stops at the last letter?

  • @furqon_aluzaini707
    @furqon_aluzaini707 3 หลายเดือนก่อน

    I'm from Indonesia, I find it cool !!! Nice bro

  • @gwolojulius4135
    @gwolojulius4135 4 หลายเดือนก่อน

    I love your vs code customisation! Which theme and font type do you use?

  • @SaGaWisdom
    @SaGaWisdom ปีที่แล้ว +1

    love u from Pakistan dear sir

  • @abdulsametaybaz3321
    @abdulsametaybaz3321 ปีที่แล้ว +4

    is there back-end side ?

  • @abrahamsecoe87
    @abrahamsecoe87 ปีที่แล้ว +1

    New subscriber here. Amazing Job thanks !!

  • @eroosyyy
    @eroosyyy ปีที่แล้ว +1

    thanks bro, with this video has reference I made a wonderful website

    • @agent97560
      @agent97560 ปีที่แล้ว

      your website name?

  • @nyxpua
    @nyxpua ปีที่แล้ว +1

    Awesome!

  • @ganeshgupta9692
    @ganeshgupta9692 ปีที่แล้ว +1

    Very amazing brother ❤

  • @rodriguezlopezgael4878
    @rodriguezlopezgael4878 ปีที่แล้ว +1

    Excellent video, thank you so much. I could use your template and upload it to the internet with a hosting service?

  • @Billionaire-Odyssey
    @Billionaire-Odyssey 10 หลายเดือนก่อน +1

    Amazing work bro need help with the image as I can't use my own image as the bg on home page

  • @DINOCO_77
    @DINOCO_77 ปีที่แล้ว +1

    Bro bahut acha he 🔥💯

  • @icarokiilermelo
    @icarokiilermelo ปีที่แล้ว

    What a beatiful work, Hi from Brazil

  • @sidykeita2107
    @sidykeita2107 ปีที่แล้ว

    frome france, it's wonderful what you've done.

  • @sarath_s7492
    @sarath_s7492 ปีที่แล้ว +1

    hey bro, where're you from?
    I'm also a front-end developer and for only that reason I'm unable to find a job. people here only need back-end or full-stack dev's. and I'm from Kerala.
    can you suggest me some tips to get settled easily..

  • @maxscheel6083
    @maxscheel6083 ปีที่แล้ว

    Super cool! Thanks for sharing!

  • @jasonSage94
    @jasonSage94 ปีที่แล้ว

    Thx 🔥🔥🔥🔥.
    I practice my skills in your channel.

  • @vikasbhagat6911
    @vikasbhagat6911 8 หลายเดือนก่อน

    Amazing design but project section needs to be there

  • @raksh8628
    @raksh8628 2 หลายเดือนก่อน

    I completed coding ….but the github and LinkedIn icons are creating overlaps in few browsers

  • @manojjaryal
    @manojjaryal 8 หลายเดือนก่อน

    Amazing ❤

    • @nareshg196
      @nareshg196 8 หลายเดือนก่อน

      bro do you have the code

  • @luandahangi
    @luandahangi ปีที่แล้ว

    bon bon mon chef j'aime votre site c'est super super, j'aimerai apprendre aussi ça avec

  • @DevoutJourney
    @DevoutJourney ปีที่แล้ว +6

    I’m curious, what’s the size of your background image, I notice when recharging screen size, the background image doesn’t change relative to the screen size so the fading opacity container doesn’t work properly unless it’s full screen

    • @anthonyfadel7353
      @anthonyfadel7353 ปีที่แล้ว +1

      hello if you mean that the background color is overlapping the image and the image is not changing relative to the screen at under 991px in the inspect view, i am having the same issue, did you solve it? also in full screen without inspect, it is working correctly.

    • @ramazanagamaliyev7395
      @ramazanagamaliyev7395 ปีที่แล้ว

      Hello dude , Can u solve this?

    • @emanuelazevedo5904
      @emanuelazevedo5904 ปีที่แล้ว

      @@ramazanagamaliyev7395 Of course he defined that image as a background-image, size: cover, background-repeat: no-reapet and also position: right

  • @AndroidNewsBase
    @AndroidNewsBase ปีที่แล้ว

    You are best

  • @Hatthetail
    @Hatthetail 8 หลายเดือนก่อน

    Can we use this in our portfolios, is there any copyright issue?

  • @srii8530
    @srii8530 ปีที่แล้ว

    I made my portfolio by seeing ur videos tq🎉🎉🎉

    • @codehal
      @codehal  ปีที่แล้ว +1

      Awesome, keep going on 🔥

    • @agent97560
      @agent97560 ปีที่แล้ว

      your website name?

    • @BarbieBeat101
      @BarbieBeat101 ปีที่แล้ว

      @@codehal Bro... what's the dimensions of the images used in the home page?

    • @BarbieBeat101
      @BarbieBeat101 ปีที่แล้ว

      What are the dimensions your used for images bruh?

    • @rezafauzanadhima
      @rezafauzanadhima 11 หลายเดือนก่อน

      @@codehal hello codehal 👋
      may i clone it and host the design on internet for my personal portfolio website?
      Thank You,
      Best Regards

  • @tejpalsinghsidhu
    @tejpalsinghsidhu ปีที่แล้ว

    Brilliant!

  • @Misakalou
    @Misakalou 10 หลายเดือนก่อน

    it is a good job bro

  • @santiagocordova4776
    @santiagocordova4776 ปีที่แล้ว +3

    Excellent video! Btw what vscode theme do you have?

  • @mastermindarc
    @mastermindarc ปีที่แล้ว

    Awesome Dude

  • @theDeitricks
    @theDeitricks 5 หลายเดือนก่อน

    Supercool but can i get a discount to be able to purchase it

  • @vedad_1335
    @vedad_1335 6 หลายเดือนก่อน

    One question, can i use this design on my main portofolio?

  • @ariele305
    @ariele305 ปีที่แล้ว

    Very beautiful, hello from Brazil

  • @swastiksingh7458
    @swastiksingh7458 ปีที่แล้ว

    Tell about the backend part also!

  • @ganeshgupta9692
    @ganeshgupta9692 ปีที่แล้ว +3

    🥵🤤🤤The more times you see the less it is, you have made it very well , one day I will also make it like this, now I am still learning

  • @RonnyKoech-f1j
    @RonnyKoech-f1j ปีที่แล้ว

    Am making one using this tutorial

  • @justjie1008
    @justjie1008 ปีที่แล้ว

    What color scheme is that? I really like it!

  • @m_____5290
    @m_____5290 ปีที่แล้ว +1

    Hello, at this time 1:43:08 - my code is the same as yours- but the animation doesn’t appear in order- the img animation appears the same time as the rest of them- even though I’ve ordered them correctly - please can you help me- im on a deadline 😮

  • @rishavyadav3914
    @rishavyadav3914 ปีที่แล้ว

    awesome brother.............. Can you please tell me how to become a front end developer like u......what is the roadmap

    • @codehal
      @codehal  ปีที่แล้ว +14

      For starters, it's enough to learn basic html css, then slowly learn js too, after you feel you understand enough, you can see your needs and the companies that need them, you can start studying some frameworks that are in great demand, or many for some people prefer vanilla css and js. then you can learn some of the other aspects needed by the frontend, which can be adjusted according to your needs. But I suggest before starting it all, it's better to strengthen learning programming algorithms, because it will greatly impact learning the frontend or backend.
      And the most important thing is to always try and keep practicing, believe me the results will look amazing if done consistently.
      Keep going bro, you can do it! 💚

    • @patidarji09
      @patidarji09 ปีที่แล้ว

      @@codehal Bro thankyou and love you and i am going to learn ReactJS is it good ❤

    • @FavourDuke-qk9hf
      @FavourDuke-qk9hf ปีที่แล้ว

      ​@@codehal
      Pls help out 😢😢😢😢

  • @bishalrca7950
    @bishalrca7950 3 หลายเดือนก่อน

    how did you put rotated s in the line 551

  • @indrojitkr6896
    @indrojitkr6896 ปีที่แล้ว

    Sir, I want to work like you and learn cooding. You will teach me?

  • @divyanshbhavsar8835
    @divyanshbhavsar8835 ปีที่แล้ว +1

    Sir how did you get that photo for background

  • @madan7-w2p
    @madan7-w2p ปีที่แล้ว

    ❤❤❤❤

  • @spanel8561
    @spanel8561 ปีที่แล้ว

    Thank you very much brother

  • @diasdev-t8v
    @diasdev-t8v ปีที่แล้ว

    So beautiful❤

  • @carlosnunez1130
    @carlosnunez1130 ปีที่แล้ว +1

    Hola, me podrias decir que tema estas utilizando gracias :D

  • @AXborotfoydali
    @AXborotfoydali 10 หลายเดือนก่อน

    Thanks

  • @moses1252
    @moses1252 9 หลายเดือนก่อน

    thanks a ton.

  • @muhibjan236
    @muhibjan236 8 หลายเดือนก่อน

    Assalamu alaikum Sir
    I have been started you project to complete but I had face some problem. The problem is that the about page when I used image in html then it's work why . Please reply me and help me

  • @Fufu-n3o
    @Fufu-n3o 6 หลายเดือนก่อน

    Can we use it as personal portfolio?

  • @muratabanoz7159
    @muratabanoz7159 10 หลายเดือนก่อน

    Kodları deneyip kendim yapmaya alıştım ancak 2.section kısmında ekranımda bir scroll çıkmıyor. Aksine her şeyi aynı yapmıştım sorun nerede anlamıyorum.Ekranım burada ki gibi aşağı kaymıyor.

  • @mahmoodyou6841
    @mahmoodyou6841 10 หลายเดือนก่อน

    😍😍😍

  • @bugabagi1164
    @bugabagi1164 ปีที่แล้ว

    What's the tittle of backsound? I Like them especially at 16.00 - 20.00 minutes

  • @-7673
    @-7673 6 หลายเดือนก่อน

    Thanks! How to send message a Contact form?

  • @Solitario1804
    @Solitario1804 8 หลายเดือนก่อน

    @codehal there is a responsive issue when you put the smartphone on the horizontal side, the facebook , twitter linkedin get mess

  • @Ferrari622
    @Ferrari622 11 หลายเดือนก่อน

    Thank you, very helpful. I would like to use it as my portfolio page.
    Moreover, I've used scss.

  • @agustinfissore1662
    @agustinfissore1662 ปีที่แล้ว

    Por que en el minuto 25:25 no me carga la imagen de la carpeta ? tengo el mismo codigo

  • @twoplustwoequals5733
    @twoplustwoequals5733 ปีที่แล้ว

    nice follow up, next episode = how to look like that guy

  • @jakesturges9116
    @jakesturges9116 10 หลายเดือนก่อน

    Whenever I put min-height: 100vh; for the section selector in css it creates a scrollbar and generates extra unneeded space at the bottom of my webpage. Does anyone know how to fix this?

  • @soumsahu4990
    @soumsahu4990 11 หลายเดือนก่อน

    can anybody tell me how this let command work in this in my js its 'let' but in this tutorial the 'Let' is written in that way why

  • @Primewadoud
    @Primewadoud หลายเดือนก่อน

    8:31

  • @nattufacts7456
    @nattufacts7456 2 หลายเดือนก่อน

    How you edit your image

  • @officialrenx
    @officialrenx ปีที่แล้ว

    ijin belajar bang

  • @sumitkundu22
    @sumitkundu22 7 หลายเดือนก่อน

    what is images size of both the images

  • @HanuuniyeOfficialChannel
    @HanuuniyeOfficialChannel ปีที่แล้ว

    Sir. How to fixed navbar?

  • @venkataraokanugula443
    @venkataraokanugula443 ปีที่แล้ว +4

    Hii brother, I am from India.
    My request: please make a college responsive website❤

    • @Raju-cc8tm
      @Raju-cc8tm ปีที่แล้ว

      College website kaisi hoti h ..would you give me a example?

    • @aakashyadav3351
      @aakashyadav3351 ปีที่แล้ว

      ​@@Raju-cc8tmBhai tere college ki koi website nahi hai kya?

    • @Raju-cc8tm
      @Raju-cc8tm ปีที่แล้ว

      @@aakashyadav3351 pta nhi bhai kabhi dekha nhi hogi shayad

    • @aakashyadav3351
      @aakashyadav3351 ปีที่แล้ว

      @@Raju-cc8tm bhai kisi bi Collage ki website search kr ke dekh sakta hai

  • @Alphadec
    @Alphadec ปีที่แล้ว

    nice but sorry there is alot of issues here.

  • @Arick_The_Coder
    @Arick_The_Coder 5 หลายเดือนก่อน

    47:57

  • @Aditya-h1q
    @Aditya-h1q 11 หลายเดือนก่อน

    Bro can you plz provide me the image that you have used plz 🙏

  • @stormgodd
    @stormgodd 10 หลายเดือนก่อน

    How can I insert my photo instead of yours
    I want my image instead of yours please suggest

    • @nageshmane_14606
      @nageshmane_14606 8 หลายเดือนก่อน

      plz can you give me the souce code of this protfolio website🙂

  • @lbhemant
    @lbhemant ปีที่แล้ว

    Sir i need a website for my project. Can you make it for me?

  • @Alhajihassan07b
    @Alhajihassan07b ปีที่แล้ว

    Voice please ❤

  • @Full_stack_developer5
    @Full_stack_developer5 ปีที่แล้ว

    About section 27:31

  • @Instopedia_
    @Instopedia_ 10 หลายเดือนก่อน

    Hi guys, anybody done this portfolio?? Could you please giveme the sourcecode

    • @ngeharex3242
      @ngeharex3242 10 หลายเดือนก่อน

      You and me bro

    • @RiyaGupta-bi7sf
      @RiyaGupta-bi7sf 5 หลายเดือนก่อน

      @@ngeharex3242 can you give me the source code

  • @Cricket_Era56
    @Cricket_Era56 ปีที่แล้ว

    You should provide a image which is used

    • @parzival5884
      @parzival5884 8 หลายเดือนก่อน

      he does lmfao

  • @tiwariji7598
    @tiwariji7598 9 หลายเดือนก่อน

    25:00

  • @sixtron
    @sixtron ปีที่แล้ว

    Hello, ou est le code PHP pour recevoir les mails de la page contact....je suis novice merci de l'aide

  • @terryhunt6859
    @terryhunt6859 ปีที่แล้ว

    Sir please talk in your video

  • @aloischarlier5837
    @aloischarlier5837 ปีที่แล้ว

    I don't understand the scroll section part in js

  • @Full_stack_developer5
    @Full_stack_developer5 ปีที่แล้ว

    Contact section 53:07

  • @talentproeditz
    @talentproeditz ปีที่แล้ว

    25:12

  • @atiqur-k3m
    @atiqur-k3m 8 หลายเดือนก่อน

    I can't showed about me page

  • @CristianBerto-t5k
    @CristianBerto-t5k 9 หลายเดือนก่อน

    my bg images don't appear. how can i do?

    • @nageshmane_14606
      @nageshmane_14606 8 หลายเดือนก่อน

      plz can you give the souce code of this protfolio website🙂

  • @yashjangid4222
    @yashjangid4222 ปีที่แล้ว

    my bg color is not setting up

  • @ZakyIDN
    @ZakyIDN 10 หลายเดือนก่อน

    where the link brother

  • @AkshitKumar-ed1pl
    @AkshitKumar-ed1pl 3 หลายเดือนก่อน

    Can anyone help me knowing the images size

    • @ajaypandey1390
      @ajaypandey1390 หลายเดือนก่อน

      I also want to know

  • @whytegamer01
    @whytegamer01 ปีที่แล้ว +104

    I wish you could talk in your videos

    • @christdolphin69
      @christdolphin69 ปีที่แล้ว +21

      Then we might find out he’s actually some Indian named Rajiv rather than a cool American dude named “jacob Aiden skyler iii”

    • @minecraftguy8652
      @minecraftguy8652 ปีที่แล้ว +1

      ​@@christdolphin69the name of the channel suggests he's Indian "Codehal", it's like Taj Mahal or sth indian

    • @sixtron
      @sixtron ปีที่แล้ว

      Hi, ou est le code PHP pour recevoir les mails de la page contact. Je suis novice

    • @jobmoses4484
      @jobmoses4484 3 หลายเดือนก่อน

      😂

    • @adventureswithjemmy
      @adventureswithjemmy 3 หลายเดือนก่อน

      😂😂

  • @dayanmoreira25
    @dayanmoreira25 ปีที่แล้ว

    awesome !!

  • @ahmedzakan9829
    @ahmedzakan9829 10 หลายเดือนก่อน

    thanks

  • @SIRICKYT
    @SIRICKYT 9 หลายเดือนก่อน

    8:05

  • @toandepzai748
    @toandepzai748 ปีที่แล้ว

    51:38

  • @Ashok_Choudhary777
    @Ashok_Choudhary777 4 หลายเดือนก่อน +4

    **** USEFUL TIMESTAMPS ***
    1. Sticky Header - 1:06:26
    2. Navbar Active on scroll effect - 1:08:45
    3. Toggle icon navbar - 1:16:03
    4. Animation on load & scroll - 1:35:11
    5. Footer animation - 1:57:05

  • @kirwakelvinkering3122
    @kirwakelvinkering3122 11 หลายเดือนก่อน +5

    I learned bootrap for 1 month and after that Tailwind css came in , from that day i swore to learn pure css for my projects , amd now am at peace 😂 thanks bro.

  • @bulls_zapxx7132
    @bulls_zapxx7132 ปีที่แล้ว +8

    How do you choose color palettes for your website?

    • @swallowedinthesea11
      @swallowedinthesea11 ปีที่แล้ว +1

      There are websites that list new and popular color palettes.