Creative Agency Website From Scratch | HTML & CSS

[@josephwaters1]

Hey Brad! Just wanted to say a huge thanks, I started following your tutorials about 3 years ago after being stuck in dead end minimum wage jobs for 15 years and genuinely believing that's all I'd ever do. I'm now a full time developer at a small but very busy creative company and for the first time in my life I actually enjoy my work and no longer have constant anxiety over finances. You've genuinely helped change my life! Anyone else reading this trying to do the same, stick with this man's tutorials, it might take some time but it's 100% worth the effort! Thanks again!

[@TraversyMedia]

No problem! That's great to hear 🙂 Glad to help in any way

[@ryanspears3293]

This is amazing! Congrats on the career change! I've been at it now for 7 months and get worried sometimes that I will never grasp programming. But this comment just gave me a lift! Thank you so much to both of you!

[@josephwaters1]

@@ryanspears3293 @Ryan Spears Thanks so much! I definitely felt like that too at times, don't give up though! It might help to know too my interviewer told me a few months after starting i was the least experienced candidate by a long way, however being such a small team when looking for a junior dev they found most of the applicants they interviewed being fresh from university just didn't have the in-person social skills they were looking for to interact with the higher profile clients or even the team. It was just my years in retail and life experience that made me much more confident in the interview! Regardless of how experienced you are or feel don't assume anything about a job and just apply for everything you can, you just never know when things might actually go your way! Good luck to you!

[@CodingNuggets]

Joe, I know you haven't been on KZbin for a long time and don't have any videos pertaining to development, but I would love to see some content on your channel. I will definitely support you and would love to watch you grow along the way. Just want to give you some motivation! Also, congrats on the career change. It's wild how life can make a complete 180 and bring you more joy than you could ever have imagined.

[@andywong2244]

@@ryanspears3293 you got this buddy. Believe in yourself.

[@dexspits7869]

*I like how brad always treats us like a full beginner explaining little things have so much impact*

[@TraversyMedia]

I never notice the damn spelling mistakes until I upload lol. Sorry about that

[@abdogemi8510]

"helpos you"

[@cubedev4838]

Hello brad, ive been working on html and css for about 3 years, recently my boss give me project for design email template. Its quit annoying when i saw all the codes. Because i need to use table, tr, td only for layout. In email we cant just layout things like normally we did.This first time i saw something like this. Please make tutorial on this

[@hritikdj]

Another spelling mistake, LOL 😂😂

[@TraversyMedia]

@@cubedev4838 oh man, I have not used tables for layouts since maybe 2009. I'll add email templating to my list of planned content

[@TraversyMedia]

@@abdogemi8510 I was just being a smart ass because I had "helpo" in the project. I edited the comment though just in case some people don't notice, then I look like an even bigger idiot haha

[@morriszin4742]

In this world, brad is the valuable human being . I really love brad .

[@faboxbkn]

Hello! You have no idea how helpful was this tutorial to me. I have been studying separately HTML, CSS and JS for three months and now was time to put everything into the mix in order to create something. I didn't really know where to start until I came across your video. It's just amazing I have learnt a lot. Greetings from Chile.

[@kudakwashekadema4913]

Hey can we connect?

[@SonnyDelight]

I just want to say THANK YOU for this! I've just started this playlist, finished the CSS crash course and wanted to see what the latest upload was. I'm happy to see you're still updating this playlist. I am a Desktop Technician and have felt like I am at a dead-end job sometimes. This gives me hope that I'll eventually land a front-end dev job down the road. Cheers man!

[@CodingNuggets]

Brad, I'm so proud to say that I know you although we haven't spoken or met. I just can't thank you enough for all you have brought to the development community. You are such a legend and I just want to say thank you! Much love and respect my friend!

[@CodeProps]

Glad to see Brad more frequently on his channel XD, I learned React and Node from your Udemy courses.

[@AlanMeksikanac]

Thank you Brad! Yesterday I finished your old Html and Css tutorial, and I was looking for something like that again. Im a stay at home dad but start feeling like shit for not contributing financially to my family, and I see front end as a way out. Hello from Mexico

[@spiritual_bandit]

i started my developer career watching this man's videos......Thank you Brad for being an inspiration....God bless

[@aelfar7533]

I seriously don't need this tutorial, still gonna watch it, you always learn something new with Brad! Thanks

[@col0ssus]

Thank you so much for these kind of videos. You never disappoint, it's really great to see and hear you explaining everything.

[@TraversyMedia]

No problem :)

[@abubakaryasin8610]

Hey Brad ! You are a Hero! I'm a beginner in this field .You are a great mentor.

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@expertprestige4912]

It was a great video, followed the complete tutorial and now feeling much more confident with html and css.

[@ahmad-murery]

Thanks Brad, this is a great tutorial as usual, for .toggle.active rule you can use the background-image property only to change the image so you don't have to set the other background-* properties. I know you know that but wanted to mention it for others Thanks

[@SandPhys]

Thank you for creating this tutorial! It takes hours of MDN tutorials and synthesizes them into 90 minutes of quality content!

[@MarcMcRae]

Hey Brad, absolutely love your channel and style of sharing. You do some of THE best videos & I'm really grateful for how much I've learned here. Also what a pleasure learning at this pace, not assuming we know "stuff"..you're a star. Thank you!

[@derder80]

Back to the classic tutorials! Love it!

[@kevinvz5387]

An hour and a half video ? oh hell yeah 🔥

[@ademyildizcoding]

Yeah, it was a long video but I loved it. Your videos truly encourage me to become a web developer.

[@olgap.1718]

Good Job, Brad!!! What a great and intelligent man you are!! I Thank God for great people like you to help us to learn so many things that can help us to come true our dreams , and make this world a better place to live!!! Do not give up and keep doing it , and God Bless you!!!

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@ysccompany3367]

This is uncanny. Decided to check your YT channel out today and what?!?! a brand new video for the exact type of website I need!

[@swatantra15k]

I has learnt html and css from your coarses. THANKS A LOT BRAD🙂👍

[@anthonyrocha8688]

I know I'm jumping in a year later but thanks for all the help. Great tutorials!!

[@glorysonhorace3265]

I must say that Brad Traversy is the best tutor I've had. Thanks a lot. I really can't thank you enough

[@godspeed3149]

If you are reading this and learning React. Don't quit when you are at Forms and Form Validation. It gets easier!

[@aliemili2902]

You’re talking to me. 😁

[@lokesh3526]

Teach me plz

[@lokesh3526]

@Paul Maximus from freecode camp

[@godspeed3149]

@Paul Maximus boot camps or I recommend Traversy and Wes Bos. Freecodecamp is alright for react

[@sazz.g]

@Paul Maximus Scrimba has one off the planet course for free by Bob Ziroll. You can edit the video codes as you learn

[@piers132]

How did I forget about this page! - I’m back and not leaving!

[@denismakau544]

Thanks for this tutorial sir.. much love from Kenya 🔥

[@ArnoldWafula]

More LOVE from Kenya 🇰🇪. These tutorials are really amazing!!

[@geoffreyngugi6144]

Hi bro

[@ArnoldWafula]

@@geoffreyngugi6144 wassup

[@geoffreyngugi6144]

@@ArnoldWafula where are you located at. I bet your stack is JS

[@ketankshukla]

Jambo from a Kenyan in the USA!

[@Shuuke-l5w]

awesome really i did not see tutorial like this on in KZbin you deserve to be a guidance creator in this field i don't know what I'm saying I'm so excited thnks sir 100 times

[@djfago6240]

it's been a couple of months since i subscribed to your channel and i must say your way of teaching is amazing. your voice and explanation is TOP. I wish it was possible to contact you for some private online classes on html, css and java script.

[@ChrisHursty]

I vaguely remember you doing a tour of your basement/office a while ago. At around the 1:09 mark, if I had to guess, that's one of your kids running just above you! Another cracking video mate!

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@monciego]

Another awesome content!! Thanks brad!❤️

[@perkin524]

At the risk of making a terrible CSS pun, Brad - you are a class act. Thanks for this excellent tutorial.

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@godfreyndiritu369]

Brad is simply the best tutor. Thanks so much Brad.

[@TechWaltMD]

Great tutorial, great resource. I keep watching it and referring back to it even after I'm done.

[@sparkscomputerprogramming]

I really enjoy following along in this project

[@snayesotashe7472]

Brad you the best thing to ever happen in this tech 🙏🏾🙏🏾

[@universal4334]

You're providing great content for beginners 😘

[@TraversyMedia]

That's what I'm trying to do as well as help more advanced programmers that need CSS practice. CSS is it's own animal lol

[@hamidbakhtiari3986]

@@TraversyMedia awesome example

[@kyliegrass9026]

I love your content so much, this is better than university. I can pause and question or try any alternative, a round of applause! Thank you for these wonderful videos

[@alexkey9372]

Love your content! Even for us more advanced developers. It's always beneficial to go back to the basics!

[@nnwebdigital]

I love your HTML and CSS tutorial the most. Also, your HTML and CSS course on Udemy is awesome! Cheers, Nikola

[@gwalchmei]

Thanks so much for this - excellent tutorial! As a complete beginner, you're the best thing since sliced bread.

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@anonymouseverx]

What a surprise, Brad. Thank you so much.

[@amitp277]

This is simply awesome, thanks Brad!!

[@SniperGhost]

I am so grateful to this channel, that I subscribed with all my 5 alt accounts

[@wiecek00]

I am learning so much with this video, thank you mighty Brad! :)

[@andresgarciaalves]

1:11:02 -> Every second was worth it! Thank you 👏🏻👏🏻👏🏻

[@haroldw2823]

Nice work Brad, perfect pace and precise information delivery. I reckon you are the Bob Ross of Web Dev buddy. Thanks for doing these mate

[@aleksandraryan]

Thank you, just what I love to see 🙏

[@franciscogilt]

Brad, thank you very much. Following along with you is great, I learned a lot. Thank you.

[@НаташаЗуева-п7щ]

Great! Thank you very much. I enjoyed my time, remembering css - the only beginning of my work😀

[@surendrajain3817]

Awesome Project and i have also taken your html and css course

[@mcmurdostation7134]

How it's been so far, do you learned node, javascript or rails?

[@anabarragan2571]

Hello There, Thanks for sharing this tutorial. What is the difference between using the button element and an tag to style a button on a webpage? Why do some developers use the element while others prefer to use ?

[@topujss]

You need more study bout html css. these are basics

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@alessandrogiuzio]

Hi Brad, thank you very much for your tutorials, i am between jobs, i just started the path to became a developer. You are very helpful.

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@javirbls8492]

Hey Brad I love your tutorials! Greetings from Spain

[@blessingchristian6856]

Thank you so much Brad. It was an interesting one but just want to ask, what's the secret behind CSS precedence, because I observed you were styling in a certain order. How do you know when a certain class or id or element should come before the other?

[@nurullokhuvaidullaev9684]

Awesome as always ⚡ Thanks, Brad🙌🏻

[@amankaushik5833]

Nice video as always!! btw which theme are you using Brad?

[@yevgenzarva8820]

Tailwind is getting more and more popular. Could we get a video on that ?

[@TraversyMedia]

Yes, after my Next.js Course is complete, I am doing a Tailwind Udemy course and when I do a Udemy course, I usually do a few youtube videos as well.

[@lbobrov]

Brad, the num of your channel's subscribers is increasing... that's nice 2C... keep on the good work :)

[@sayansarkar5242]

Your contents are so good... So much to learn .. Thank You

[@RianY2K]

Thank you brad, good tutorial and very useful for sharpening css skills. And your VS Code theme look beautiful, maybe you can try "Mayukai Theme" for better syntax coloring. :)

[@engineersagro]

Great! I am learning so much with this video, thank you so much mighty Brad ❤

[@crazydev.2634]

You always come up with great content, much love 💓

[@habib97se]

Thank you for this video, in 1h video, I learnt more from you than what my teacher thought me in 5 months :p

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@ahmad-murery]

Hello Brad, as an alternative solution for toggling the nav menu on and off without using JS, - first we add tabindex="0" to the toggle div to make it accept focus, - replace .toggle.active rule with .toggle:focus - replace .navigation.active rule with .navigation:focus-within, .toggle:focus ~ .navigation (the first rule is to prevent hiding the menu when toggle button lost the focus, the second one is to show the menu if toggle got focused) I learned that from you one way or another Regards

[@Licia1318]

This is like gold to me. Thanks!

[@peoplearecool8766]

Brad please make some project tutorial with ES6 modules, where you explain basic workflow how to structure project folders and files and how to use module import exports, maybe with parcel or webpack will be useful too. In theory use of modules seems easy but in medium size projects it is kind of tricky, for example whit DOM manipulation - you can't access DOM elements in modules which you only import things and so on...

[@codingwithfazley]

This dude is a legend no doubt 🔥

[@003_abhishekbhattacharjee3]

Thanks a lot for the project ! Learned a great deal about planning out the content and designing it by carefully assigning the classes. :-)

[@cromuelbarut9859]

I owe this man my career, after learning web development for 8 months from him, now I got hired as fulltime web developer even though I'm still a college student I learned fullstack MERN and Next JS from him 💙

[@vitragvasa5392]

bro can you please tell me that whtat is your salary as a junior full stack developer? it will be really helpful! Thank you

[@ccbt.academy]

Richtig gute Erklärung! Vielen Dank dafür!

[@simple8810]

Brad Is the best ultra blessing😍

[@pygemssoftware4254]

Thanks to you and several other developers/ teachers I am on on course to launching my first app in few months. Having benefitted from your videos and GitHub projects ( have used snippets of code from your and several sources) I will be allocating in principal shares / profits. As of now and in near future these will be worth trash. But potential is high esp for long list of innovative apps in pipeline. Will contact you when I need to transfer your share of profit. Hoping for long vrun online cooperation in future

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@uiuxengineer]

Thanks for great content, Brad! 💙

[@tahmash5299]

I always love doing your tutorials! So much fun! 😎 What's the new color theme you're using?

[@LGseeker]

Another great video, thanks Brad!

[@mdbicky9460]

thanks brad for this beautiful project 😍😍

[@fabriziofilograna6498]

Thanks Brad, nice one!

[@marynarooimans8502]

Everything is clear!!! Thank you very much! I need your advice. Which of video should I watch to understand how to create websites for collection information from people. For example site for IT recruitment, with possibilities to leave contacts, answer questionarie. A kind of with data analysis. Or study websites with possibilities to change results from tests and so on. Honestly speaking I'm completely lost. Is it Java or the other thing. Help please

[@mosescodes3677]

We love your content sir. Thank you so much

[@abdihakimguliye8207]

thanks brad. i enjoyed your lessons

[@sistemofe]

Greetings from Turkey, Brad. It was helpful, ty

[@amerrashed6287]

Good revision of the basics . Thanks Brad. We'd like to add some tweaks to increase the performance & speed of loading this website. Is it a good idea?!

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@wirawardhana8573]

I learned a lot of website design from Brad, please make this with React JS with hooks 😁

[@shubhamujjwal328]

Thank You Brad 🤗 may god bless you with peace of mind.

[@KylePrinsloo]

Practical and helpful! Great learning project. Thanks man

[@theextramile7438]

Brad, you are the best! Thank you.

[@TheMetalMag]

always a pleasure to see your videos!

[@kankit08]

Thankyou Traversy Media for this amazing video.

[@TruzzBlogg]

*God bless you Brad!* Legend! Respect!

[@erikpavlusik6214]

As always, your words are gold to me

[@jonathonkiner7415]

Pretty nice styling! Where'd you get those icons I wonder.

[@Dr.Kananga]

Awesome tutorial, thanks for explaining us step by step how to do it. In the Work page, how do I expand the window when I click on it to show a specific project?

[@dannybrown365]

You make great contents 🙌🏼

[@kostasp.255]

hello sir! great tutorial for begginers!!! what prettier settings do you have??

[@arjunp3574]

Thanks Brad,for your content and dedication

[@traversybrad3644]

*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*

[@arjunp3574]

🔥🔥❤️❤️

[@MentorMode]

Hi, Brad. Great tutorial! Just wanted to know what theme you were using. It looks cool.

[@denhamk]

just the video I was looking for!! Ignore my comment on a previous page asking for one lol.

[@aliazgarrakib3139]

Thanks, Brad For This. You are great as usual. But When I click any part of my DOM or click any button, show the Menu bar. I figured out why it's happened and also fixed it. I change javascript a little bit. javascript code ######## const toggle = document.querySelector('.toggle'); const navigation = document.querySelector('.navigation'); const multiEvent = [toggle, navigation]; multiEvent.forEach(item => { item.addEventListener('click', () => { toggle.classList.toggle('active'); navigation.classList.toggle('active') }) }) #########