How to Create Responsive Resume Website using HTML and CSS | Resume CV design in HTML CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024
  • Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/...
    ------------------
    Join Our Channel Membership And Get Source Code of My New Video's Everyday!
    Join : / @onlinetutorialsyt
    ------------------
    Source Code : / onlinetutorials
    Facebook Page : / onlinetutorialsyt
    Instagram : / onlinetutorials_youtube
    Twitter : / onlinetutoria16
    Website : www.onlinetutor...
    Buy Me A Coffee : www.buymeacoff...
    ------------------
    give proper credit if you repost this on other social media platform
    ------------------
    image source : www.pexels.com/
    ------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

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

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

    Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.
    Get now more than 1000+ source code just by clicking on this link : www.patreon.com/onlinetutorials
    Here you will find each and every Source Code is Unique.

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

    I like the fact that you show us with your cursor what it means and how it is related, many tutorials just code without explaining and even tho we can't hear your voice it helps a lot! Thank you so much!

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

    To give my self some practice, I just took a look at the finished layout and coded it and made almost the same exact one as this. I came back to watch the whole thing to confirm my knowledge. I am so proud that I can do this. I love your style so much so I’m using the same layout as u! Thanks

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

      good
      idea. I'll do the same

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

      @@amina_rasheed yes that’s the only way to make it

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

      hello,can you help, how to run the program, for example the resume he create, everytime he goes alt tab but i dont know what he does,

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

      @@ramospaulbryan1245 save then right click onto your curson and it will appear, open in browser. after that, it will appear.

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

    Really impressive! Clean CSS used! Probably the best video to understand basic and some advanced CSS.
    Thanks for the tutorial.

  • @1236chrissy
    @1236chrissy 3 ปีที่แล้ว +14

    This is a brilliant tutorial, and the CV looks so stylish as well. Thank you for creating this!

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

    Hey sir, I am also starting youtube and following a path that you have walked. Love your work sir ❤️

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

    Took me 4 hours, but it was really good, thanks!

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

    WOW! You are amazing and very talented sir! Whenever I watch your videos, I feel like I"m binge watching netflix! :)

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

    This has been a great video a little fast but all in all it was a great and easy video to do. Thanks so much!

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

    👏🏻 | Congrats broder, great work!
    🤙🏻 | Greetings from Brazil.
    👉🏻 | Continue always showing your talent!
    🙏🏻 | God's given u a gift, use it wisely! 🤙🏻😉

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

    ASSALAMUALAIKUM ,SIR,THIS VIDEO IS VARY NIC

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

      Wasalam,and its nice not nic

    • @JustForfun-hz8zm
      @JustForfun-hz8zm 2 ปีที่แล้ว +6

      Not nicer than your English though 😂

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

    great video. i have one I have a problem tho. i can't get the info to the left side? what can i do?

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

    first! super amazing

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

    I was extremely happy about your this video support. I figured out the solution for my exercise thanks to seeing this tutorial.

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

    i wish we can Copy and Paste your head. it's beautiful 😍

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

    Assalamualaikum, i am from Indonesia very support this channel thank u for your tutorials...

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

    Thank you very nice video I did my CV with it and I hope I get internship

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

    thank you sir, your tutorials, guides and tricks are very helpful, much appreciated.

  • @manasa.b3419
    @manasa.b3419 12 วันที่ผ่านมา

    Thanks a Ton 🙏 sir this video helped me so much....

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

    Overall nice video. Thanks for sharing your knowlegde. A lot of code/typing could be saved by avoiding common properties between elements and sections, but I guess this makes it easier for unexperienced designers.

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

      for example which?

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

    I hope You had 1million subscribers in the other 2 years I think

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

    Por fin un vídeo que explica adecuadamente. Gracias por enseñar tus conocimientos. Espero sigas así.

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

    I've been always amazed by your creativity. I never seen someone as creative as you. You deserve million dollars job, man!
    Love from Azerbaijan 🥺❤️

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

      tek deyilem burda )

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

      @@elvinmammadov8584 tək olmasaq belə çox azıq. İnkişafa can atan gənclik yoxdu Azərbaycanda.

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

    Thanks for tne tutorial! Really nice work with Html and CSS, basic and advanced functions.

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

    Amazing, very nice work! Can you please share the html and css code.

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

    Finally I have a good design for my cv, thank you!

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

    Jia Oh Bihar Ke Lala

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

    Thank you for a greate tutorial. Very nice and clean CSS used.

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

    Thank you for this instructive tutorial and pretty CV!!

  • @JohnDoe-rj9oy
    @JohnDoe-rj9oy ปีที่แล้ว +2

    Amazing, thanks a lot, but is it possible export to PDF?

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

    31:10 when I try to right-click on the webpage no window pops up? I'm using HTML preview, so do I have to install different extension in Visual Studio Code? Btw, your guide is brilliant.

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

    Eres un crack amigo, muchas gracias, he practicado gran parte del día con este video. Thanks a lot

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

    I'd just suggest adding some captions to explain the adjustments in developer tools.

  • @samm-rawr6441
    @samm-rawr6441 2 ปีที่แล้ว +1

    media query is not working for me. How am I suppose to add the media url the link u added in .css file.
    And Great Video. I enjoyed it all

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

    Great Project

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

    Paragraph alignment should be justified. It'll look more managed.

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

    You're really making best CSS tuts

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

    Thanks! This is really helpful

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

    Bro you are the programming God. Love you.

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

    This is what i waiting for😊

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

    It's "\ " for spacing in texte.

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

    Thank you so much sir, This video was very helpful for Me

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

    I was literally thinking of this in my mind, and you made it. Thanks. Telepathy??

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

    wonderfull video

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

    Brilliant tutorial! Thanks for sharing. Btw, bro, your skills are amazing, +1 subscribe, for sure!

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

    why dont use instead a div left o right?

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

    Cool responsive CV.
    Thank you it helped me a lot!

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

    Looking great! Thank you. How can you set it up for the best printing to A4 pdf results?

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

    hi thanks for the tutorial, where can I find the @import link of the styles.css?

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

      and what is the function of h4:nth-child in minute 15:34?

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

      I just typed the whole thing out but if you search google fonts, I'm sure you can find it. Also the nth-child selector is a peudo-element which grabs the nth element conditioned by whatever you specify within a larger element. It's just like it sounds. The nth-child. The last-child selector grabs the last element within the larger element hence the last-child. Hope this helps.

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

    Assalam o alaikum awesome 👌 thank you so much

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

    Top Design after long time

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

    🌹 ماشاء الله 🌹
    Amazing

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

    Hello sir!
    How can i join your course on Udemy?
    Please tell me the course name or provide me the link!

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

    amazing videos! can you make a tutorial to make Corusel using HTML, CSS and Javascript? thank you

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

    My right side in resume goes down in the left side how can i fix it

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

    what If I want to download it from mobile device with desktop design

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

    Hey, when will the source code be on your patreon?

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

    Thsi video is just too awesome. :) )))))))))))))))))))))))

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

    hello, whenever I use the preview pluggin in VS code, it host locally my code. When I use the address, it shows my resume just right, but when I want to convert to PDF with stuff like GoFullPage, it makes huge boxes of background on left and right side, which make the pdf looks terrible... any idea how to reduce the background on the side of the containers? ive tried to change the body maxe width, the container one (as a whole, just left, just right), provided bigger numbers in the grid template columms.. nothing works

  • @user-ew8sn1fy7k
    @user-ew8sn1fy7k ปีที่แล้ว

    Incredible video, thank you so much!

  • @manasab4832
    @manasab4832 21 วันที่ผ่านมา

    can you please say about the saving part

  • @AliZeidi-dw2jl
    @AliZeidi-dw2jl ปีที่แล้ว

    Thank you very much for your helping, But if i want to print it how can i do ?

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

    Thanks bro love you

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

      Bro can you make website with full of creative

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

    It is an amazing CV templet
    I made it

  • @ОлександрПоплавський-и2я
    @ОлександрПоплавський-и2я 2 ปีที่แล้ว +1

    What is the theme of the VS code?

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

    successfully did it, tysm!

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

    great job!!!! thank you very much!!!

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

    Thank you very much! Super helpfu video! :)

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

    Eres un crack, muchas gracias.
    Saludos desde Ecuador

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

    amazing!!!!!!!!!!!!!!!!!!!
    THANK YOU VERY VERY MUCH!!!!

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

    You are the best. Thank you

  • @JuanRamos-zk8yf
    @JuanRamos-zk8yf 5 หลายเดือนก่อน

    Gracias, muy bien explicado.

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

    Great video, looks amazing!

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

    Please make video on Hotspot Image.

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

      What is Hotspot image bro can I help you

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

    Awesome project!

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

    Very cooll

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

    Sei un grande!!!!!! Grazieeeeeeee

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

    Excellent video, man!

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

    Crazy tutorial!!!
    Tnx

  • @sayyidnaeemulhaqm.k8966
    @sayyidnaeemulhaqm.k8966 ปีที่แล้ว

    Sir ,I maked a resume html and css using "two div tags left and righ for both sides" in fewdays later but At time of print pages 5 ..how to reduced to 2 or 1 page ...?
    i want to print in A4 size ..how to fit it or size?font size ? height?width? plz..urgent plz

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

    ¡Hola! Muy buen video Todo bien presentado, simplemente perfecto!

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

      Hello! Very good video All well presented, just perfect!

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

    Very nice man. Tks

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

    Bhaiya can you make a tutoraial on like a there is a vertical navbar and there are many sections like about, home, contact and if we scroll to about section the active class comes in about link please

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

    hello where can i get a copy of the codes

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

    Exellent work ,thank you

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

    if I put a table there, will it be responsive too?

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

    You are great sir! Keep it up! :)

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

    Yooo thanks for sharing tho💪

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

    Thank you for so great tutorial!

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

    I have a long email address and it keeps going down. Not aligned with the icon. How can fix that? Thanks.

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

    How big was your image?(imgBx)...cause Im having a problem with big images.

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

    Hello brother. In this project, did you maintain MVC pattern?

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

    fajny poradnik = nice tutorial

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

    Thanks for the great video! Trying to learn HTML/CSS. For some reason "border-radius: 50%;" does not work for me. Using Live on VSC does not show it. Image stays square. Is there a workaround?

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

      Add overflow hidden and border radius 50% in image parent div

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

      @@OnlineTutorialsYT Thanks, I did it the same way you did but for some reason it does not work.

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

    CAN WE USE THIS TEMPLATE COMMERCIALLY ??..ON OUR WEBSITES AND OTHER...

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

    good job but how can i convert HTML CSS to PDF

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

      Go to print using ctrl P and then print to pdf

  • @RAHULROY-sb9nt
    @RAHULROY-sb9nt 3 ปีที่แล้ว

    🔥🔥🔥🔥🔥🔥super 😬😬...how to provide resume file to download to user..????

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

    Very helpful ! thanks

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

    Muito Top!!!!

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

    how can I set up colors in vs code css like yours ?