Creative Agency Website From Scratch | HTML & CSS

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

[@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*

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

[@ademyildizcoding]

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

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

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

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

[@sparkscomputerprogramming]

I really enjoy following along in this project

[@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).🇺🇸❤️,:*

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

[@glorysonhorace3265]

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

[@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?

[@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).🇺🇸❤️,:*

[@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?

[@snayesotashe7472]

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

[@TechWaltMD]

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

[@amankaushik5833]

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

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

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

[@skoomamuch356]

what VS color theme is that?

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

[@shubhamujjwal328]

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

[@denhamk]

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

[@mosescodes3677]

We love your content sir. Thank you so much

[@fabriziofilograna6498]

Thanks Brad, nice one!

[@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. :-)

[@banglabeastfr]

You are a boss bro. Love you from Bangladesh

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

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

[@LGseeker]

Another great video, thanks Brad!

[@muhammadsajid9520]

Sir Make a video on how to code like professionals in Frontend dev or how to write readable code.

[@MentorMode]

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

[@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).🇺🇸❤️,:*

[@TheMeaningofHaste]

Very informative, thank you

[@learningislife2934]

Grate sir form India Practice make a man perfect

[@Minzalin]

Thanks Brad!

[@_moxy9905]

I think you should do this in SASS instead of standar CSS. Btw great job!!!

[@armanahmed4806]

Hi Brad you promise in ur django course that you'll make a separate video for its frontend in bootstrap in your channel it's been years nd years plz make it using bootstrap 5

[@traversybrad3644]

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

[@bullz3718]

Thanks this was great!

[@abdulkareemaldeek8135]

I love you Bro, Thanks for every thing!

[@AfrasiabAhmadSU__O_OO_OO]

what color theme are you using for your editor in this video

[@sallabou3903]

Thank you Brad ❤

[@massimehrkhah607]

Beautiful. Thanks.

[@georgegeorgio70]

Love your content, I have learned so much from your videos, btw what is the name of the theme you're using?

[@am1n_dlt682]

Great tutorial as always

[@traversybrad3644]

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

[@samcodes2912]

Great content as usual 👍

[@victorfelizardoviageiro8438]

Great Tutorial as always! Can you do the same project using Sass, with new property such as use and usefoward?

[@vitughost6778]

From where you collect images and icons for a website? Thanks

[@sweetiei.8403]

Amazing tutorial! Thank you so much. I have a question regarding responsive design on very very small screen devices like 360x640: on HOME page the agency name is almost overlapping the main text. What would be the best suggestion to make it look nice? )) thank in advance

[@thinkbot3009]

At time 25.25 border is made to 0 of the .btn class but I did not found any border when i tried to inspect it

[@Ro19975]

can any one say what theme he is using

[@danko95bgd]

Hi and thanks for all your work. Just wanted to ask if you have considered doing a Keycloak video at some point? It's authentication & authorization & user account managment system (like Auth0 etc but self hosted). Ideally it would be nice to create some sort of a basic js web todo like app with basic roles/permissions/scopes, calling a backend service. There are no good videos at all about this, and i would even pay for a small course. Anyway thanks again for your time.

[@mohitsinghrathore1188]

Thanku so much for this video.

[@raphaeljaggerd3585]

Where can i get more images like the one you have for the services?

[@Newton_trades]

Am having trouble with .contact { Position: relative; Width: 100%; Margin-top: 50px; Display: flex; Justify-content: space-between; } justify-content: space-between; with the contact & contact-form containner. Please someone help me out, mine is not responding to css commands. 😥

[@Shv-ib9gq]

Hey brad Can you make drupal 8 tutorials ? You are kind of teaching is sooo good And there are no tutorials on KZbin also

[@ecode5225]

Huge thanks!

[@Sawk-cy7wz]

14:00 why do do you change the images height to 110%?

[@QQ-wv3gz]

Nice seems you are enjoying html and css

[@sergeichwelcome]

Hey, thanks for your great work! What's the color theme you're using?

[@aamirusertablet852]

Best of the Best

[@tyson1019]

Good one👌

[@onewayshruti4299]

Thankyou so much!

[@sirjohn2924]

Thanks Brad ;)

[@majedulislam4982]

What about the CSS if the website is more than a thousand pages. Is there any structure for maintaining the CSS code for the future?

[@wynnemoyo9736]

Thank you.

[@muhammadsajid9520]

Great content

[@nishantkumar6960]

I love you, Brad ❤️🥰😍😘🤩🤩💖💕😁😁😁

[@MrMrbannanapants]

Anyway you could give us an idea of how long this took to mockup and get initial styling for? Did you spitball the css on the go or did you do this up once or twice beforehand? Thanks for the great video as always Brad.

[@Kevin-jc1fx]

Excellent video Brad. Thanks a lot for such awesome content. Does anyone know where I can find dowloadable designs to practice? I mean like the files the UI/UX designers will hand you when working in a team. There are interesting examples on Dribbble and Behance but apparently there are just images and videos but not the actual assets to download. Thanks in advance for any reply.

[@traversybrad3644]

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

[@pranavvenkata475]

Can somebody please explain why the home-img has height set to 110%? When I remove height:110% the width also increases?

[@harshityaduka7491]

Hey brad. I need a help. while doing the js for the toggle, for some reason, when i load the static index.html, it loads with the navigation as active every time. can u help me here

[@traversybrad3644]

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

[@harshityaduka7491]

@@traversybrad3644 thanks i have contacted you with the problem:)))

[@alex_angri]

Which vs code font theme extension do you use?

[@traversybrad3644]

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

[@okutewonah9003]

Bookmarks on point

[@sandeepsinghnegi9220]

thanks

[@johnscabintech]

Hey all, I have been watching a few of these videos but not found one which has spam protection on the contact form? Has anyone made this website and add spam protection to the contact form?

[@traversybrad3644]

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

[@HananiShortcut]

Good job

[@streamx2]

Is this mobile first?

[@tawsifhaque9360]

i'll use bootstrap for stuff like this for the rest of my life, literally

[@robertapostoiu2272]

We use the same desktop background ;o

[@mervyndeanhilary2831]

brad i asked a question, you still havet answered me.. i had issues i the css video with aligning text in the middle

[@traversybrad3644]

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

[@boiyouaintshootingsht5678]

Make an updated angular course plzzzz This video is amazing btw

[@morriszin4742]

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

[@CodeProps]

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

[@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 :)

[@hamidbakhtiari3986]

ANYONE KNOWS THE THEME?

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

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

[@kevinvz5387]

An hour and a half video ? oh hell yeah 🔥

[@monciego]

Another awesome content!! Thanks brad!❤️

[@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).🇺🇸❤️,:*

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

[@aleksandraryan]

Thank you, just what I love to see 🙏

[@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. :)

[@TravellingWithAbhay]

Hi brad watch lots of your tutorial on web development have you any future plan for app development like react native tutorial full course on udemy etc i am looking for it from long time please make tutorial for app development also please reply if you have any plan for react native course

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