Build a Complete Responsive Website Using HTML And CSS | Food & Restaurant Website Design

Sdílet
Vložit
  • čas přidán 2. 02. 2022
  • 📁 Get the full project from here and support me 🥰👇
    www.buymeacoffee.com/tahmidah...
    👍 Download Image: drive.google.com/drive/folder...
    Hire a Web Developer on Fiverr: tahmids.net/HireWebDeveloper
    Join this Web Development Course: tahmids.net/WebDevelopmentCourse (Access Premium Courses 30 Days for FREE)
    Get Web Hosting from Hostinger: tahmids.net/Hostinger (70% OFF)
    Try Elementor: tahmids.net/TryElementor
    Web Design Elements in One Place: tahmids.net/EnvatoElements
    Best Online Deals: tahmids.net/AppSumo
    Other links: bio.link/tahmidahmed
    Learn How To Make A Complete Responsive Website Using HTML and CSS, Complete HTML and CSS Website Design Tutorial Step by Step
    In this video, you will learn to create a complete Responsive website design using HTML and CSS step by step. It will be a fully responsive website design and we will link all pages through the navigation menu. We will learn to create Home Page, About Page, menu page, Service page, and Contact page.
    I used HTML and CSS to create and design the website - If you follow the step-by-step video tutorial, you will be able to make a beautiful website using HTML & CSS.
    ✌ Please make sure you watch this video till the end.
    Personal Portfolio Website: • How To Create Personal...
    Full Personal Portfolio Website: • Build a Complete Perso...
    about us page: • How To Create A About ...
    🎵 Music
    Song: INOSSI - Anywhere
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • INOSSI - Anywhere (Vlo...
    Song: INOSSI - Far Away
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • INOSSI - Far Away (Vlo...
    Song: INOSSI - Wonder
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • INOSSI - Wonder (Vlog ...
    Song: INOSSI - Moments
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • INOSSI - Moments (Vlog...
    Song: INOSSI - Longing
    Music provided by Vlog No Copyright Music.
    Creative Commons - Attribution 3.0 Unported
    Video Link: • INOSSI - Longing (Vlog...
    For more HTML, CSS, and coding tutorial - please click on the link below to subscribe to my channel:
    / @tahmidahmed-yt

Komentáře • 200

  • @tahmidahmed-yt
    @tahmidahmed-yt  Před rokem +15

    📁 You can get the whole coded project from 👇 and support me 🥰
    www.buymeacoffee.com/tahmidahmed/e/114299
    If you want to learn more about website development you can visit my brother's 👉 www.youtube.com/@thecodermj/ channel as well.
    For getting more Website projects visit www.buymeacoffee.com/coderMj
    ☑ Hire a Web Developer on Fiverr: tahmids.net/HireWebDeveloper
    ☑ Learn Complete Website Development: tahmids.net/WebDevelopmentCourse (Access Premium Courses 30 Days for FREE )
    ☑ Get The Best Web Hosting from Hostinger: tahmids.net/Hostinger ( 70% OFF )
    ☑ Try Elementor For WordPress: tahmids.net/TryElementor
    ☑ Get Complete Web Design Elements in One Place: tahmids.net/EnvatoElements
    ☑ Best Online Deals: tahmids.net/AppSumo
    Other links: bio.link/tahmidahmed
    Thank you ❤

  • @Epikht
    @Epikht Před rokem +8

    Bro you’re one of the best here🙌 I like the way you write your codes very clean

  • @youtubebigfan8009
    @youtubebigfan8009 Před 2 lety +10

    Thank you for your wonderful tutorial! I really like this home page, it has a very neat and elegant look and design …

  • @tallissonsantos2521
    @tallissonsantos2521 Před rokem +7

    O cara é sensacional. Estou amando seus videos.

  • @Abu_hurera
    @Abu_hurera Před rokem +3

    May Allah bless you brother
    Love from Pakistan ♥️

  • @mohdamir914
    @mohdamir914 Před rokem +1

    Ma sha Allah, behtareen

  • @kabeerahmed7633
    @kabeerahmed7633 Před rokem +3

    One of the Best CZcams I am Working In Software House Just Because Of You i Learnt a lot of thing
    Love From Pakistan/Hyderabad🥰

    • @tahmidahmed-yt
      @tahmidahmed-yt  Před rokem +1

      Wow man

    • @tahmidahmed-yt
      @tahmidahmed-yt  Před rokem +1

      Thanks a lot

    • @kabeerahmed7633
      @kabeerahmed7633 Před rokem +1

      @@tahmidahmed-yt You welcome Dear i was not affordable for expensive courses but your videos taught me much things better than those expensive course♥️

  • @musashefa-wy9qv
    @musashefa-wy9qv Před rokem

    Thanks for great website design tutorial

  • @sonnn7661
    @sonnn7661 Před rokem +1

    thank you bro, hopefully stay healthy always 🔥

  • @mimasroblox228
    @mimasroblox228 Před rokem +2

    This is a great video. Thank you for creating these videos for us.

  • @AzharulRafy
    @AzharulRafy Před 2 lety +12

    Great responsive website using HTML and CSS tutorial for beginners - keep it up

  • @the.codermj
    @the.codermj Před 6 měsíci

    Thanks a lot for your Great Website Design Tutorial

  • @sophiahitch726
    @sophiahitch726 Před 5 dny

    Thank you so much!

  • @zaneexe6750
    @zaneexe6750 Před rokem +1

    thanks for the tutorial bro, it was really helpful for beginner

  • @frankcastellanos
    @frankcastellanos Před 2 lety +1

    Outstanding job!!

  • @hichemmestafa4716
    @hichemmestafa4716 Před rokem +1

    great tutorial. thank you so much for sharing.

  • @riiyyanz
    @riiyyanz Před rokem +5

    hello sir, I have a suggestion for you, could the video be provided with text/translate so that the audience understands its function better

  • @milonhasan6641
    @milonhasan6641 Před 2 lety +1

    Thank You So much bro This Video is Very helpful

  • @lundeagaming
    @lundeagaming Před rokem +1

    Thank you for this beautiful tutorial !

    • @tahmidahmed-yt
      @tahmidahmed-yt  Před rokem +1

      Most Welcome !!

    • @lundeagaming
      @lundeagaming Před rokem

      @@tahmidahmed-yt i am struggling with JavaScript i am still new 🤣🤣

  • @venkateshmorangapalli2973
    @venkateshmorangapalli2973 Před 5 měsíci +1

    Thank you i gain some knowledge from this web design

  • @farukkozic1691
    @farukkozic1691 Před rokem +1

    You make my day

  • @dionisiocarovasquez9125

    thanks bro, greetings from Colombia

  • @esmir2129
    @esmir2129 Před 2 lety +1

    Thank you very much,we begginers appreciate this content a lot! :)

    • @tahmidahmed-yt
      @tahmidahmed-yt  Před 2 lety

      You're very welcome!

    • @esmir2129
      @esmir2129 Před 2 lety

      @@tahmidahmed-yt Btw Do you know how to solve the problem, in any editor, my internal css works but the external one doesn't, it doesn't save my code when I load it on the website? So it works with html and internal css, but not external. :(

  • @najafalibalti
    @najafalibalti Před rokem +2

    bro i really love you bro... and bro its my heart voice... bro u r great .....ur work 1000%%%% satisfaying ...May GOd Sucess You And your chennal ..love you bro

  • @shakeelilyas7952
    @shakeelilyas7952 Před 10 měsíci +1

    Nice Tutorial helps to understand me how to make responsive website using html, css

  • @Nightmare-rc6lk
    @Nightmare-rc6lk Před 4 měsíci +1

    Thanks mate

  • @nhanle4326
    @nhanle4326 Před 11 měsíci +1

    Thank so lot bro ❤

  • @alizaman8407
    @alizaman8407 Před 7 měsíci

    Thanks

  • @procodershohag3618
    @procodershohag3618 Před 2 lety +4

    nice work i am always following you.love you brother.

  • @badarhnr4142
    @badarhnr4142 Před 2 lety +11

    Bro i was about to give up but your video motivate me

  • @shokolade0074
    @shokolade0074 Před 8 měsíci

    Thank you

  • @mandarinyx
    @mandarinyx Před rokem +1

    Hello! I did not find the layout from figma in the description. Just a link to buy the finished layout. I would like to make this layout myself for training. Please send the figma layout =)

  • @NettyChannell
    @NettyChannell Před 2 lety

    use the transition all 0.5s at the block, no in hover!

  • @nijamuddin799
    @nijamuddin799 Před 5 měsíci +1

    Awesome website design tutorial

  • @Jazhina-nj6fy
    @Jazhina-nj6fy Před rokem +1

    Can you tell me the timestamp of your video on the part where you encode the navbar clicking then the page would appear?? I don't know how to do it 😭 if I click my navbar button it won't appear the content that I put

  • @tahirjanishar
    @tahirjanishar Před 8 měsíci +1

    Great ❤

  • @user-aj894
    @user-aj894 Před měsícem +1

    Nice work

  • @RuhulAmin-if4lb
    @RuhulAmin-if4lb Před 2 lety +1

    Helpful tutorial

  • @user-tr2fp4jg9f
    @user-tr2fp4jg9f Před 11 měsíci +1

    this video is awesome

  • @mashoodbhatti6315
    @mashoodbhatti6315 Před 2 lety

    Which sublime text version is this because somethings are not working in my sublime text

  • @sakthisarvan1591
    @sakthisarvan1591 Před rokem +3

    You've makes a beautiful design✌🏻
    Please give us to source code as well🔁
    Thanks..

  • @smile4L189
    @smile4L189 Před rokem +1

    Good bhai 😊

  • @litunkhan4309
    @litunkhan4309 Před rokem

    bhi aije aivabe img gula video ar des... dile valo hoy tnx bhi for the images

  • @kinglytical
    @kinglytical Před rokem

    can you give me explanation how you use the icon and implement it in HTML i am stiil confused with that thank you

  • @Progamblerop
    @Progamblerop Před 2 lety +3

    Mind blowing i copy your website for my assignment 😁

  • @willisianturi1499
    @willisianturi1499 Před rokem +1

    Hmm, nice tutorial too. Thanks for the portfolio web tutorial. If I have time, I'd like to try following this tutorial to create a portfolio web project.

  • @englishhenery5584
    @englishhenery5584 Před 7 měsíci

    Hi sir.
    What I need to download in vsc extension?

  • @CreativeKidShort
    @CreativeKidShort Před rokem +1

    Thank you brother 💕 can you make single introduction page website 🙄

  • @SinaMedicalAnimation123
    @SinaMedicalAnimation123 Před 8 měsíci +1

    Very good

  • @parthkshatriya5401
    @parthkshatriya5401 Před 3 měsíci

    From where u download images, plss tell us

  • @MrGrimlocke
    @MrGrimlocke Před rokem +3

    This was a great tutorial overall. But when I got to the last step and tried to use the hamburger menu, it wouldn't open up. I looked through the video again and couldn't figure out what I did wrong.

  • @mrnekrozyt
    @mrnekrozyt Před rokem

    Hello I Have A Problem With The Website For Some Reason The Page Is Cut In Half I Dont Know How To Fix This Pls Help Me!

  • @viih3207
    @viih3207 Před 10 měsíci +1

    Parabéns!

  • @BodyCare-yb7ix
    @BodyCare-yb7ix Před rokem

    can you please provide result link also ??

  • @HACKER-dn3ib
    @HACKER-dn3ib Před rokem

    i have 5 days left for my assignment and need to do website on restaurent ,damn im screwed xD

  • @Kupo1999
    @Kupo1999 Před 2 lety +4

    can you share the source code?

  • @AkashSingh-oh9uw
    @AkashSingh-oh9uw Před rokem

    Bro computer centre ke web site ka tutorial dal do

  • @melrichnicholaspoquitalebu1509

    nice bg music

  • @timawid
    @timawid Před rokem +1

    🤩🤩

  • @arhamsaquib9118
    @arhamsaquib9118 Před 2 lety +3

    How can i vist your site that you have created post the link also in the description

  • @user-ri2in7tb6h
    @user-ri2in7tb6h Před 4 měsíci

    bro where did u get the img , pls tell the website name

  • @joshuadias626
    @joshuadias626 Před 2 lety

    what's the colour of ur bg

  • @junaydzz
    @junaydzz Před 2 lety

    TOP

  • @user-kr1zr3fx8z
    @user-kr1zr3fx8z Před 10 měsíci +1

    👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍 job

  • @SaurabhNegi-pe7vu
    @SaurabhNegi-pe7vu Před 3 měsíci

    which software is this ?

  • @user-yd3hg8dl4r
    @user-yd3hg8dl4r Před 9 měsíci

    Assalamualaikum sir mjhe ye apse puchna tha k media query k bd aone next page pe jo type kia wo konsa page he css ka hi new page he ya koi or?

  • @mauricioreguete466
    @mauricioreguete466 Před rokem

    Sucesso...

  • @Jazhina-nj6fy
    @Jazhina-nj6fy Před rokem +1

    53:29 can you tell me how did you do this?? where you can click the navbar then appear on the content of the page

  • @physicstutor4514
    @physicstutor4514 Před rokem

    I am having issues with the Javascript aspect

  • @mirjalol_shamsiddinov

    why u dont follow semantics, pls write clean code

  • @abirahmed2100
    @abirahmed2100 Před rokem

    Helpful video brother needs a more advanced tutorial
    and Thanks Brother 😍😍😍

  • @athc6506
    @athc6506 Před 2 měsíci

    Is this single page or multipage

  • @batocanin5347
    @batocanin5347 Před 2 lety +2

    Can you explain to me why at 11:40 you used max-width: 100% and width: 600px together?

    • @EpochViral1Moments
      @EpochViral1Moments Před 2 lety

      because he mean at this the max-width will not depass 600px in every larger screen

  • @Not_Yours_Princess976

    Bro please add your voice in video instead of music

  • @M.EminTopal
    @M.EminTopal Před rokem

    6:14 obrigado por tudo autoridade social, melhor site para comprar seguidores

  • @1samurai192
    @1samurai192 Před rokem

    Colours don't work by that var code

  • @ehinomenosaigbovo527
    @ehinomenosaigbovo527 Před rokem +1

    So Neat💪
    Please where did get the images 😫💥

  • @newagecoder5417
    @newagecoder5417 Před 2 lety +1

    from where you get the design??

  • @mohammadhosseinhqprstshjaa5841

    great

  • @1samurai192
    @1samurai192 Před rokem

    Can u name the colors please

  • @karinlarasatii
    @karinlarasatii Před 2 lety

    18:24

  • @roshini2086
    @roshini2086 Před rokem

    bro where is the code of this website

  • @komentatorberfaedah6301

    Any have yotuber channel for blogger tamplate xml? 🙏

  • @karinlarasatii
    @karinlarasatii Před 2 lety +1

    4:49

  • @anaeraqis
    @anaeraqis Před rokem

    what app?

  • @xoqambusiness1763
    @xoqambusiness1763 Před rokem

    that was really helpfull , can u please mention where did u get the png images or did u hire graphic designer to do it for u ?
    if not can u suggest good sites where they deliver free png designs !

  • @rashuthulkar5858
    @rashuthulkar5858 Před rokem +1

    Please source code

  • @andrea-ri9ru
    @andrea-ri9ru Před 2 lety +1

    Hi can I ask what kind of app you are using?

  • @abunurullah2340
    @abunurullah2340 Před rokem

    very well

  • @morofernando639
    @morofernando639 Před rokem +1

    please brother give me the images that you have used in this website because i want to practice css

  • @redcy-g9972
    @redcy-g9972 Před rokem

    its not working for me

  • @kiozarxio1205
    @kiozarxio1205 Před rokem +1

    Can you share the code? Im struggling to make some part of it

    • @tahmidahmed-yt
      @tahmidahmed-yt  Před rokem +1

      Image link in description. please Check :⁠-⁠) thank a lot ❤️

  • @diyah880
    @diyah880 Před rokem

    15:13

  • @allisonespinola5209
    @allisonespinola5209 Před 2 lety

    it need javascript?

  • @metsnime1004
    @metsnime1004 Před 2 lety

    Umm the first one was index.html and second style.css what is the third one reply plz

  • @vidushibhardwaj1415
    @vidushibhardwaj1415 Před rokem +1

    where can i search more images like these??? please reply

  • @1samurai192
    @1samurai192 Před rokem +1

    What is the name of the colours

  • @Merveil_doumassi
    @Merveil_doumassi Před rokem

    Please source code?

  • @naywe4801
    @naywe4801 Před rokem +1

    Yo bro , thanks a lot !!!! can i have à source code plzzzzz ❤❤

    • @tahmidahmed-yt
      @tahmidahmed-yt  Před rokem

      Image link in description. please Check :⁠-⁠) thank a lot ❤️

  • @legend757
    @legend757 Před rokem

    source code please