Creative Agency Website From Scratch | HTML & CSS

Подписаться 2,3 млн

Просмотров 177 тыс.

50% 1

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

Наука

Опубликовано:

3 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 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 RU-vid 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!

@derder80 3 года назад

Back to the classic tutorials! Love it!

@monciego 3 года назад

Another awesome content!! Thanks brad!❤️

@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

@kevinvz5387 3 года назад

An hour and a half video ? oh hell yeah 🔥

@spiritual_bandit 3 года назад

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

@aleksandraryan 3 года назад

Thank you, just what I love to see 🙏

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

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

@alexkey9372 3 года назад

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

@amitp277 3 года назад

This is simply awesome, thanks Brad!!

@anonymouseverx 3 года назад

What a surprise, Brad. Thank you so much.

@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

@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

@wiecek00 3 года назад

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

@uiuxengineer 3 года назад

Thanks for great content, Brad! 💙

@nurullokhuvaidullaev9684 3 года назад

Awesome as always ⚡ Thanks, Brad🙌🏻

@Licia1318 3 года назад

This is like gold to me. Thanks!

@swatantra3298 3 года назад

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

@TechWaltMD 2 года назад

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

@user-dp6bq4mv1g 3 года назад

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

@franciscogilt 3 года назад

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

@godfreyndiritu369 3 года назад

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

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

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

@codingwithfazley 3 года назад

This dude is a legend no doubt 🔥

@crazydev.2634 3 года назад

You always come up with great content, much love 💓

@snayesotashe7472 3 года назад

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

@abdihakimguliye8207 2 года назад

thanks brad. i enjoyed your lessons

@sparkscomputerprogramming Год назад

I really enjoy following along in this project

@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

@ademyildizcoding 3 года назад

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

@LGseeker 3 года назад

Another great video, thanks Brad!

@theextramile7438 3 года назад

Brad, you are the best! Thank you.

@mdbicky9460 2 года назад

thanks brad for this beautiful project 😍😍

@erikpavlusik6214 3 года назад

As always, your words are gold to me

@ccbt.academy 2 года назад

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

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

@mosescodes3677 3 года назад

We love your content sir. Thank you so much

@KylePrinsloo 3 года назад

Practical and helpful! Great learning project. Thanks man

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

@javirbls8492 3 года назад

Hey Brad I love your tutorials! Greetings from Spain

@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

@piers132 2 года назад

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

@sayansarkar5242 2 года назад

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

@simple8810 3 года назад

Brad Is the best ultra blessing😍

@fabriziofilograna6498 3 года назад

Thanks Brad, nice one!

@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

@sistemofe 3 года назад

Greetings from Turkey, Brad. It was helpful, ty

@anthonyrocha8688 Год назад

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

@TheMetalMag 3 года назад

always a pleasure to see your videos!

@andresgarciaalves 3 года назад

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

@dannybrown365 3 года назад

You make great contents 🙌🏼

@kankit08 3 года назад

Thankyou Traversy Media for this amazing video.

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

@TruzzBlogg 3 года назад

*God bless you Brad!* Legend! Respect!

@SniperGhost 3 года назад

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

@nouralihassan2482 3 года назад

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

@TheMeaningofHaste 3 года назад

Very informative, thank you

@kulea6208 3 года назад

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

@yYggdtyy5433 3 года назад

Nice video as always. Thanks!

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

@shubhamujjwal328 2 года назад

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

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

@carlosmillanmazzucco1766 3 года назад

thanks for the video! very helpoful

@sallabou3903 3 года назад

Thank you Brad ❤

@2005Azm 3 года назад

Thank you Brad !

@abdulkareemaldeek8135 3 года назад

I love you Bro, Thanks for every thing!

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

Awesome video Thanks for this one

@bullz3718 3 года назад

Thanks this was great!

@lbobrov 3 года назад

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

@banglabeastfr 2 года назад

You are a boss bro. Love you from Bangladesh

@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

@massimehrkhah607 2 года назад

Beautiful. Thanks.

@nnwebdigital 3 года назад

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

@Minzalin 3 года назад

Thanks Brad!

@arnoldmoeketsi3042 3 года назад

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

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

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

@kunal9079 3 года назад

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

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

@mohitsinghrathore1188 3 года назад

Thanku so much for this video.

@am1n_dlt682 3 года назад

Great tutorial as always

@traversybrad3644 3 года назад

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

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

@diegoraffa4324 3 года назад

Awesome Brad 😁

@samcodes2912 3 года назад

Great content as usual 👍

@arjunp3574 3 года назад

Thanks Brad,for your content and dedication

@traversybrad3644 3 года назад

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

@arjunp3574 3 года назад

🔥🔥❤️❤️

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