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

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

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

    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 2 ปีที่แล้ว +12

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

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

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

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

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

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

    You are explained in easiest way

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

    Wow..really beginner friendly.thank you

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

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

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

    Such nice-looking website

  • @narayanbadi9019
    @narayanbadi9019 5 หลายเดือนก่อน +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

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

    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

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

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

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

    nice work
    keep it up

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

    Got great taste in music!!

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

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

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

      You're very welcome!

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

    Wow really beginner friendly, Thank you.

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

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

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

    Thank You so much, you are the best programmer

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

    Love this :)

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

    Simple and elegant mis👍

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

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

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

    best portfolio website tutorial

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

    good work. carry on for making like this video.

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

    Miracle miracle 😁

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

    Thanks for you 🙂☺️

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

    thnk u very much for your effort

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

    Really helpfull

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

    helpful and understandable

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

    needed an explanation of each code though!!

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

  • @ShristiGauda
    @ShristiGauda 25 วันที่ผ่านมา

    Thank u so so soooo much ❤

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

    Such a great tutorial...help my study

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

    Nice😉😉

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

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

  • @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?😅🙏

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

    Excellent bro. Nice 👍

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

    Its Really Good.Thank You

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

    Thank you bro

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

    Great

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

    Thank you!

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

    Can you share the rest videos too

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

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

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

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

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

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

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

    i like it

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

    Useful. Thanks

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

    Thank you

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

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

    Nice

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

    Thank you❤

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

    which vs code extensions were you using

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

    wow awesome

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

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

    One Page Personal Website are so gorgeous

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

    🤩

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

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

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

    nice video but I had to mute the annoying music

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

    Thanks a lot 😁

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

    U do responsive this page

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

    At the

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

    How to put images below div class images?

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

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

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

    back ground image link dedo
    which was in yellow colour

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

    Not bad

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

    😍

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

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

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

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

    Can u please do voice over in your video that Become more interactive

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

    where did you get the yellow background of picture?

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

    Cant access the sourc code.Help

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

    where i can find this png shape?? plz help

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

    where to get shape and girl pic plz tell me

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

    how can I add background sir?

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

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

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

    Sucesso...

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

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

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

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

    OK it's fine, make a video about how to upload a website in server with ur own voice (that must should be a responsive website )

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

    You did not include the css of your logo

  • @mr.manimadari
    @mr.manimadari 4 หลายเดือนก่อน

    Are u from Karnataka

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

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

    What was the size of the logo? Anyone plz tell

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

    Code file is not available 🙏🙏🙏
    Plz provide

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

    Where is about, services???

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

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

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

    organge color background ka img link send me sir

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

    where you create a design backround?

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

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

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

    From where you take this picture? she looks like my sister 🤔😮

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

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

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

    the images are not moving for me

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

    First of all thanks for this awesome portfolio web video. Can you guide me, how I can download logos, images and shapes without background. If you know about some web that provide free images, logos and shapes kindly tell me about these web.

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

      Source Code Link is given Her
      dgdrive.xyz/nwfk32cb6jca

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

      @@codingkarunadu pls provide image

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

    what app did u use?

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

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

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

    put some social media links in your description
    so we can Dm you

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

    thankyou