How To Make Profile Card Design For Website Using HTML And CSS

Поделиться
HTML-код
  • Опубликовано: 6 авг 2022
  • Learn How To Make Social Media Profile Card Design For Website Using HTML And CSS Step by step tutorial for beginners
    ❤️ SUBSCRIBE: goo.gl/tTFmPb
    In this video, we will learn how to create a user profile card design for website using HTML and CSS. On my web page you can see a user profile card design with cover image, profile image, user’s name and bio text.
    Then we have some buttons and other information about the user profile. On this profile picture I have add this beautiful hover effect.
    When I take cursor over this profile image, then some border will come and the border with is increasing very smoothly.
    We will make this user profile card design using using HTML and CSS
    Download Image: drive.google.com/file/d/1y1xi...
    -----------------------------------------
    Suggested Course:
    ❤️ Complete website Using HTML and CSS
    ✔️ 8 Complete website step by step
    ✔️ Source Code Download
    ✔️ 76 Lectures, 12 Hours Video
    ✔️ Course Completion certificate
    👉 easytutorialspro.com/go/course/
    -------------------------------------
    Recommended Videos:
    Learn Complete HTML and CSS from basics:
    ► • HTML And CSS Tutorial ...
    Make A Complete Website for college using HTML & CSS:
    ► • How To Make A College ...
    How to make a Business website step by step:
    ► • How To Make Website Us...
    How to make personal resume website step by step:
    ► • How To Make A Website ...
    How to make fitness website design using HTML CSS:
    ► • How To Make A Website ...
    How to make an Ecommerce Website Design:
    ► • How To Make eCommerce ...
    How to make a Job Portal website design with HTML & CSS:
    ► • How To Make Website Us...
    How to make travel website design with HTML CSS Bootstrap:
    ► • How To Make A Website ...
    -------------------------------------
    Affordable web hosting (coupon- EASYTUTORIALS)
    👉 easytutorialspro.com/hosting/
    My recommended tools and tutorials
    👉 easytutorialspro.com/
    -------------------------------------
    ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
    Join Channel Membership:
    ► / @greatstackdev
    -------------------------------------
    Images Credit:
    www.pexels.com/
    -------------------------------------
    Like - Follow & Subscribe us:
    ◼️ RUclips: goo.gl/tTFmPb
    ◼️ Facebook: goo.gl/qv7tEQ
    ◼️ Twitter: / itsavinashkr
    ◼️ Instagram: / iamavinashkr

Комментарии • 28

  • @agramenoch
    @agramenoch Год назад +1

    Love your content so much it help my web development to improve much love bruh❤❤

  • @megatronaeb1129
    @megatronaeb1129 Год назад

    As always so good tutorial🙌🏼💥

  • @princeamoah1172
    @princeamoah1172 Год назад

    Muchos gracias por todo

  • @vanessavergne7586
    @vanessavergne7586 Год назад

    thanks SO MUCH!!!!

  • @faysalnuux1206
    @faysalnuux1206 Год назад

    Thanks for you helping as and we are appreate you🤝💯

  • @atuljangir9570
    @atuljangir9570 Год назад +1

    Nice Tutorial Bro... 👍👍👍

  • @codevibes6900
    @codevibes6900 Год назад

    It's really good for me

  • @julianvelez6563
    @julianvelez6563 Год назад +1

    Excellent content bro

  • @FarmingWithAsifBashir
    @FarmingWithAsifBashir Год назад

    Superb 👌

  • @abdulahadgazi8451
    @abdulahadgazi8451 Год назад

    Beautiful tutorial sir

  • @ranjanbarik1098
    @ranjanbarik1098 Год назад

    Great 👍

  • @aftabjaved3726
    @aftabjaved3726 Год назад

    i am full of genuine praise for you lecture delivery sir. Can i know your name as i did not find in all video i have seen in last 24 hours as i know you for last 24 hours only. Stay blessed

  • @_mot1vation
    @_mot1vation Год назад

    Nice !

  • @saraadhikari1515
    @saraadhikari1515 Год назад

    Superb👌👌👌

  • @akashnath7999
    @akashnath7999 Год назад

    Awesome tutorials for begineers...loved it ❤

  • @jstamilvlog9008
    @jstamilvlog9008 Год назад

    Nice brother.

  • @africantales124
    @africantales124 Год назад

    Baba, you're good

  • @ruanramos971
    @ruanramos971 Год назад

    Hey men, make a video showing how to make a simple website with multiple languages

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад

    nice

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 8 месяцев назад

    Thanks for uploading video

    • @GreatStackDev
      @GreatStackDev  8 месяцев назад

      Glad you liked this tutorial 😊

  • @blackcoder2510
    @blackcoder2510 Год назад

    Nice vidoe

  • @josephbunghai6303
    @josephbunghai6303 9 месяцев назад

    how tomhave html file and css i can't seem to have it no matter how many times i tried can you tell me from stratched

  • @BilalKhan-pl1eb
    @BilalKhan-pl1eb Год назад

    Hello sir

  • @nainashallet1878
    @nainashallet1878 6 месяцев назад

    Im not getting the desired output

  • @nextgenproductsRG
    @nextgenproductsRG Год назад

    Heloo sir

  • @muzik_shqip99
    @muzik_shqip99 Год назад

    Add this code on description next time

    • @trigunatitatripathy645
      @trigunatitatripathy645 Год назад

      Why bro just type in your code editor. By the if you typing and trying write in your code editor Although you are watching trust me i am also watching and typing code. This is good methd. Please try to type not only it is good but also you can understand thecomplexty of a div and others