HTML CSS Resume | Beginner Project

Поделиться
HTML-код
  • Опубликовано: 9 сен 2024
  • Today we are going to create a Resume using only HTML & CSS. This will be completely responsive. In this video, we will see how to create a layout using flex and grid and how to make it responsive. Hope you guys will like it.
    ♥ Support the Content Creator:
    ☕ Buy Me A Coffee: www.buymeacoff...
    🔔subscribe and turn on the notification bell
    👉 source code: github.com/Sha...
    👉 Live Preview: html-css-resum...
    Follow Shaif Arfan 👇👇
    Instagram: / shaifarfan08
    Facebook: / fb.shaifarfan08
    Twitter: / shaifarfan08
    ▶ Also Watch :
    HTML CSS Portfolio Project: • HTML CSS Portfolio Pro...
    One Page HTML & CSS Project: • One Page Full Website ...
    HTML & CSS Landing Page : • HTML & CSS Website Lan...
    Mini Project for HTML & CSS : • Responsive Website Wit...
    How To Make A WordPress website: • How To Make A Professi...
    ▶ Some useful Playlist :
    HTML & CSS: • HTML & CSS
    Vanilla JavaScript : • Vanilla JavaScript
    Frontend Mentor Challenges: • Frontend Mentor Challe...
    30days30submits Challenge: • 30days30submits
    🌐 Join The Community :
    Our website : webcifar.com/
    Facebook Page : / webcifar
    Facebook group : bit.ly/fb-group...
    Instagram : / cifarx
    twitter : / webcifar
    Github: github.com/Web... & github.com/sha...
    #webcifar #html #css

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

  • @aperson5399
    @aperson5399 5 часов назад

    Thank you for making this video. Appreciate people like you take the time to teach others.

  • @user-sd1dy4oq6z
    @user-sd1dy4oq6z 5 месяцев назад +1

    Thank you Shaif...it's really nice and clearly explain.I tried it and create my own.

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

    Beautiful resume, and a great tutorial! Really helped me with learning the fundamentals of using HTML and CSS together!

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

      Glad you enjoyed it!

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

    Thank u So much!! This was reaaaaally helpful

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

    To good👍👍

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

      Thanks

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

      @@webcifar Hii,
      I'm a web designer....You can outsourcing with me if you want...I'll doing freelancing on out of marketplace with you.. If you want..... 👇👇👇👇👇👇

  • @vodafoncash9559
    @vodafoncash9559 Год назад +2

    Hello, I wish you good luck and success.
    I have two questions
    What is the name of the music used in the beginning
    And how did you make this ad video in the beginning, if you please

  • @chellosoccer
    @chellosoccer Год назад +2

    Shaif! Thank you so much for this. I needed to make something quick and easy yet I wanted to look good, this is exactly that.

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

    Very helpful video thank you so much i from Pakistan

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

    Thank you for the smooth tutorial. God bless you

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

    salaam alaeiikum shaif bhai...............I am an aspiring learner, but i need you to explain the DOM while defining the containers because its very confusing for a beginner to understand why you are defining that many

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

    Thank you very much for this job!

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

    Nice

  • @chukwumamaduabuchukwu9291
    @chukwumamaduabuchukwu9291 4 дня назад

    Please how do i move experience to the right column instead of it being below certification?

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

    Thank you for the video!

  • @5555Elenka
    @5555Elenka 2 года назад +2

    🤗🤗🤗❣👍

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

    Awesome my resume looks great! Do you think you could add a dark mode and light mode to this tutorial?

  • @10013paul
    @10013paul Год назад +6

    Hi thanks for the video but how did you convert that
    Resume into PDF?!

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

      He kept PDF file

  • @user-bf7lj2pn9h
    @user-bf7lj2pn9h 11 месяцев назад

    thank you very much, Shaif. I have a problem that all elements come in one column.

  • @mrdinnu9732
    @mrdinnu9732 2 года назад +9

    But finally bro how do you convert that
    Resume into PDF 🤔🤔🤔🤔🤔

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

      exactly my question

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

      Same here?

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

      @@mihawk5668 you can press alt + print (shortcut to print) bro

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

      @@mrdinnu9732 Thanks. Additional. Can also change setting for background during saving.

    • @pariahir6261
      @pariahir6261 11 месяцев назад

      there is download button in resume is directly open in local host as a pdf

  • @JG-si9qt
    @JG-si9qt Год назад +1

    Hi I had a question, Everything seems to be working correctly, but for some reason my Image is not being put to the right side of the title. I know we are using grid right now but do you know what that is? i did use the 1/-1 ,but i am not sure what it happening. Also the icons are not showing for me, they do for a split second then disappear.
    any idea? I am also using razor pages as i was trying to develop it using C# later.
    Thank you!

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

    Awesome Shaif!! 😊Great content for learning!!😊 Keep posting!!😊

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

    thanks sir

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

    Please, show how to build super fancy next js blog with sanity;)

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

      Thanks for the idea! Hopefully we will. But also, you can check out the Gatsby + sanity blog project. ruclips.net/p/PLRv_Gd5w9e7miD-rZTzTFi8mFSCI5chXI

  • @IIPetite
    @IIPetite Год назад +3

    My group 2 wont go on the right it goes to the bottom of the page. any help.

    • @nichscarvelli1762
      @nichscarvelli1762 18 дней назад

      hello I have the same issue, have you solved it?

  • @rajolisrinivass.v.degreeco8231
    @rajolisrinivass.v.degreeco8231 Год назад +1

    How to put pdf in CV.pdf and how to get download that pdf

  • @llQuietyoull
    @llQuietyoull Год назад +2

    I started coding 2 months ago...I feel so inferior 😭😭😭😭

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

    👍

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

    how do i download these file to pdf print is showing me two page and its not clear please do somthin about these

  • @rajolisrinivass.v.degreeco8231
    @rajolisrinivass.v.degreeco8231 Год назад +1

    Download button is not working

  • @rajolisrinivass.v.degreeco8231
    @rajolisrinivass.v.degreeco8231 Год назад +1

    What to write in cv.pdf

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

    vai amader jonno maje maje kicu bangla Tutorial diyen

  • @dhruvgautam9093
    @dhruvgautam9093 10 месяцев назад +1

    hlw sir my expericence group 2 and group 3 bhi left side pe bellow certification hi jaa rahe hai how to solve in right side plese help

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

    how to connect social network icons?

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

    when i click on the downloadBtn the pdf format is not opening its showing " Failed to load pdf format " i've given src cv.pdf only. please give solution for converting in to pdf

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

      Check the path of the PDF, and provide the correct path. If the PDF in the root directory, then use './cv.pdf'.

  • @shivamjha2877
    @shivamjha2877 11 месяцев назад

    code link

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

    🔔subscribe and turn on the notification bell.
    👉 Website: webcifar.com
    👉 Facebook group : facebook.com/groups/webcifar
    👉 Instagram : instagram.com/cifarX/

    • @sayyidnaeemulhaqm.k8966
      @sayyidnaeemulhaqm.k8966 Год назад

      plz i need a help .I maked Resume but at time of print 5 pages coming.....How to print that Resume in one page Any height and width for A4?

  • @ThatBlob-jh5gn
    @ThatBlob-jh5gn 11 месяцев назад +1

    This was good content however you are waaaay to fast for someone who is a beginner. Also some explanations fall short, unfortunately. I greatly appreciate this though!

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

    Salam alaikom, i send you email, i need your help please, i have to finish my project before 18/07/2022