How To Make A Website Using HTML And CSS Step By Step | Website Design Tutorial With HTML CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ต.ค. 2024
  • Learn How To Make A Website Using HTML And CSS, HTML Website Design Tutorial Step By Step. Website Design Home Page
    ❤️ 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
    👉 easytutorialsp...
    In this video tutorial you will learn how to create a website design using HTML & CSS. #WebsiteDesign #HTML #CSS
    Download images and icons used in website design
    drive.google.c...
    ---------------------------------------------
    You may like below tutorials:
    Create Login and Registration form using HTML CSS
    ► • How To Make Login & Re...
    Make a contact form using HTML, CSS and PHP
    ► • Create Working Contact...
    Make a travel website With HTML, CSS & Bootstrap
    ► • How To Make A Website ...
    Create an e-commerce website front end design
    ► • How To Make ECommerce ...
    -------------------------------------
    Image source:
    www.freepik.com
    -------------------------------------
    Looking for source code? You can find my coding video's source code in my channel's community post exclusively shared for channel members (only channel members can see)
    Join channel membership:
    / @greatstackdev
    -------------------------------------
    Like - Follow & Subscribe us:
    ► TH-cam: goo.gl/tTFmPb
    ► Facebook: goo.gl/qv7tEQ
    ► Twitter: / itsavinashkr

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

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

    All these tutorials would benefit massively by making the websites responsive as well.
    You are a fantastic teacher and I give you my thanks a million times over. The designs in some pages are great! The website responsiveness should be included though, it's 2020
    Other than that, have a great day brother!

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

    Broo you relly an inspiration!!!just keep up the good work, guys let's make the Channel famous!!! Congratulations to myself for been the first viewer🤣🤣🤣🤣🤣🤣

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

    Bless my brother your tutorials make a big changes to me👊

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

    just followed this tutorial step by step and i built my first ever website. thank you

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

    this tutorial is great, I know the basics, and this complements everything that I know to apply in real design.

  • @roman-saran6698
    @roman-saran6698 4 ปีที่แล้ว +4

    My best teacher 🌟🌟

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

    I'm using that to make a website for my church!

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

    All the bast tutorial my healful bideo

  • @shivamkumar-qp1jm
    @shivamkumar-qp1jm 4 ปีที่แล้ว +1

    Decent look just amazing

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

    the design is amazing! congrats

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

    Bahut shi video banate ho sir aap.❤️❤️Thankyou so much for all ur videos and for making us understandable.Ur videos always helps me to get to know every points and steps clear. Great way of Explaining.🙏🙏👩‍💻💻✨

  • @حكموأقوال-ص6ل
    @حكموأقوال-ص6ل 4 ปีที่แล้ว +2

    it is an awesome design

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

    the hovering affect with the line disappearing and appearing above the top header, didn't work for me. I do appreciate your instructions and simply design.

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

    Very helpful brother your videos to my projects in class
    Thank you soo much

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

    Sir , In Barber Studio website, before the testimonial section my css file worked but after it, stopped working.
    Even tried your another website, but this time css not working,
    Please help me to fix it!!!
    On an urgent basis.

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

      Please share me your complete file on email so that i can check, where the issue is. Email: [avinashdm@outlook.com]

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

    Simple way nice 👍

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

    Thank you so much brother. Even though i had been learning for a while, working on your projects helped me in buiding my confidence. Hope i'll return you back one day.

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

    Love the tutorial you made it seem simple though you have to remember alot of coding. Your design was amazing clear and concise 🤩

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

      where is the source code bro?

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

    Make more this type of interesting websites 👍👍

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

    Thanks for this video!, because of this, you gave me a hint how to do it and make it.👍😁

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

    Simple but very effective design thanks for sharing

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

    What software are you using to write the code?

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

      It's brackets Editor, you can download here: brackets.en.softonic.com/download
      Here is the video for brackets editor shortcut keys: th-cam.com/video/88Xb1fhst2I/w-d-xo.html

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

      @@GreatStackDev Thanks much!

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

    Waaawwww I really like it

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

    bro, can you tell me from where we get the stobery-like picture ?

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

    Make it responsive..

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

    Clean and attractive design

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

    Easy tutorials but really awesome design.

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

    Thanks Sir 😄

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

    10 REALLY LOVE THIS CHANNEL VERY INFORMATIVE . KEEPS ME UP

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

    Sir background image error how solve this problem

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

    absolutely amazing. thank you sir for your amazing teachings

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

    I am having issue with the navigation bar. Mine is not giving same result as your

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

    what application is it made from?

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

      brackets editor, you can use any code editor

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

    Howdy! You make amazing work but I would personally recommend doing the Responive Design aswell. By the way hello from Czech Republic!

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

    Very nice brother..we Want video every day.

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

    which text additor do you use

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

      Brackets editor

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

    what editor apps did you use? thanks in advance

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

      it is brackets editor, you can use Visual Studio code too. Thanks for your comment

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

      @@GreatStackDev I love your video, thanks again😊

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

    how can i get this same code structure for copy and past practice?

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

    Your content is really helpful. but please try to explain more the tricky stuff you use in your webpages.

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

    Many Many helpful. You''re a legend man!!!!!

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

    I accidentally tapped the screen twice. thought this is Instagram post lmao

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

    First design was awesome... This one is responsive or not

  •  4 ปีที่แล้ว

    thanks mate

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

    Thanks for the tutorial, i'm learning and this is very useful :D

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

    Nice website 👍
    I liked it

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

    Nice tutorials.

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

    bro please make a vd of packages which are you use

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

    Cool design, thanks. Is it responsive?

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

    Please make tutorial on back end and web uploading in server

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

    bro you are awesome.

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

    nice vedio

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

    Great

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

    It is a static website or not ?

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

    Sir your vedios are osm, no doubt ....but always you do one thing that is very very irritating you can ask any subscriber.....that you always make webpage like saying just align left, transform, abouslute...but inka matlab samj hi nhi atta ....what the each line means o to batavo sir ji...tabhi we can create out r webpage.......we can't copy always you n

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

    The way he pronounces "width" I thought it was a German word, good thing we can see what he is doing...other than that good tutorial !

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

    Please make a video on wordpress VS html,css,js

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

    HELPFUL
    #THANK YOU

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

    Could you please tech coding from basic......

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

    Great....

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

    Thanks you sir.....

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

    Perfect, lovely

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

    wonderful , brother

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

    Hi, why didn't you use the nav tag?
    :)

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

    Great tutorial

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

    is there a complete tutorial for this?

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

    Creative design

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

    Sir plz I have question? Sir how to make table web layout??

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

    Wow..!!!😍

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

    Good job

  • @ramchandra-in3cr
    @ramchandra-in3cr 4 ปีที่แล้ว

    Hi where we are maintaining this code

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

    Thank you

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

    nice 1

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

    Can you design admin page using html css tutorial. I really need it

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

    I want to talk to you about html and css because I'm learning them, how can we get in touch? Please

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

      Bro I suggest you to learn HTML & CSS from websites like freecodecamp.org/learn or codecademy.com/learn ! These are very useful as well as free websites which will teach you code!

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

    Thank a lot...

  • @JackSparrow-xp3bf
    @JackSparrow-xp3bf 3 ปีที่แล้ว

    Nice bro

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

    Great bro

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

    marvin ezekiel
    3 months ago
    absolutely amazing thxxxxxxx bro

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

    sir ye logo kahan se mily ga

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

    How much earn you from making one website

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

    Looks sweet like strawberries.

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

    Why do we do this ??
    left: 50%;
    transform: translateX(-50%);
    Cant we simply do left 0%. Why are we sending it left by 50 % and again giving negative value to translate it?

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

    Plz use icon fonts for social media icons

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

    Please some concept also in between like what going to happen when we do margin and padding to 0 or flex and other concept.

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

    Sir next video Hindi me banana

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

      Mere iss channel pe Hindi me video milenge, Bht Jald ek full website template ka video aane wala hai, working on it. th-cam.com/channels/a_AniecsHvzS1J1zyHU3qg.html

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

    brilliant!

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

    Is this responsive??

  • @mouni-o-
    @mouni-o- 2 ปีที่แล้ว

    Image is not not working in html file what to do

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

    Please make a web based application

  • @muhammadimran-kb9jt
    @muhammadimran-kb9jt 4 ปีที่แล้ว

    Sir can you design and develop an one page website using html css for my start up

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

    Please Make the HTML and CSS Tutorial

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

    Please I would be more glad if you make it Responsive

  • @AhmadHassan-db9qf
    @AhmadHassan-db9qf 4 ปีที่แล้ว

    Why it does not work in note pad

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

    no sublite?

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

    Wow

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

    Bro working search bar video poduga

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

    All changes for web in "fruit opia"

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

    ty broo :D

  • @md.abutaher1331
    @md.abutaher1331 3 ปีที่แล้ว +1

    ul li a::after{
    content: '';
    width: 100%;
    height: 10px;
    background-color: rgba(165, 230, 13, 0.89);
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
    }
    From this code please anyone explain under this two lines of code
    left: 50%;
    transform: translateX(-50%);

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

      Left 50% place it at 50% distance from left side.
      translateX(-50%) will move it back by 50% of it's own width

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

    How to download html and css software in windows10 laptop