How To Make Website Using HTML And CSS | Create Website Header Design

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2022
  • Learn How To Make Website Using HTML And CSS, Create Website Header Design Step By Step with HTML and CSS
    ❤️ SUBSCRIBE: goo.gl/tTFmPb
    In this video we will learn to create header section of website, where we will add navigation bar with Logo, menu link and a button. On this website background we will add full screen image with a dark color layer on the image. There will be title, description and search form on this website.
    Web Design, Web Development, How To Make Website, Build website, HTML Website, HTML CSS Website
    #htmlandcss #website #webdevelopment
    Download Image: drive.google.com/file/d/10HEF...
    -----------------------------------------
    Suggested Course:
    ❤️ 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/
    -------------------------------------
    Recommended Videos:
    Complete HTML and CSS from basics:
    ► • HTML And CSS Tutorial ...
    Make A Complete Website for college using HTML & CSS:
    ► • How To Make A College ...
    How to make a Business website step by step:
    ► • How To Make Website Us...
    How to make personal resume website step by step:
    ► • How To Make A Website ...
    How to make fitness website design using HTML CSS:
    ► • How To Make A Website ...
    How to make an Ecommerce Website Design:
    ► • How To Make eCommerce ...
    How to make a Job Portal website design with HTML & CSS:
    ► • How To Make Website Us...
    How to make travel website design with HTML CSS Bootstrap:
    ► • How To Make A Website ...
    -------------------------------------
    Affordable web hosting (coupon- EASYTUTORIALS)
    👉 easytutorialspro.com/hosting/
    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
    -------------------------------------
    Images Credit:
    www.pexels.com/
    -------------------------------------
    Like - Follow & Subscribe us:
    ◼️ TH-cam: goo.gl/tTFmPb
    ◼️ Facebook: goo.gl/qv7tEQ
    ◼️ Twitter: / itsavinashkr
    ◼️ Instagram: / iamavinashkr

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

  • @charlestoneoyoo
    @charlestoneoyoo 5 หลายเดือนก่อน +5

    The best html css project I have undertaken today. This is so super, thank you!

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

    thank you for the tutorial..You are The G.O.A.T............The Lionel Messi of Tutorials

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

    Layouts are the most confusing part that you made quite simple and up to the point. Thanks for your effort

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

    Thanks for the awesome tutorials, it really helped, as a gamer and as a web designer i really understood for you did.

  • @RajuSingh-xc3hx
    @RajuSingh-xc3hx ปีที่แล้ว +1

    Your work is awesome.

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

    Always enjoying your vids

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

    love ur videos, watching just for fun now, i already learned this, thx)) 🙏

  • @ansilaameer606
    @ansilaameer606 7 หลายเดือนก่อน +16

    Image is not displaying

    • @PICKER_
      @PICKER_ 3 หลายเดือนก่อน

      FR

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

    Thank you for making these tutorials! Can you make ones for simple websites (but still used in real life) just with recap on the concepts of the elements / functions /attributes used in the process like telling the beginners what this element is and what it does. Thanks again!

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

      Hi
      Ping me we will help you to create a website as you need.

  • @shihabuddintareq5151
    @shihabuddintareq5151 3 หลายเดือนก่อน

    Thank you for making such an effective learning video.

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

    You are my inspiration

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

    Great Tutorial, Subscribed👍

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

    Very nice, uncle. You made it easy.

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

    So great I'm waiting for database and sql

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

    please some of us are still beginners so we wish u could slow down abit for us so that we can follow properly 😬😬.Thanks for offering us to help, we are grateful 😊✌️

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

    Beautiful tutorial sir

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

    Thank you so much...

  • @umesh6819
    @umesh6819 4 หลายเดือนก่อน

    Thanks a lot bro ❤

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

    Thank you !

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

    very usefull thank you

  • @fatemehsafaei1885
    @fatemehsafaei1885 5 หลายเดือนก่อน

    niceeeeeeeeeeee. thanke for sharing

  • @muhammadmudassir4795
    @muhammadmudassir4795 7 หลายเดือนก่อน

    realy awesom love from Pakistan

  • @worlayramvasmark7918
    @worlayramvasmark7918 27 วันที่ผ่านมา

    thanks bro it was really helpful

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

    Do you have any tutorial of a simple website with functionalities where you also work on the backend?

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

    I Really Enjoy Watching Your Videos, I learn something new every time. Please keep up the good work. :)

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

    Thank you

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

    Thank you sir for the video tutorial..easy to understand

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

      Glad it helped, keep supporting 😊

  • @Sureshbhana420
    @Sureshbhana420 3 หลายเดือนก่อน

    Wow 🎉

  • @mouhaned851
    @mouhaned851 4 หลายเดือนก่อน

    Thnx pro for help me 🥰🥰

  • @ndamiraregis9176
    @ndamiraregis9176 2 หลายเดือนก่อน

    From now on, you are going to become my teacher. Would you do that favor for me?

  • @user-lc9uq3ey5m
    @user-lc9uq3ey5m 4 หลายเดือนก่อน

    Awesome liked❤❤ it but it is better thst navbar should be kept outside the container..

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

    Justt 💢🧡🧡🧡❤️‍🔥❤️‍🔥❤️‍🔥

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

    Thank you for doing this and I have a question for you, maybe you can create an account via website and upload other things, for example product images with javascript

  • @a.k3771
    @a.k3771 11 วันที่ผ่านมา

    Thanks

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

    i love your videos, but can you tell us where you get those png images from.. it will be so nice i really need a website where i can download them from

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 10 หลายเดือนก่อน

    Nice Video.

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

    where do you get ur background images i need them for projects

  • @ProgrammingTT
    @ProgrammingTT ปีที่แล้ว +26

    I make projects using HTML, CSS and JavaScript (with code, for beginners).💻

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

      Oh then I would really love to watch your series...❤❤❤

    • @deepakbhagat7149
      @deepakbhagat7149 6 หลายเดือนก่อน

      Codes kaha milega??

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

    Very nice

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

    Thank you for your tutorial!
    The linear gradient feature with the background Image doesn't workout with dk why...

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

    Nice ❤

  • @fahisrahmanp1071
    @fahisrahmanp1071 หลายเดือนก่อน +1

    the best understanding video 😊

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

      Glad you liked it. Thanks for your comment. 😊

  • @Mehrdad20
    @Mehrdad20 4 หลายเดือนก่อน

    perfect

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

    Hey easy tutorial
    Jo aap tutorial dete ho usko please responsive bhi karke dikhaya karo

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

    Good 👍 bro

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

    can u do a videos about creating beautiful e commerce website using html, css, and javascript

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

    nice video thank you

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

      You watch all my videos and comment on it. It means a lot to me. Thank you so much. Keep supporting

  • @TarekbinJaman
    @TarekbinJaman 2 หลายเดือนก่อน

    This is my first html, css project

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

    thank you

  • @mojtabaabasimoghadam6066
    @mojtabaabasimoghadam6066 7 หลายเดือนก่อน

    🌹🌹🌹

  • @amitcoc7840
    @amitcoc7840 3 หลายเดือนก่อน

    Good now make a tutorial how to add javascript to it how to make this web site live

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

    Payment gateway kaise add kare uspe video banao bro please

  • @RajuSingh-xc3hx
    @RajuSingh-xc3hx ปีที่แล้ว

    Script file is not working in my pc. What should I do to manage it. OR What configuration is required.

  • @creativetouches1919
    @creativetouches1919 6 หลายเดือนก่อน

    Good job. Is there a way to have access to the code text, soft copy?

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

    can it be used in django?

  • @jade8144
    @jade8144 6 หลายเดือนก่อน

    for some reason i only see a purple background in my website, and it doesn't even cover the whole page, does someone know what's wrong?

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

    Thanks bro
    You are too fast there's a biginers like me please make it slowly

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

    Mostly phpmyadmin and sql

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

    Why didn't you use header and nav in it? Why is there a list in nav? Why not just use hyperlinks? I understand that this can be thought of as a navigation menu, and menus usually follow a list, I don't know...

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

    5:37

  • @roshnishetty6979
    @roshnishetty6979 8 หลายเดือนก่อน +1

    Which editor are you using for programming..plzz tell me🙏🏻

  • @ca2un
    @ca2un 19 วันที่ผ่านมา

    sir i have a problem on setting up the back ground image🤔🤔

  • @Diego-it5gi
    @Diego-it5gi ปีที่แล้ว +1

    Like

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

    this is good but l am failing to produce the same things you are obtaining . so i want to ask if it is possible for you to copy and paste the coding because l dont know whether i am going wrong
    l kindly need your help.

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

      Hi
      Ping me we will help you to create a website as you need.

  • @learntocode1878
    @learntocode1878 17 วันที่ผ่านมา

    Please can you do side by side

  • @technicaltopprogramer8150
    @technicaltopprogramer8150 7 หลายเดือนก่อน

    Hello Sir this video not showing font family so please show font family name ?

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

    I couldn't add background images like you did, I don't know what's problem. Please help.

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

      Same here.. what is the issue?

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

      you just put the image in a folder

  • @chandrus3675
    @chandrus3675 5 หลายเดือนก่อน

    Sir image is not dispaly 😢.... What reason...

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

    hello

  • @yithwin2174
    @yithwin2174 4 หลายเดือนก่อน

    Why does my background image not working???

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

    We want website using html css JavaScript

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

      Hi
      Ping me we will help you to create a website as you need.

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

      @@reddypulavari8953 hlo sir

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

    Source code pls ?

  • @user-mc1et5pm7q
    @user-mc1et5pm7q 4 หลายเดือนก่อน

    image isnt showing on the website can you help?

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

      please check this video for most common error with background image: th-cam.com/video/XOuGqClpnCk/w-d-xo.html

  • @mahi._.typist_
    @mahi._.typist_ 4 หลายเดือนก่อน +1

    Background img not working

    • @Ryuga7cr
      @Ryuga7cr 2 หลายเดือนก่อน

      Check that image and your file is in the same folder

  • @cjmendoza2218
    @cjmendoza2218 3 หลายเดือนก่อน

    What app is this?

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

    Türkçe yook altyazı için 🥺🥺🥺😭

  • @RajuSingh-xc3hx
    @RajuSingh-xc3hx ปีที่แล้ว

    Please pay attention to my comment.

  • @Rylle0913
    @Rylle0913 3 หลายเดือนก่อน

    i had to pause every few seconds 😭😭😭 u type really fast

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

    you are very slow and

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

    Awesome tutorial.. Can you please show how to make this a responsive mobile navigation menu and well? The same tutorial, just responsive please...

  • @chandrus3675
    @chandrus3675 5 หลายเดือนก่อน

    Sir i want contact you🥺plz help me

  • @learntocode1878
    @learntocode1878 17 วันที่ผ่านมา

    Please can you do side by side