How to Create Responsive Resume Website using HTML and CSS

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

Рет қаралды 534,393

3 жыл бұрын

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

Пікірлер: 269

@OnlineTutorialsYT 11 ай бұрын

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 2 жыл бұрын

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!

@codingwithkenny6492 3 жыл бұрын

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

@1236chrissy 2 жыл бұрын

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

@codersujit5427 3 жыл бұрын

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

@codeitraw5241 2 жыл бұрын

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 2 жыл бұрын

good idea. I'll do the same

@codeitraw5241 2 жыл бұрын

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

@ramospaulbryan1245 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 2 жыл бұрын

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

@mohammedeiman9198 2 жыл бұрын

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

@winter6846 2 жыл бұрын

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

@nerdygeek9865 2 жыл бұрын

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!

@TheLastLogicalOne 2 жыл бұрын

A little you say.

@enma6051 Жыл бұрын

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

@danderu1494 3 жыл бұрын

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

@rodrigobarbieri1312 2 жыл бұрын

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

@caiokleiner1275 2 жыл бұрын

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

@alejandrofernandez2811 Жыл бұрын

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

@prakharsoni6406 3 жыл бұрын

first! super amazing

@VanessaJimen3z 3 жыл бұрын

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

@iamadnangaming 2 жыл бұрын

Please send the code

@leongroschek2008 2 жыл бұрын

please send the code

@hasnakalady9686 2 жыл бұрын

can u pls send the code?

@franciscoriveragil5031 Жыл бұрын

puedes enviar el código?

@diegotejeda8999 Жыл бұрын

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

@montech78 2 жыл бұрын

You're really making best CSS tuts

@andresgonzalez1475 Жыл бұрын

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

@pwrgaming2466 3 жыл бұрын

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

@prakharsoni6406 3 жыл бұрын

Thanks! This is really helpful

@danarghulamsyah4476 3 жыл бұрын

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

@rvft 3 жыл бұрын

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 Жыл бұрын

tek deyilem burda )

@rvft Жыл бұрын

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

@chairilaliart 3 жыл бұрын

This is what i waiting for😊

@jalfmendonca 3 жыл бұрын

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 9 ай бұрын

for example which?

@konrad2777 Жыл бұрын

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

@guryashzone 3 жыл бұрын

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

@czarekk8858 3 жыл бұрын

fajny poradnik = nice tutorial

@viggafrantzen5294 9 ай бұрын

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

@xerxesdiaries545 3 жыл бұрын

You are great sir! Keep it up! :)

@user-ew8sn1fy7k Жыл бұрын

Incredible video, thank you so much!

@mohammadfauzi6167 3 жыл бұрын

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

@joaoluiz0102 2 жыл бұрын

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

@SaryShleweet 9 ай бұрын

Thank you for this instructive tutorial and pretty CV!!

@list2543 3 жыл бұрын

Top Design after long time

@ngetichishmael 3 жыл бұрын

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

@ankushdubey3185 2 жыл бұрын

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

@lucastadeuvieiramouradesan5050 Жыл бұрын

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

@jhred3315 2 жыл бұрын

Thank you for so great tutorial!

@SPARTAN8746 2 жыл бұрын

Excellent video, man!

@guryashzone 3 жыл бұрын

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

@TRUkae 2 ай бұрын

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

@ukrainemusicjam4742 2 жыл бұрын

Thank you very much! Super helpfu video! :)

@nterratv Жыл бұрын

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

@manasmj Жыл бұрын

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

@ignatnikitenko3808 Жыл бұрын

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

@mihaioprea9398 Жыл бұрын

Great video, looks amazing!

@pierremarieturpin6983 2 жыл бұрын

You are the best. Thank you

@mdhossen7082 3 жыл бұрын

ASSALAMUALAIKUM ,SIR,THIS VIDEO IS VARY NIC

@mental0016 2 жыл бұрын

Wasalam,and its nice not nic

@JustForfun-hz8zm 2 жыл бұрын

Not nicer than your English though 😂

@saswatpradhan5844 3 жыл бұрын

Bro you are the programming God. Love you.

@adairabrigo451 Жыл бұрын

Eres un crack, muchas gracias. Saludos desde Ecuador

@hamidlafiesta1767 4 ай бұрын

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

@latifaakhoudam7385 Жыл бұрын

Sei un grande!!!!!! Grazieeeeeeee

@lgiardili Жыл бұрын

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

@contentcreators4432 Жыл бұрын

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

@mohammedazimshaikh3053 2 жыл бұрын

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

@solaire4948 2 жыл бұрын

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.

@playtime909 3 жыл бұрын

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

@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

@oleggumush480 2 жыл бұрын

Crazy tutorial!!! Tnx

@dammie_dy7010 9 ай бұрын

successfully did it, tysm!

@lyessaadoudi8386 Жыл бұрын

Exellent work ,thank you

@AfrWorldMedia 2 жыл бұрын

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

@ezequielmorales8115 2 жыл бұрын

Very helpful ! thanks

@freecloudtools809 2 жыл бұрын

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

@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

@luisangelrianocalixto7560 3 жыл бұрын

perfecto, muchas gracias

@ritvikbuxi9445 3 жыл бұрын

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

@OnlineTutorialsYT 3 жыл бұрын

❤️

@ritvikbuxi9445 3 жыл бұрын

Thanks

@creativetutorial69 3 жыл бұрын

Thanks bro love you

@creativetutorial69 3 жыл бұрын

Bro can you make website with full of creative

@jaiprakashbairagi6770 3 жыл бұрын

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

@sadiquehusain4253 3 жыл бұрын

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

@JuanRamos-zk8yf 3 ай бұрын

Gracias, muy bien explicado.

@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 Жыл бұрын

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

@edwardcarlojubay9355 2 жыл бұрын

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

@StaticBlaster Жыл бұрын

Awesome project!

@artemkamyshenkov3492 2 жыл бұрын

Thank you very much!!

@RUBEMDESB 2 жыл бұрын

Very nice man. Tks

@Men_To_Millionaire 11 ай бұрын

Great Project

@unargentinoquepiensa7428 2 жыл бұрын

what font do you use in the video?

@JohnDoe-rj9oy Жыл бұрын

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

@TheYazoone 7 ай бұрын

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

@EmanuelFrenchel Жыл бұрын

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

@user-yf1mb2cv6y Жыл бұрын

What is the theme of the VS code?

@Aj-bw5rm 4 ай бұрын

Assalam o alaikum awesome 👌 thank you so much

@bharaths2646 5 күн бұрын

wonderfull video

@nadunmadawala5478 Жыл бұрын

Thank you so much❤

@shahbaziqbal8057 Жыл бұрын

It is an amazing CV templet I made it

@muratkarabulut6419 2 жыл бұрын

hello where can i get a copy of the codes

@himanshiagrawal4019 3 жыл бұрын

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

@leagueofscythe7143 Жыл бұрын

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

@nickp4872 2 жыл бұрын

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 2 жыл бұрын

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

@nickp4872 2 жыл бұрын

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