Personal Portfolio Website Using html and css only | How to create Personal Website

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ค. 2021
  • How to create a Music Website Using HTML CSS and JavaScript | Simple Music Website
    SORRY MY Dr. Friends That Link is Not Worked Properly
    I am giving New Link to You
    ---------------------------------------------- : )
    Download the Source Code From Here
    ➤ linkgenie.me/s/EGJrD
    OR
    ➤ : - bit.ly/3JiuSIJ
    You might like this video:
    Animated Eyes Follow Mouse Cursor Using HTML & CSS
    ➤ • Animated Eyes Follow M...
    Creative Fancy Loader Using HTML and CSS
    ➤ • Creative Fancy Loader ...
    CSS Magic Card Using HTML and CSS
    ➤ • Profile Card Design us...
    Elastic Tab Animation using HTML & CSS
    ➤ • CSS Magic Card Using H...
    Glass effect Card Color Gradient Shadow Using HTML & CSS only
    ➤ • Glass effect Card Colo...
    Follow Me Social Media:-
    Instagram - bit.ly/3a7Eyn7
    Please Do Subscribe My Channel Keep Supporting me So I can continue to provide
    you with free content each week!!☺️😉🙏
    Thank you for watching!🙏
    ---: Audio Credit:-----
    01) Track: Cream Blade - Daydream (feat. romi) [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: • Cream Blade - Daydream...
    Free Download / Stream: ncs.io/CDaydream
    02) Track: Time To Talk Ft. Roses - Bittersweet [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: • Time To Talk - Bitters...
    Free Download / Stream: ncs.io/Bittersweet
    #website #csstutorial #codingkarunadu #personalwebsite #newtoyou Tags ;-
    how To make a website
    Ihow to build a website
    website design using html and css
    learn web development
    html css tutorial
    new website design
    web development tutorial
    html5 tutorial
    css3 tutorial
    website UI design tutorial
    Coding Karunadu
    Make website
    create website
    build website
    complete website design
    complete personal/portfolio website
    Attractive website design
    full page website design
    trending website designs
    sliding website design
    how to make your own personal website
    how build a personal website
    how to get a personal website
    how to create your own personal website
    how to find someone to build a website
    how to create a personal website
    Personal website design
    Portfolio website design
    website design
    personal website html css
    personal website using notepad personal website html css template
    Personal/portfolio website design
    how to create a Personal website
    Awesome website design how to make a Portfolio website
    how to make a Personal website
    how to create a Personal website how to create a Portfolio website
    going to internet website UX website design in html css
    html and css website design
    website design just using html and ess
    pure html and css
    How to create a website
    how to make a website
    how to build a website
    website design using html and css. Free Source Code
    Download Source Code
    Download Free Source Code

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

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

    Good help for beginners in web development.
    Next time, remember that this can be a challenge for a beginner who doesn't understand CSS selection, for example when you select span the person might have more than one span on the page.

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

      Great tip. I used a class/ID for that.

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

      @@Leroydev use child and class
      for that.

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

      Agreed. CSS can be a hassle sometimes.

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

      Please could you send us the source code. Thanks.

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

    Thank you soo much for this! Short, sweet, and simple. God Bless!

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

    Thanks for such a valuable tutorial. It's really helpful to me. Really a best work from you.

  • @cykoravish176
    @cykoravish176 ปีที่แล้ว +5

    I am a beginner and i like it . Thank you so much❤️❤️❤️

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

    Wow..really beginner friendly.thank you

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

    Thank you! I’m taking a class on this in college and I appreciate your help!!!

  • @narayanbadi9019
    @narayanbadi9019 6 หลายเดือนก่อน +1

    Much love from Karnataka kannadiga ❤

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

    Thank you so much for explaining HTML, CSS in such a simple and beautiful way. Creating personal website was absolutely awesome☺

    • @lma9ela-_-814
      @lma9ela-_-814 2 ปีที่แล้ว +9

      she didn't even talk in the video so how do you say that she explained html and css ?

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

      @@lma9ela-_-814 arehhh, for that you have to get some knowledge of html and css through it's classes 😅

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

      @@lma9ela-_-814 im asking myself that question on every tutorial like this. its just a timelapse and they talk about explanation

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

      Coding rizz

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

    Such nice-looking website

  • @FarhanAli-to3ku
    @FarhanAli-to3ku 2 ปีที่แล้ว +3

    Your channel have amazing work on it. Well done 👍✅☺️

  • @rahulsahu9639
    @rahulsahu9639 3 ปีที่แล้ว

    nice work
    keep it up

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

    You are explained in easiest way

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

    Wow
    It's really simple and clean I really love it 🎉

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

    First thing I noticed was "I,m" instead of "I'm"
    apart from tech aspect, these small typos can have a big impact

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

    Thank you sir very good experience

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

    Wow really beginner friendly, Thank you.

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

    Amazing! You cleared up a question I had for a long time. Thank you so much

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

    good work. carry on for making like this video.

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

    Love this :)

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

    Got great taste in music!!

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

    Thank You so much, you are the best programmer

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

    hello nice videos keep it up all the best from Bangladesh. Hey can you please tell how did you made the images please. i wiill be helpful if you make a separate videos for the desinging images

  • @AmanKhan-ug3ey
    @AmanKhan-ug3ey ปีที่แล้ว +1

    Thank you for the wonderful tutorial i have done my first html css exam perfect

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

    Simple and elegant mis👍

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

    Really helpfull

  • @user-xc6um5du2z
    @user-xc6um5du2z 5 หลายเดือนก่อน

    helpful and understandable

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

    Miracle miracle 😁

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

    Thanks for you 🙂☺️

  • @SUNILYADAV-hy1gi
    @SUNILYADAV-hy1gi 3 หลายเดือนก่อน

    best portfolio website tutorial

  • @g4l625
    @g4l625 ปีที่แล้ว +7

    You're literally helped with my first project thanks ♥, a question how do you get or make pictures like this i mean the pic of the girl it has now background

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

    thnk u very much for your effort

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

    Such a great tutorial...help my study

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

    Its really very nice....very awesome.
    I need to ask that that the CSS coding you re doing in the HTML only or is there any another format

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

      Source Code Link is given Her
      dgdrive.xyz/nwfk32cb6jca

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

      @@codingkarunadu not able to access source code

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

      Hello @@codingkarunadu , how can i share my portfolio with others??

  • @Ashish-mz4gs
    @Ashish-mz4gs ปีที่แล้ว +1

    Nice😉😉

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

    which vs code extensions were you using

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

    Excellent bro. Nice 👍

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

    Thank you so much for this

    • @codingkarunadu
      @codingkarunadu  2 ปีที่แล้ว

      You're so welcome!

    • @nitzsantillan1653
      @nitzsantillan1653 2 ปีที่แล้ว

      @@codingkarunadu could you pls add or make a video of how to put it in the server so I can share it to my friend

  • @skrejaulislam5555
    @skrejaulislam5555 14 วันที่ผ่านมา

    Thank you so much

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

    This personal web is good, simple, and pleasing to the eyes. But I have a question. What is the size of the picture of your logo png? because I am struggling with my logo, when I code it is not on the top left side of the web page. When I run the program. It's always in the middle of the web page. I hope my question will be answered because I need it right now for my project in school. Thank u!

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

      You can add location of your logo in your css page.
      Like

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

      Can you resolve it

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

    Its Really Good.Thank You

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

    Thank you bro

  • @izu4391
    @izu4391 2 ปีที่แล้ว

    Thank you!

  • @webprogrammingtutorials-alo69
    @webprogrammingtutorials-alo69 ปีที่แล้ว +1

    Useful. Thanks

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

    Great

  • @user-nl1ww6gr7q
    @user-nl1ww6gr7q 7 หลายเดือนก่อน

    Thanks for tutorial 😁
    You help me to study coding website.
    Can I get the photos you put in the script please?😅🙏

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

    At the

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

    That simple!?
    I think i am lacking about my confidence & works i couldn't done in college(projects),cause I learned things like Strategic management,Technical/marketing analysis & Management in all way theoretically though random learning & real life over time
    I hope I will becone what I dreamed in life,all will be well முருகா ஆஞ்சநேயா 😃🌟✨🌙👸🙇👵👴👶👫🎂🍱🌏🏠🙌
    15.03.2023 10:33 pm ist

  • @GrrruskiYT
    @GrrruskiYT 2 ปีที่แล้ว

    Pls what was the first thing u typed when u entered the style.csss??

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

    Thank u so so soooo much ❤

  • @smltv01
    @smltv01 3 ปีที่แล้ว

    i like it

  • @jazielwayne2178
    @jazielwayne2178 ปีที่แล้ว +30

    the link to the source code is swamped with ads, I think it would be best if you saved it in your Google Drive

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

    🤩

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

    Great liked it
    Are you gonna do other pages on different videos?

  • @Phoenix-wr6rn
    @Phoenix-wr6rn ปีที่แล้ว +2

    needed an explanation of each code though!!

  • @mrunknown_811
    @mrunknown_811 3 วันที่ผ่านมา

    thank you

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

    can you do a video link to share others or upload some where in. i dont know how to add same css components in html and my drive images to appear in others devices i hope you willl understand my question soo please do link on this video

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

    wow awesome

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

    How to put images below div class images?

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

    Nice

  • @soniavarghese828
    @soniavarghese828 2 ปีที่แล้ว

    Can you share the rest videos too

  • @tourecherif7310
    @tourecherif7310 2 ปีที่แล้ว

    Moi je m'abonne puisque ça m'a été utile. Mais j'ai besoin de vous pour de détails comment vous joindre? Si vous voyez mon commentaire, je vous prie de bien vouloir me répondre. Merci!

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

    Making our website is ok, but please tell me how can my website is accessed to others and how can i share my portfolio with my recruiter.

  • @user-xx2fr6sb4r
    @user-xx2fr6sb4r 9 หลายเดือนก่อน

    where did you get the yellow background of picture?

  • @ufyan-7777
    @ufyan-7777 ปีที่แล้ว +1

    Thank you

  • @SudheerKumar-21
    @SudheerKumar-21 3 หลายเดือนก่อน +1

    back ground image link dedo
    which was in yellow colour

  • @ad-dayi-tv
    @ad-dayi-tv 2 ปีที่แล้ว

    😍

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

    Thank you❤

  • @prathameshkeluskar8682
    @prathameshkeluskar8682 2 ปีที่แล้ว

    its good but one thing u shoud add on it javascript.

  • @yasirabbas2581
    @yasirabbas2581 11 หลายเดือนก่อน +1

    where to get shape and girl pic plz tell me

  • @a.m.jubaer7392
    @a.m.jubaer7392 ปีที่แล้ว +1

    where i can find this png shape?? plz help

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

    which vs code extension was used for the auto complete of the rest of html tags in the beginning? That'll help some keystrokes, thanks.

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

    i could not down load the source code patreon said to access I had to upgrade

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

    when changing aspect ratio photo is coming in front if i want to make it responsive when zoomed it what to change?

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

      Source Code Link is given Her
      dgdrive.xyz/nwfk32cb6jca

    • @RAM_0777
      @RAM_0777 3 หลายเดือนก่อน +1

      Link is not working bro 😞

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

    How can I import images of my own and add my projects to the website

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

    Bro do u have videos regarding the about and Contact page design using html and css

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

    Cant access the sourc code.Help

  • @TheThinkersCorner2023
    @TheThinkersCorner2023 11 หลายเดือนก่อน +1

    What was the size of the logo? Anyone plz tell

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

    Why my code suddenly disappeared on chrome after adding style hero background colour

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

    Hi.
    Mam you made an amazing design.
    Can you please tell me the website or source from where you took the yellow colored shape picture..?
    Thanks in advance.

    • @aavezshaikh143
      @aavezshaikh143 11 หลายเดือนก่อน +1

      Mai bhi Dhoond raha hu, tumhe mile ?

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

    Thanks a lot 😁

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

    Source code is not supported ye dikha raha hai solve this sir.

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

    Can’t access the link is there any other link to the file

  • @ms.reinaaa2761
    @ms.reinaaa2761 ปีที่แล้ว +1

    how to put the image? i can't
    pls help

  • @mohamed-xx
    @mohamed-xx 2 ปีที่แล้ว

    how can I add background sir?

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

    You did not include the css of your logo

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

    My last pictures were not changed to the right side y

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

    I think u should create an another video on how to download source code

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

    What if we click on home,about, portfolio??

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

    Code file is not available 🙏🙏🙏
    Plz provide

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

    thank u so much i enjoy the tutorial if it's possible can u send the yellow picture plz

  • @ProGamerSadiq
    @ProGamerSadiq 2 ปีที่แล้ว

    the images are not moving for me

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

    where you create a design backround?

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

    Sucesso...

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

    nice video but I had to mute the annoying music

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

    Where the java script, xml, php, and MySQL?

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

    organge color background ka img link send me sir

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

    the source code link is not working. please fix it

  • @blender3.2
    @blender3.2 2 ปีที่แล้ว

    Not bad

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

    new comment
    where did you get your shape from?
    is it 1s (one s) or ls?

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

    ❤❤❤❤