How To Make Website Using HTML & CSS Step By Step | Modern Web Design Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 686

  • @dayya4004
    @dayya4004 4 ปีที่แล้ว +41

    After i finish learning Css . I will recreate every Html and css website you made. For learning it will help me alot. Thank you

  • @muhammadfazeel-f3h
    @muhammadfazeel-f3h ปีที่แล้ว +1

    Brother I started web development previous week ago and then 2 days ago I watch your video 2 times and then I made this promotion landing page yourself. Thanks

  • @dwaynelee5328
    @dwaynelee5328 3 ปีที่แล้ว +76

    That looks really nice. It's not a step by step tutorial, but with basic HTML and CSS you can understand most of the process. GREAT JOB !

  • @farzanehtaghipour2527
    @farzanehtaghipour2527 4 ปีที่แล้ว +38

    I am here to tell you, you are awesome. We can hardly find something as you put in your channel. Thank you so much!

  • @oliverbubniak5257
    @oliverbubniak5257 4 ปีที่แล้ว +34

    As other said, on this videos I love "STRAIGHT TO THE POINT" ;)

  • @aryanmanjarekar2784
    @aryanmanjarekar2784 2 ปีที่แล้ว +3

    Thankyou I made Completed This Website

  • @africanmorningstar9793
    @africanmorningstar9793 3 ปีที่แล้ว +1

    You are a Genius. I just finished mine. It looks exactly like that. I will recommend your channel to my friends. 💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕

  • @ozzyfromspace
    @ozzyfromspace 3 ปีที่แล้ว +214

    Having someone explain this instead of like rock music or something made this even better. Thanks mate! 🥳✨🎊

    • @iqbal5942
      @iqbal5942 3 ปีที่แล้ว +1

      Exactly 💯

    • @jayusgacha6623
      @jayusgacha6623 3 ปีที่แล้ว +2

      But I couldn't understand him probably because of his accent 😭

    • @atul7115
      @atul7115 3 ปีที่แล้ว +9

      @@jayusgacha6623 we could underrstand , maybe you could keep Captions

    • @yupthatsme89
      @yupthatsme89 3 ปีที่แล้ว +1

      Exactly!!

    • @tunamusic2314
      @tunamusic2314 3 ปีที่แล้ว

      exactly what i need , other videos just show how to make thẹm don't explain clearly

  • @AyshaFilms
    @AyshaFilms 3 ปีที่แล้ว +6

    Straightforward, simple, beginner-friendly, creative, amazing.

  • @nubbadesigns6436
    @nubbadesigns6436 4 ปีที่แล้ว +45

    Awesome tutorial. Just wish you had a second screen that shows how the web app updates as you progress in your coding.
    Good job overall.

  • @4K1RO
    @4K1RO 3 ปีที่แล้ว +32

    Very clear and simple to follow along!
    The video is short and goes straight to the point.
    Thanks a lot for making this!

  • @sunilchourasiya2749
    @sunilchourasiya2749 2 ปีที่แล้ว

    Bhiya aapka samjhane ka tarika bahut achchha h 😍😍😍

  • @SRSCODE774
    @SRSCODE774 4 ปีที่แล้ว +75

    one day i will be your competitor in sha Allah :) everybody pray for me...

    • @sagarhaldar7559
      @sagarhaldar7559 4 ปีที่แล้ว +1

      Yeah Sure..

    • @SRSCODE774
      @SRSCODE774 4 ปีที่แล้ว +1

      @@sagarhaldar7559 thanks buddy ❤❤

    • @shahzebmohammad9521
      @shahzebmohammad9521 4 ปีที่แล้ว +1

      why though?

    • @aguyoninternet9883
      @aguyoninternet9883 4 ปีที่แล้ว +1

      Sure.. I used to learn from him.. now I am his competitor

    • @SRSCODE774
      @SRSCODE774 4 ปีที่แล้ว

      @@aguyoninternet9883 i don't even learn from him. i am new in TH-cam. and i create my own content which is similar to him. so i said i will be his competitor that means one day i will get more audience/views like him.. :)

  • @avivshvitzky2459
    @avivshvitzky2459 4 ปีที่แล้ว +5

    Your UI abilities are real!

  • @genzee4567
    @genzee4567 3 ปีที่แล้ว +9

    Very easy, very easily explained and very very helpful for a beginner to start with lot of dreams !
    Thanks a lot!

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว +6

      You're very welcome!

    • @shumailaerum4804
      @shumailaerum4804 3 ปีที่แล้ว +1

      @@GreatStackDev all my written word in bottom, plz guide me how I can make perfect as u have

    • @alexcorden6375
      @alexcorden6375 3 ปีที่แล้ว +1

      @@shumailaerum4804make sure everything is under 1 , i had 2 and it didnt work but when i removed one of them it worked

  • @khawlaalali9673
    @khawlaalali9673 2 ปีที่แล้ว +5

    I REALLY REALLY like the way you present the tutorial. You simplify it and give me the motivation to start building my own website right now!. Thanks a lot and keep going on that way 👏🏻 👏🏻 👏🏻 👏🏻

  • @Misterbeastsho
    @Misterbeastsho 3 ปีที่แล้ว

    bhai may 14 years ka bacha ho may nay webdesing seke hay may nay app ki videos say website banahi hay thanks for you

  • @debs9857
    @debs9857 3 ปีที่แล้ว +2

    hey, i just want to say thanks. i'm trying to learn about programming, and honestly, although i can't understand everything yet, your video was really really helpful!

  • @IvanNarizhnyi
    @IvanNarizhnyi 2 ปีที่แล้ว

    I always study by your videos,you’re better youtube teacher ❤

  • @ivantaylor7081
    @ivantaylor7081 2 ปีที่แล้ว

    Bravo! Thanks for teaching us your skills with HTML & CSS, I'm just a newbie (3 months) learning coding. Thanks again...

  • @Gamer_Guy2.0
    @Gamer_Guy2.0 ปีที่แล้ว

    I really Understood everything, this is a fantastic website, Keep it up

  • @Apollyon47
    @Apollyon47 3 ปีที่แล้ว +1

    thank you another indian developer for this knowledge ! :)

  • @moaarmy8253
    @moaarmy8253 3 ปีที่แล้ว +2

    Amazing! Straight to the point tell you what he's doing just wonderful

  • @raj4624
    @raj4624 3 ปีที่แล้ว +1

    Far more better and useful than 1hr long video

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      Glad to hear that

    • @raj4624
      @raj4624 3 ปีที่แล้ว +1

      @@GreatStackDev sir aap image kaha se lete ho ? i mean very well organised bg icons etc?

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว +1

      @@raj4624 is website se: freepik.com/
      and some time kuch edit v karna prta hai images me Photoshop ke through

    • @raj4624
      @raj4624 3 ปีที่แล้ว

      @@GreatStackDev okay sir tysm.....

    • @raj4624
      @raj4624 3 ปีที่แล้ว

      @@GreatStackDev sir maine aapka udemy ka course purchase krliya hai i like your way of teaching ✌️✌️✌️😍

  • @Dineshtamang6267
    @Dineshtamang6267 2 ปีที่แล้ว +1

    Oh wow I can't believe that I also create the website through this video lol😅
    Thank you for this😊

  • @ashutosh_tiwari
    @ashutosh_tiwari 4 ปีที่แล้ว +2

    Bhai Hamne apka talent to bohot dekh liya ab apna ek face cam video banao and setup your ke saath.
    #androvision

  • @KamleshSharma-rf2nc
    @KamleshSharma-rf2nc 4 ปีที่แล้ว +7

    Bro please share your CSS knowledge with us..
    We really want to learn skills like you...
    But with some basics.

  • @nurusabah136
    @nurusabah136 3 ปีที่แล้ว

    Dear brother I like this video so much. A lot of thanks. I need more video like this. And this video helpful for me

  • @agholorsimeongbenoba5333
    @agholorsimeongbenoba5333 4 ปีที่แล้ว +7

    This channel keeps helping me learn and improve, please can you make more videos adding little java-script and a full video on the latest bootstrap? thanks.

  • @computingpulse9144
    @computingpulse9144 ปีที่แล้ว +1

    Great content in short time...thanks

  • @Alphabaddie-m4e
    @Alphabaddie-m4e 3 ปีที่แล้ว +1

    wow thank you it was very easy and understandable

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      Thank you Fatima, Glad you like this tutorial

  • @visnuyaathav4939
    @visnuyaathav4939 3 ปีที่แล้ว

    Bro for starter/intermediates ur vedio is gods blessing👍👍🔥🔥

  • @zohaibkhan072
    @zohaibkhan072 ปีที่แล้ว

    it is very simple way and in short time thank you for great help

  • @stevenarevalo2308
    @stevenarevalo2308 4 ปีที่แล้ว +2

    Thanks bro this tutorial I wanted your designs are inspiration for all

  • @faresgeek-dz5692
    @faresgeek-dz5692 4 ปีที่แล้ว +7

    Please do some tutorials like this one with tailwind that will help a lot

  • @ighorkingeski8944
    @ighorkingeski8944 4 ปีที่แล้ว +1

    Thank you so much. Your video was very helpful.

  • @athiras8491
    @athiras8491 3 ปีที่แล้ว +2

    Great work and it's easy to learn as a beginner... Thank u so much

  • @al_peterson
    @al_peterson 4 ปีที่แล้ว +34

    Thanks for the nice tutorial! At the beginning you showed how text gradually appears on the screen while the main page is loading. That would be great if you added this effect here. Anyway, your explanation is very good and it helps me a lot in learning the code. Good luck to you!

    • @namadeekahatapitiya176
      @namadeekahatapitiya176 3 ปีที่แล้ว +3

      You can use javascript aos library its verry easy you just have to copy paste the code and add the relevent class to the element

  • @বাংলাদেশ-ট৮ত
    @বাংলাদেশ-ট৮ত 4 ปีที่แล้ว

    Bro Love you. I am Bangladeshi. But I Love your all veido. I learned a lot from your Veido. Bro part by part. HTML .CSS JAVASCRIPT.PHP.more other courses provided plsss bro pls pls pls pls pls pls pls .very use full to us .please bro .

  • @smartlivingwithmuneeb6449
    @smartlivingwithmuneeb6449 3 ปีที่แล้ว

    You are amazing sir.The way you teach is very easy and understandable.I wish you all the best in life.

  • @mejane4130
    @mejane4130 2 ปีที่แล้ว

    Thankyou so much.. this is so nice and helpful to me😊

  • @ElectroClips1
    @ElectroClips1 4 ปีที่แล้ว +3

    Your all videos r so oxm and informative...keep it up👍👍👍

  • @patico11
    @patico11 3 ปีที่แล้ว

    and I thought i was a fast typer, thank you man

  • @hellocat7760
    @hellocat7760 ปีที่แล้ว

    Thanks for your wonderful modern websites ... it hepls me a lot ... 😊😊👌👌❤❤

  • @wecretion3504
    @wecretion3504 3 ปีที่แล้ว

    thanks for so simple exaplanation keep doing sir shorts video

  • @ash-kq3ne
    @ash-kq3ne 4 ปีที่แล้ว +4

    Sir plz start series of making website and how to put that website live...

  • @aakashyadav3351
    @aakashyadav3351 ปีที่แล้ว

    what a nice website you make🙂🙂🙂

  • @mariacristinar.2894
    @mariacristinar.2894 2 ปีที่แล้ว

    it's amazing You are really cool! Thank you!

  • @Maxofi
    @Maxofi 2 ปีที่แล้ว

    sir thoda tag ke baare me bta dete iki isse ye hota h to easy hota smjhne k liye

  • @TechWithKevin
    @TechWithKevin 3 ปีที่แล้ว

    I'm learning CSS and I found your videos. New sub 👍🏼

  • @wintanmi
    @wintanmi 4 ปีที่แล้ว

    avinash,you are really awesome,i love your works

  • @brokenclown7674
    @brokenclown7674 4 ปีที่แล้ว +3

    thank you sir, this will be a good reference on my project, please make more

  • @MultiProximus
    @MultiProximus 4 ปีที่แล้ว +3

    I like the old way Drag and drop . No time for typing 😀

    • @l.a.w-2323
      @l.a.w-2323 3 ปีที่แล้ว

      then you should leave this video alone if you cant handle basic javascript and css dragging and dropping are for simple people who have no patience

  • @umid5963
    @umid5963 3 ปีที่แล้ว +1

    Og'a. Yashang. Bitta layk. 👍👍👍

  • @sushil1036
    @sushil1036 2 ปีที่แล้ว

    thanks for showing the step by step process, its really helpful

  • @aneeshkumar9018
    @aneeshkumar9018 4 ปีที่แล้ว +1

    You are the best❤️❤️

  • @digigoliath
    @digigoliath 4 ปีที่แล้ว +1

    Awesome!!! TQVM!

  • @soft-coding
    @soft-coding 4 ปีที่แล้ว

    Super design-------🧡🧡🧡🧡🧡🧡🧡🧡

  • @LiiSHY06._
    @LiiSHY06._ 4 ปีที่แล้ว +2

    Nice dude 💕 thanks for the help 😍

  • @LaxmikantBhumkar
    @LaxmikantBhumkar 4 ปีที่แล้ว

    Nice delivery of voice and screen. Very easy to understand 🙏

  • @عبدالقادرعبدالرحمنعبدالله
    @عبدالقادرعبدالرحمنعبدالله 4 ปีที่แล้ว +1

    Surely very helpful. Your contents are really great.

  • @kevinkayasth16
    @kevinkayasth16 4 ปีที่แล้ว

    Sry for late
    Happy teacher's day sir

  • @rehman-nry
    @rehman-nry 3 ปีที่แล้ว +1

    Awesome tutorial.

  • @Skkskeowowksksk
    @Skkskeowowksksk 3 ปีที่แล้ว +32

    We need a tutorial on how you edit those images 😍🤕😇👍

    • @sanlife
      @sanlife 3 ปีที่แล้ว +1

      To edit those images, you will need to do it on photo editing tool, like photoshop, figma, adobe XD etc.

  • @israilgulzar7936
    @israilgulzar7936 4 ปีที่แล้ว +1

    Good keep it up..👍☺

  • @muhammadsakibkhan8760
    @muhammadsakibkhan8760 4 ปีที่แล้ว

    wow. Wants more

  • @ziathakur10
    @ziathakur10 2 ปีที่แล้ว

    Straightforward, simple,creative, amazing. But the teaching speed is too past

  • @ghostdummyskullduck1826
    @ghostdummyskullduck1826 2 ปีที่แล้ว

    So clean and precise I aspire to code like this

  • @roshanijavheri1327
    @roshanijavheri1327 2 ปีที่แล้ว

    Outstanding 🤘🤘🤘🤘🤘

  • @senuraperera9339
    @senuraperera9339 3 ปีที่แล้ว

    nice video thank you for help us.......

  • @vigneshk3727
    @vigneshk3727 4 ปีที่แล้ว +1

    Your all video are super bro 🥰. Keep rocking 🔥

  • @vladanmihailovic4600
    @vladanmihailovic4600 4 ปีที่แล้ว +6

    Thank you for your time to share it. Personally, I don't like it because you speak and explain so fast, its real challenge to follow you. Cheers

    • @ilyaspasha451
      @ilyaspasha451 4 ปีที่แล้ว +1

      You can set the speed of your videos while playing

  • @laibakanwal5516
    @laibakanwal5516 3 ปีที่แล้ว

    Thanks alot...explained very well.
    More powers to U👍

  • @coolpinoyTV
    @coolpinoyTV 3 ปีที่แล้ว

    thanks bro. this is brilliant. simple but detailed. great job bro

  • @TheMunchkin6
    @TheMunchkin6 3 ปีที่แล้ว

    I like the way he says 'collections'

  • @digitalrayng9492
    @digitalrayng9492 4 ปีที่แล้ว +2

    Thanks Bro, you simply amazing

  • @flayer2011
    @flayer2011 3 ปีที่แล้ว +1

    I will take your courses at udemy

  • @mohamedredaboulezaz6498
    @mohamedredaboulezaz6498 4 ปีที่แล้ว +2

    0:00 first I thought that this motion effects are incremented to the code
    But after I realized that it was only in the video editing
    It'll be much better if you add this motions to the page
    But this couldn't be done only with CSS it must include JavaScript

    • @georgemensah1499
      @georgemensah1499 4 ปีที่แล้ว

      You can use css only.
      Just add animation keyframe and at 0 percent make margin top to be negative value for the animated items. Then it will appear from the top. You add delay as well so that they follow one another.

  • @mery.21st
    @mery.21st 3 ปีที่แล้ว

    Thank you soo much, it was easy to understand. And I have to say, your design is just amazing.

  • @taco6649
    @taco6649 3 ปีที่แล้ว

    I have been learning HTML for 25 mins, and I wanna be just like him

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      You would be better then me, I would recommend you to start with my beginners tutorial here: th-cam.com/video/GAZVvpjxYQY/w-d-xo.html

    • @taco6649
      @taco6649 3 ปีที่แล้ว

      @@GreatStackDev I'll 👨🏻‍🦱🙋🏻‍♂️

  • @maryantaakow296
    @maryantaakow296 4 ปีที่แล้ว +1

    Thnks please do it more tutorial for webtise designing

  • @Flash-qr5oh
    @Flash-qr5oh 4 ปีที่แล้ว +1

    Fantastic videos 🔥 keep it up 👍

  • @ice_coder
    @ice_coder 2 ปีที่แล้ว

    You are really awesome bro. Keep going don' t stop to code with html&& css. I love your channel. Please to code only html css js with react❤❤

  • @xstanley999
    @xstanley999 4 ปีที่แล้ว +1

    Really Great Tutorial

  • @laboptyka3706
    @laboptyka3706 3 ปีที่แล้ว

    It's Fantastic ❤️!!! Thank You Sooooooo Much❤️!!!

  • @tanzeelahmad525
    @tanzeelahmad525 3 ปีที่แล้ว

    awesome bro keep it up

  • @eightelms
    @eightelms 2 ปีที่แล้ว +1

    Thank you. In fact, I always enjoy your tutorials. A good job that is worth more than 5* Please give us a tutorial on a one-page design that encompasses all other pages, like HOME ABOUT CONTACT. All in a single page such that when you click on about, the page will scroll to ABOUT section on and on like that. Once again, thanks.👍

  • @zasimahmed3794
    @zasimahmed3794 4 ปีที่แล้ว +1

    Thanks a lot bro

  • @EviErika383
    @EviErika383 3 ปีที่แล้ว +4

    Thank you for so much helpfull tutorials!
    I have a question, how to make the title, image, and other parts to do some movement something like animations like shown at 0:16 ?

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว +2

      Thanks Evi, You can learn that CSS animations in this video: th-cam.com/video/G34g7vcpN0s/w-d-xo.html

  • @psychogaming2406
    @psychogaming2406 3 ปีที่แล้ว +1

    Nice one bro

  • @shady.gg1234
    @shady.gg1234 3 ปีที่แล้ว

    Thank you so much i learned so many things from you !

  • @kingscliq6325
    @kingscliq6325 3 ปีที่แล้ว +2

    Awesome video I love the designs and color combo but my requests is if u can make it responsive

  • @opeyemiemmanuel9128
    @opeyemiemmanuel9128 ปีที่แล้ว

    Thanks for making this video

  • @WildHowlYT
    @WildHowlYT ปีที่แล้ว +1

    Nice design and implementation, keep up the good work 🔥

  • @GigaBuzzStore
    @GigaBuzzStore 4 ปีที่แล้ว

    Perfect mate. Did you know that most of the web-devs would need couple of hours or days instead of minutes to get it done. Many thanks.

    • @blackcoder859
      @blackcoder859 4 ปีที่แล้ว +2

      Becoz they aren't doing it for a TH-cam video... And you are just seeing the results, not the efforts and plans behind this sir!!!

    • @sagarhaldar7559
      @sagarhaldar7559 4 ปีที่แล้ว +1

      @@blackcoder859 Yes Bro... Exactly Right

  • @yashashreesuryawanshi5028
    @yashashreesuryawanshi5028 3 ปีที่แล้ว +2

    Hiii ......in which how to create drop-down menu? Tell me

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      Hi, this tutorial can help you to make drop down menu: th-cam.com/video/wHFflWvii3M/w-d-xo.html

  • @CharlesSmall
    @CharlesSmall 4 ปีที่แล้ว +1

    Thank you for the video.

  • @ro7an636
    @ro7an636 2 ปีที่แล้ว

    beautiful video !!

  • @AM10PE5
    @AM10PE5 4 ปีที่แล้ว +2

    The best, thanks👏👏👏👏👏

  • @takitachibana7717
    @takitachibana7717 3 ปีที่แล้ว

    love the design. keep up the good work man!