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

Поделиться
HTML-код
  • Опубликовано: 30 апр 2021
  • Enroll My Course : Next Level CSS Animation and Hover Effects
    www.udemy.com/course/css-hove...
    Another Course : Build Complete Real World Responsive Websites from Scratch
    www.udemy.com/course/complete...
    ------------------
    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.onlinetutorialsweb.com
    Buy Me A Coffee : www.buymeacoffee.com/onlineTu...
    ------------------
    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

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

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

  • @1236chrissy
    @1236chrissy 2 года назад +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 ❤️

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

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

  • @danderu1494
    @danderu1494 3 года назад +2

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

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

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

  • @codeitraw5241
    @codeitraw5241 2 года назад +14

    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.

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

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

  • @rodrigobarbieri1312
    @rodrigobarbieri1312 2 года назад +1

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

  • @mohammedeiman9198
    @mohammedeiman9198 2 года назад +42

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

  • @nerdygeek9865
    @nerdygeek9865 2 года назад +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!

  • @montech78
    @montech78 2 года назад

    You're really making best CSS tuts

  • @morningprogrammer
    @morningprogrammer 3 года назад

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

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

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

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

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

  • @joaoluiz0102
    @joaoluiz0102 2 года назад

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

  • @andresgonzalez1475
    @andresgonzalez1475 2 года назад

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

  • @user-ew8sn1fy7k
    @user-ew8sn1fy7k Год назад

    Incredible video, thank you so much!

  • @prakharsoni6406
    @prakharsoni6406 3 года назад +4

    Thanks! This is really helpful

  • @caiokleiner1275
    @caiokleiner1275 2 года назад +2

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

  • @ankushdubey3185
    @ankushdubey3185 2 года назад

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

  • @SaryShleweet
    @SaryShleweet 10 месяцев назад

    Thank you for this instructive tutorial and pretty CV!!

  • @jhred3315
    @jhred3315 2 года назад

    Thank you for so great tutorial!

  • @TRUkae
    @TRUkae 3 месяца назад

    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

  • @czarekk8858
    @czarekk8858 3 года назад +2

    fajny poradnik = nice tutorial

  • @ngetichishmael
    @ngetichishmael 3 года назад +1

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

  • @pwrgaming2466
    @pwrgaming2466 3 года назад

    always waiting for your video. You brings awesome content for us. thanku soo much broo.

  • @mohammadfauzi6167
    @mohammadfauzi6167 3 года назад +1

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

  • @VanessaJimen3z
    @VanessaJimen3z 3 года назад +11

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

  • @guryashzone
    @guryashzone 3 года назад

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

  • @list2543
    @list2543 3 года назад

    Top Design after long time

  • @pierremarieturpin6983
    @pierremarieturpin6983 2 года назад

    You are the best. Thank you

  • @hamidlafiesta1767
    @hamidlafiesta1767 5 месяцев назад

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

  • @viggafrantzen5294
    @viggafrantzen5294 9 месяцев назад +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?

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

    great job!!!! thank you very 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 10 месяцев назад

      for example which?

  • @ukrainemusicjam4742
    @ukrainemusicjam4742 2 года назад

    Thank you very much! Super helpfu video! :)

  • @lucastadeuvieiramouradesan5050

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

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

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

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

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

    Eres un crack, muchas gracias.
    Saludos desde Ecuador

  • @saswatpradhan5844
    @saswatpradhan5844 3 года назад +1

    Bro you are the programming God. Love you.

  • @guryashzone
    @guryashzone 3 года назад

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

  • @artemkamyshenkov3492
    @artemkamyshenkov3492 2 года назад

    Thank you very much!!

  • @AfrWorldMedia
    @AfrWorldMedia 2 года назад

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

  • @JuanRamos-zk8yf
    @JuanRamos-zk8yf 4 месяца назад

    Gracias, muy bien explicado.

  • @luisangelrianocalixto7560
    @luisangelrianocalixto7560 3 года назад

    perfecto, muchas gracias

  • @mohammedazimshaikh3053
    @mohammedazimshaikh3053 2 года назад

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

  • @chairilaliart
    @chairilaliart 3 года назад +1

    This is what i waiting for😊

  • @dammie_dy7010
    @dammie_dy7010 10 месяцев назад

    successfully did it, tysm!

  • @xerxesdiaries545
    @xerxesdiaries545 3 года назад

    You are great sir! Keep it up! :)

  • @jaiprakashbairagi6770
    @jaiprakashbairagi6770 3 года назад +1

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

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

    Great video, looks amazing!

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

    Thank you so much❤

  • @shuhratabdurahmonov7783
    @shuhratabdurahmonov7783 3 года назад

    Thank you bro

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

  • @FullStackEc
    @FullStackEc 2 года назад

    thank you very much

  • @prakharsoni6406
    @prakharsoni6406 3 года назад +6

    first! super amazing

  • @ezequielmorales8115
    @ezequielmorales8115 2 года назад

    Very helpful ! thanks

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

    Exellent work ,thank you

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

    Sei un grande!!!!!! Grazieeeeeeee

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

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

    Great Project

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

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

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

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

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

    It is an amazing CV templet
    I made it

  • @oleggumush480
    @oleggumush480 2 года назад

    Crazy tutorial!!!
    Tnx

  • @SPARTAN8746
    @SPARTAN8746 2 года назад

    Excellent video, man!

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

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

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

  • @edwardcarlojubay9355
    @edwardcarlojubay9355 3 года назад +1

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

  • @sehamfathi7591
    @sehamfathi7591 2 года назад

    Thank you

  • @TheYazoone
    @TheYazoone 8 месяцев назад +1

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

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

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

    Thanks a lot!

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

    Hello! I wanted to ask you what extensions you are using to make this CV, there are certain parts of the CSS code that I write identical to yours but they do not modify certain parts of the text that the HTML contains

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

      Check if you got the class names right. In the html it is class="x" and in the css it is .x

  • @safa9963
    @safa9963 3 года назад

    thank you

  • @xavierospina5883
    @xavierospina5883 2 года назад

    good job, thanks

  • @freecloudtools809
    @freecloudtools809 2 года назад +1

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

  • @tourecherif7310
    @tourecherif7310 2 года назад

    I happy☺thank you

  • @RUBEMDESB
    @RUBEMDESB 2 года назад

    Very nice man. Tks

  • @guillermoandreae7450
    @guillermoandreae7450 3 года назад

    Genial, Gracias

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

    Awesome project!

  • @Aj-bw5rm
    @Aj-bw5rm 5 месяцев назад

    Assalam o alaikum awesome 👌 thank you so much

  • @bharaths2646
    @bharaths2646 28 дней назад

    wonderfull video

  • @unargentinoquepiensa7428
    @unargentinoquepiensa7428 2 года назад

    what font do you use in the video?

  • @playtime909
    @playtime909 3 года назад +2

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

  • @JohnDoe-rj9oy
    @JohnDoe-rj9oy Год назад +2

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

  • @creativetutorial69
    @creativetutorial69 3 года назад +2

    Thanks bro love you

  • @mebiseu
    @mebiseu 3 года назад +1

    Very cooll

  • @ritvikbuxi9445
    @ritvikbuxi9445 3 года назад +3

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

  • @nileshsingh3773
    @nileshsingh3773 3 года назад +2

    Jia Oh Bihar Ke Lala

  • @user-yf1mb2cv6y
    @user-yf1mb2cv6y 2 года назад +1

    What is the theme of the VS code?

  • @LancerOmega
    @LancerOmega 3 месяца назад

    why dont use instead a div left o right?

  • @francistreachcesista8289
    @francistreachcesista8289 2 года назад

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

  • @victor_007
    @victor_007 3 года назад

    bro do u have any tutorial for wordpress...????

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

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

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

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