Creative Agency Website From Scratch

Creative Agency Website From Scratch | HTML & CSS

Рет қаралды 177,286

Күн бұрын

We will build a responsive website using HTML/CSS and look at things like positioning, flexbox, CSS Grid basics, and media queries
Code & Images:
github.com/bradtraversy/creat...
Latest Udemy Courses:
traversymedia.com
💖 Support The Channel!
/ traversymedia
Timestamps:
0:00 - Intro
2:47 - Homepage HTML
8:52 - Homepage CSS
21:02 - Toggle & Navigation CSS
34:11 - JavaScript Toggle
38:09 - Media Queries
41:00 - Services HTML
46:40 - Services CSS
53:30 - Work HTML
56:30 - Work CSS
1:03:56 - Contact HTML
1:10:49 - Contact CSS

Пікірлер: 354

@TraversyMedia 3 жыл бұрын

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

@abdogemi8510 3 жыл бұрын

"helpos you"

@cubedev4838 3 жыл бұрын

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

Another spelling mistake, LOL 😂😂

@TraversyMedia 3 жыл бұрын

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

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

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

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

@ryanspears3293 3 жыл бұрын

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

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

Joe, I know you haven't been on KZfaq 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 3 жыл бұрын

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

@dexspits7869 3 жыл бұрын

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

@morriszin4742 3 жыл бұрын

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

@SonnyDelight 3 жыл бұрын

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!

@CodeProps 3 жыл бұрын

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

@CodingNuggets 3 жыл бұрын

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!

@faboxbkn 3 жыл бұрын

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

Hey can we connect?

@SandPhys 3 жыл бұрын

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

@aelfar7533 3 жыл бұрын

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

@MarcMcRae 3 жыл бұрын

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!

@monciego 3 жыл бұрын

Another awesome content!! Thanks brad!❤️

@glorysonhorace3265 3 жыл бұрын

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

@AlanMeksikanac 3 жыл бұрын

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

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

@alexkey9372 3 жыл бұрын

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

@derder80 3 жыл бұрын

Back to the classic tutorials! Love it!

@aleksandraryan 3 жыл бұрын

Thank you, just what I love to see 🙏

@wiecek00 3 жыл бұрын

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

@kevinvz5387 3 жыл бұрын

An hour and a half video ? oh hell yeah 🔥

@col0ssus 3 жыл бұрын

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

@TraversyMedia 3 жыл бұрын

No problem :)

@kyliegrass9026 2 жыл бұрын

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

@ysccompany3367 3 жыл бұрын

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!

@swatantra3298 3 жыл бұрын

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

@nurullokhuvaidullaev9684 3 жыл бұрын

Awesome as always ⚡ Thanks, Brad🙌🏻

@TechWaltMD 2 жыл бұрын

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

@amitp277 3 жыл бұрын

This is simply awesome, thanks Brad!!

@user-dp6bq4mv1g 3 жыл бұрын

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

@abubakaryasin8610 3 жыл бұрын

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

@traversybrad3644 3 жыл бұрын

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

@crazydev.2634 3 жыл бұрын

You always come up with great content, much love 💓

@uiuxengineer 3 жыл бұрын

Thanks for great content, Brad! 💙

@ahmad-murery 3 жыл бұрын

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

@ademyildizcoding 3 жыл бұрын

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

@expertprestige4912 11 ай бұрын

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

@engineersagro 3 жыл бұрын

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

@anonymouseverx 3 жыл бұрын

What a surprise, Brad. Thank you so much.

@franciscogilt 3 жыл бұрын

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

@Licia1318 3 жыл бұрын

This is like gold to me. Thanks!

@olgap.1718 3 жыл бұрын

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

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

@godfreyndiritu369 3 жыл бұрын

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

@haroldw2823 3 жыл бұрын

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

@snayesotashe7472 3 жыл бұрын

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

@gwalchmei 3 жыл бұрын

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

@traversybrad3644 3 жыл бұрын

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

@codingwithfazley 3 жыл бұрын

This dude is a legend no doubt 🔥

@erikpavlusik6214 3 жыл бұрын

As always, your words are gold to me

@mosescodes3677 3 жыл бұрын

We love your content sir. Thank you so much

@KylePrinsloo 3 жыл бұрын

Practical and helpful! Great learning project. Thanks man

@theextramile7438 3 жыл бұрын

Brad, you are the best! Thank you.

@003_abhishekbhattacharjee3 3 жыл бұрын

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

@javirbls8492 3 жыл бұрын

Hey Brad I love your tutorials! Greetings from Spain

@nouralihassan2482 3 жыл бұрын

awesome really i did not see tutorial like this on in KZfaq 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

@sistemofe 3 жыл бұрын

Greetings from Turkey, Brad. It was helpful, ty

@nnwebdigital 3 жыл бұрын

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

@sparkscomputerprogramming Жыл бұрын

I really enjoy following along in this project

@LGseeker 3 жыл бұрын

Another great video, thanks Brad!

@andresgarciaalves 3 жыл бұрын

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

@ChrisHursty 3 жыл бұрын

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

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

@simple8810 3 жыл бұрын

Brad Is the best ultra blessing😍

@abdihakimguliye8207 2 жыл бұрын

thanks brad. i enjoyed your lessons

@anthonyrocha8688 Жыл бұрын

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

@dannybrown365 3 жыл бұрын

You make great contents 🙌🏼

@sayansarkar5242 2 жыл бұрын

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

@lbobrov 3 жыл бұрын

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

@fabriziofilograna6498 3 жыл бұрын

Thanks Brad, nice one!

@piers132 2 жыл бұрын

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

@denismakau544 3 жыл бұрын

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

@ArnoldWafula 3 жыл бұрын

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

@geoffreyngugi6144 3 жыл бұрын

Hi bro

@ArnoldWafula 3 жыл бұрын

@@geoffreyngugi6144 wassup

@geoffreyngugi6144 3 жыл бұрын

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

@ketankshukla 3 жыл бұрын

Jambo from a Kenyan in the USA!

@mdbicky9460 2 жыл бұрын

thanks brad for this beautiful project 😍😍

@ccbt.academy 2 жыл бұрын

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

@surendrajain3817 3 жыл бұрын

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

@mcmurdostation7134 3 жыл бұрын

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

@perkin524 3 жыл бұрын

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

@traversybrad3644 3 жыл бұрын

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

@shubhamujjwal328 2 жыл бұрын

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

@kankit08 3 жыл бұрын

Thankyou Traversy Media for this amazing video.

@kulea6208 3 жыл бұрын

Thank You so very much for this. You are the Best!

@SniperGhost 3 жыл бұрын

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

@universal4334 3 жыл бұрын

You're providing great content for beginners 😘

@TraversyMedia 3 жыл бұрын

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

@@TraversyMedia awesome example

@TruzzBlogg 3 жыл бұрын

*God bless you Brad!* Legend! Respect!

@TheMeaningofHaste 3 жыл бұрын

Very informative, thank you

@TheMetalMag 3 жыл бұрын

always a pleasure to see your videos!

@Minzalin 3 жыл бұрын

Thanks Brad!

@yYggdtyy5433 3 жыл бұрын

Nice video as always. Thanks!

@habib97se 3 жыл бұрын

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

@traversybrad3644 3 жыл бұрын

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

@sallabou3903 3 жыл бұрын

Thank you Brad ❤

@diegoraffa4324 3 жыл бұрын

Awesome Brad 😁

@tahmash5299 3 жыл бұрын

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

@2005Azm 3 жыл бұрын

Thank you Brad !

@abdulkareemaldeek8135 3 жыл бұрын

I love you Bro, Thanks for every thing!

@kunal9079 3 жыл бұрын

Thanks again ❤️ hoping to see some tutorials on php and ci4 .

@carlosmillanmazzucco1766 3 жыл бұрын

thanks for the video! very helpoful

@alessandrogiuzio 3 жыл бұрын

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

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

@bullz3718 3 жыл бұрын

Thanks this was great!

@arnoldmoeketsi3042 3 жыл бұрын

I love you brooo.... keep up the good work

@massimehrkhah607 2 жыл бұрын

Beautiful. Thanks.

@banglabeastfr 2 жыл бұрын

You are a boss bro. Love you from Bangladesh

@kojo_shaddy 3 жыл бұрын

Traversy, the best 🔥🔥

@samcodes2912 3 жыл бұрын

Great content as usual 👍

@RianY2K 3 жыл бұрын

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

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