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

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ก.ค. 2024
  • How To Make Website Using HTML & CSS Step By Step | Modern Website Design Tutorial for beginners
    ❤️ SUBSCRIBE: goo.gl/tTFmPb
    ❤️ Complete website Using HTML and CSS
    ✔️ 8 Complete website step by step
    ✔️ Source Code Download
    ✔️ 76 Lectures, 12 Hours Video
    ✔️ Course Completion certificate
    👉 easytutorialspro.com/go/course/
    -------------------------------------
    Here in this video, you will learn to create a website using HTML and CSS step by step.
    Download images:
    drive.google.com/file/d/15e3W...
    -------------------------------------
    Recommended Videos:
    Learn HTML and CSS Form Beginning
    ► • Complete HTML & CSS Co...
    Create A Responsive Web Design Using HTML and CSS
    ► • How To Make A Responsi...
    Create Animated Website Design Using HTML & CSS
    ► • How To Make Animated W...
    Create Ecommerce Website Using HTML and CSS
    ► • How To Make Ecommerce ...
    Make Full Website Step by Step Using HTML and CSS
    ► • Top 5 Complete Website...
    -------------------------------------
    My recommended tools and tutorials
    👉 easytutorialspro.com/
    -------------------------------------
    ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
    Join Channel Membership:
    ► / @greatstackdev
    ------------------------------------
    Image credit:
    www.maxpixel.net/People-One-P...
    -------------------------------------
    Like - Follow & Subscribe us:
    ◼️ TH-cam: goo.gl/tTFmPb
    ◼️ Facebook: goo.gl/qv7tEQ
    ◼️ Twitter: / itsavinashkr
    ◼️ Instagram: / iamavinashkr

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

  • @farzanehtaghipour2527
    @farzanehtaghipour2527 3 ปีที่แล้ว +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!

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

    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 !

  • @dayya4004
    @dayya4004 3 ปีที่แล้ว +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

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

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

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

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

  • @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 👏🏻 👏🏻 👏🏻 👏🏻

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

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

  • @nubbadesigns6436
    @nubbadesigns6436 3 ปีที่แล้ว +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.

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

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

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

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

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

  • @user-bi8mf3xt2v
    @user-bi8mf3xt2v ปีที่แล้ว +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

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

    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.

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

    Excelente tutorial, it was well explained! 😄😄
    Thanks! 😁👍

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

    Your UI abilities are real!

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

    love the design. keep up the good work man!

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

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

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

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

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

    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

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

    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

  • @GreatStackDev
    @GreatStackDev  11 หลายเดือนก่อน

    👉 Make Multi Page complete responsive website: th-cam.com/video/oYRda7UtuhA/w-d-xo.html

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

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

  • @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 2 ปีที่แล้ว +1

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

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

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

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

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

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

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

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

    So clean and precise I aspire to code like this

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

    hi, thanks for the tutorial, i love the look of this landing page. i was wondering if you created the images yourself (like the background app), and if so what do you use?

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

    Thanks Bro, you simply amazing

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

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

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

    Very attractive and defined header style made... Thank u for this one to make simplified. One suggestion: instead of rotated link names, icons of that would be so nice..
    E rather than all was best.

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

    Your all video are super bro 🥰. Keep rocking 🔥

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

    Thankyou I made Completed This Website

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

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

  • @user-gu5ts5nx8r
    @user-gu5ts5nx8r 3 ปีที่แล้ว +1

    Surely very helpful. Your contents are really great.

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

    Thank you so much. Your video was very helpful.

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

    avinash,you are really awesome,i love your works

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

    Nice dude 💕 thanks for the help 😍

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

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

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

    If you have a lesson or a specific workshop like this kind of videos it will be great

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

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

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

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

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

    Really cool! I like your work

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

    Nice video..you are doing great..since I also run education channel but also love to see other youtuber who are educating people worldwide. Keep the good work 👍

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

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

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

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

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

    This is very good tutorial, fast and straight to the point. Very well done!

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

    The best, thanks👏👏👏👏👏

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

    Thanks a lot you're just ✨💯🔥

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

    thank you so much 💜💜💜

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

    Awesome!!! TQVM!

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

    Pretty good work, I love it.

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

    Fantastic videos 🔥 keep it up 👍

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

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

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

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

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

    I followed the tutorial and learned some great coding practices. Also, could you do a tutorial on how you create your assets for the website? Thanks!!

  • @opeyemiemmanuel9128
    @opeyemiemmanuel9128 9 หลายเดือนก่อน

    Thanks for making this video

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

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

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

    New subscriber 👋
    I love this, thank you! I'll also check out the rest of your channel. Keep it up ❤️

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

    would you ever consider creating a tutorial about setting up open graph meat tags to your Facebook, Twitter and Linkedin account

  • @user-gw8qn5ik8b
    @user-gw8qn5ik8b ปีที่แล้ว

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

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

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

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

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

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

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

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

    Thank you for the video.

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

    thank you a lot sir!

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

    Bhiya aapka samjhane ka tarika bahut achchha h 😍😍😍

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

    TTHANK YOU SO MUCHHHHH

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

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

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

    thanks a lot bro

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

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

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

    You are the best❤️❤️

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

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

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

    Thanks a lot bro

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

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

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

    AWESOME!

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

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

  • @hellocat7760
    @hellocat7760 8 หลายเดือนก่อน

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

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

    thanks for so simple exaplanation keep doing sir shorts video

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

    beautiful video !!

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

    I like it keep going❤️

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

    Outstanding 🤘🤘🤘🤘🤘

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

    what a nice website you make🙂🙂🙂

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

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

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

    Love it bro.
    Is there another part or continuation

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

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

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

    you're amazing!

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

    Nice design and implementation, keep up the good work 🔥

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

    you are the best

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

    awesome bro keep it up

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

    Great tutorial

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

    Really Great Tutorial

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

    Awesome!!

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

    Good keep it up..👍☺

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

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

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

    insha allah👍👍

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

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

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

    very good, thank you, very much

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

    This is a great tutorial, thanks ❤️

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

    This tutorial is really helpful for me as a beginner. Hope you keep going this kind of videos.

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

    Awesome👍👍