How To Create A Website Using HTML And CSS Step By Step | Latest Website Design 2020

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 155

  • @fares.y
    @fares.y 2 года назад

    This is the type of website desgin i was looking for, thanks

  • @MovieClips-qv3iy
    @MovieClips-qv3iy 5 лет назад +7

    We want to Responsive web page on html, css , bootstrap...

  • @laminjammeh4345
    @laminjammeh4345 2 года назад

    Amazing! learning become so easy with easy tutorial.

  • @fabriziotofanelli
    @fabriziotofanelli 5 лет назад +6

    Its nice for desktop but it doesn't seems to be responsive or mobile ready =(

  • @dizinne6360
    @dizinne6360 4 года назад +6

    can you upload the images please so we can follow along?
    cheers

  • @kamal-ahmed
    @kamal-ahmed 4 года назад +2

    Hi, you said the source file like image etc in the description in your video but I could not find it. I need the manu icon you used to follow along. Please provide the source code to follow along. Thank you for your nice tutorial.

  • @mdnayemislamnahid8812
    @mdnayemislamnahid8812 4 года назад

    Very appropriatable work.
    Mind blowing bro

  • @AlaminHossain-cf9qw
    @AlaminHossain-cf9qw 5 лет назад +1

    thank you so much . i am waiting for your new video

  • @adshakin
    @adshakin 5 лет назад +4

    Good tutorial, but pls explain some terms you use and why cause of some beginner that doesn't know css or html.

  • @FirdavsiGameDev
    @FirdavsiGameDev 5 лет назад +8

    So modern looking but for just 100vh isn't that too much design? First thing about design is simplicity

  • @miteshranpara6176
    @miteshranpara6176 3 года назад

    Sir
    I request it you, make one video for web application.

  • @alexandrastratanphotographer
    @alexandrastratanphotographer 5 лет назад +1

    would you please do a continuation on how to add pages to this ? ty

  • @ramendrasoni3368
    @ramendrasoni3368 5 лет назад

    Nice one... bhai pls do some more video of full website from top to bottom for nice member section video gallery nice bottom (footer)and more.

  • @SuperDenkoo
    @SuperDenkoo 5 лет назад +1

    Nice and not very complex, good one mate. Just explain some of the codes you use and what do you use them for.

  • @piyushpatil3306
    @piyushpatil3306 3 года назад

    Nice tutorial keep it up

  • @tejrampaswan7957
    @tejrampaswan7957 5 лет назад +4

    Pls sir make complete responsive web page

  • @edusaavedra3141
    @edusaavedra3141 5 лет назад +1

    great! I practice! nice! Greetings from Peru

  • @tejrampaswan7957
    @tejrampaswan7957 5 лет назад +7

    I have seen about that good tutorials you make. That's keeping on

  • @Dogger1230
    @Dogger1230 5 лет назад +1

    One of my biggest confusions is understanding what display: inline-block; does, what it means, and when I’m supposed to use it. Also the other displays as well (inline, block, etc)

    • @ahurein1641
      @ahurein1641 5 лет назад +1

      HTML tags are grouped into block( eg h1) and inline (eg span )elements. Block element takes up full line, to easily understand this draw a border around h1 element.
      To let inline element to exhibit this behavior we override its default behavior with css property display and set it to block. Also with inline element you cannot use padding on it so we display it as inline -block to exhibit the behavior of both inline and block element

  • @rehanchaudhry6528
    @rehanchaudhry6528 5 лет назад +5

    How to make it respinsive????

  • @wint3r1508
    @wint3r1508 5 лет назад +1

    Great tutorial. But pls upload source image in the next video :). Tks u very much!!!!!

  • @shoumensarker7020
    @shoumensarker7020 5 лет назад +2

    thank you

  • @titusfelix2332
    @titusfelix2332 5 лет назад

    Very professional

  • @khalidbinahsan8199
    @khalidbinahsan8199 5 лет назад

    Amazing work....love you bro

  • @BenHayat
    @BenHayat 5 лет назад

    Just wondering, why you don't incorporate the power of Bootstrap into your design.

  • @AminulIslam-fs6vv
    @AminulIslam-fs6vv 4 года назад

    Love you bro...

  • @mawangmunarwan9589
    @mawangmunarwan9589 5 лет назад +1

    great tutorial,, I've learned a lot thx

  • @codeabhi8452
    @codeabhi8452 5 лет назад +1

    Thanks for video sir.

    • @AbisGamer
      @AbisGamer 5 лет назад

      The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help

  • @ckafrouni
    @ckafrouni 4 года назад +2

    Height: 100vh
    works for .left-col .right-col

    • @edemduku3391
      @edemduku3391 4 года назад +1

      you answered a question nobody asked. bro, would you believe i spent over 2.5hrs figuring this out. i just didn't know what was wrong. thanks a lot man.

  • @resadbagirov8691
    @resadbagirov8691 5 лет назад

    Amazing.. İ loved it.. Thanks for a nice tutorial..

  • @harshilmehta2671
    @harshilmehta2671 3 года назад +1

    Please upload the images so we can follow with you.

    • @GreatStackDev
      @GreatStackDev  3 года назад

      Alright, will add the images link in the description, btw you will find images link in all my latest videos.

  • @humphreyhumphries
    @humphreyhumphries 4 года назад

    You know It would be more nicer of you if you were to provide the link of the materials

  • @digigoliath
    @digigoliath 4 года назад

    Nice. TQ!!

  • @JohnDoe-qn2ej
    @JohnDoe-qn2ej 5 лет назад +1

    You should really be more engaged with your audience

  • @johnbox5540
    @johnbox5540 5 лет назад

    Great video, Avinash. You're doing a great job!

  • @Oifilipemeia
    @Oifilipemeia 5 лет назад +1

    you are pro

  • @AbisGamer
    @AbisGamer 5 лет назад +1

    The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help

  • @youngcolt5305
    @youngcolt5305 5 лет назад +8

    provide source code as well. I'm coding along but my results aren't like yours.

  • @thetower8553
    @thetower8553 5 лет назад

    solid man...great video!!!

  • @emmanuelakogwu720
    @emmanuelakogwu720 5 лет назад +3

    Great tutorial, Could you make part 2 for responsiveness?

    • @AbisGamer
      @AbisGamer 5 лет назад

      The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help

    • @Dataabc
      @Dataabc Год назад

      @@AbisGamer you are right

  • @ittec6756
    @ittec6756 4 года назад

    Good am also do this on visual studio

  • @sambetts4126
    @sambetts4126 4 года назад +1

    I couldn't get the flex-basis thing to work, the left red background failed to pop up. So I couldn't continue. Even though my code is error-free

    • @michaelreed7087
      @michaelreed7087 4 года назад +1

      don't know if you figured it out. but ran into same issue and discovered two solutions. 1. I changed the position of hero to absolute. 2. changing the height from 100% to 100vh seemed to also work. I'm 2 moths into coding but I find it really weird that his way worked for him and i had to find other solutions.

  • @onlineaid
    @onlineaid 5 лет назад

    Go ahead

  • @ryderwarwick9000
    @ryderwarwick9000 5 лет назад

    What programme did you use?

  • @zitrakzsingh7295
    @zitrakzsingh7295 5 лет назад

    Great tutorial Thanks :)

  • @adesarva
    @adesarva 5 лет назад

    may be you can also upload link for image file in the next video :)

  • @vezreyli5562
    @vezreyli5562 3 года назад

    Where you get the creativity man?

  • @thebest-fq4sb
    @thebest-fq4sb 5 лет назад

    I thing i saw this some one make it with dx and you just coding this it gonna be perfect if use your design

  • @vipexcode3263
    @vipexcode3263 5 лет назад +19

    Thats amazing. Can you make responsive web page in next tutorials.

    • @ukaszszarpak1938
      @ukaszszarpak1938 5 лет назад

      Yeah, that would be great!

    • @trycatchlearn
      @trycatchlearn 5 лет назад

      I am to waiting to watch your next video on responsiveness to this site.

  • @rambabupalla8354
    @rambabupalla8354 5 лет назад +1

    Bro, Is the website is responsive? ...

  • @vjprathap6796
    @vjprathap6796 5 лет назад

    Nice works..

  • @kamal-ahmed
    @kamal-ahmed 4 года назад

    Brother, I am a bit confused at 2.00 . How can you show red color without any content in the document? I have done exactly the same and I have rewatched your video 10 times but still I did not get the same effect and I realized that 100% value is relative to its parents height and all parent container tags like div.hero, body or even html have 0 content so 0 height. Now giving 100% to child tags will achieve 0% height from its parent as the parents height is 0 because of no content inside them. So, how can left-col receive red background and full screen height without content or fixed height like vh or px etc. Please help me understand this. thank you so much.

    • @swing-o-gram
      @swing-o-gram 4 года назад

      Instead of 100% use 100vh instead for left/right-col's height value.

  • @ProgrammingwithPeter
    @ProgrammingwithPeter 5 лет назад +1

    Looking great! P.S. been a while since i saw someone using brackets!

    • @AbisGamer
      @AbisGamer 5 лет назад +1

      The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help

    • @ProgrammingwithPeter
      @ProgrammingwithPeter 5 лет назад +1

      @@AbisGamer what do you want to implement? a slider ?

    • @AbisGamer
      @AbisGamer 5 лет назад

      @@ProgrammingwithPeter the text is over another text and when the last slider comes the last text shows bht when the first slider comes all the text and there and there is supposed to be only one text which is for slider 1

    • @ProgrammingwithPeter
      @ProgrammingwithPeter 5 лет назад

      @@AbisGamer can you make a codepen with it ?

    • @AbisGamer
      @AbisGamer 5 лет назад

      @@ProgrammingwithPeter whats a code pen ? I just dont want the 4th 3rd and 2nd text to show on the 1st slide and 1st 3rd and 4th to show on the second one..

  • @marufkhanmaruf3838
    @marufkhanmaruf3838 3 года назад

    nice bro

  • @rizwanrizu6694
    @rizwanrizu6694 5 лет назад +2

    Responsive website

  • @ojoksimonstephen3555
    @ojoksimonstephen3555 5 лет назад

    Wow, this is awesome

  • @williamvinct
    @williamvinct 5 лет назад

    Helo, so the flex-basis is a flex box? I pretty much hear about flex box but didnt understand what its

    • @cooljohnny9402
      @cooljohnny9402 5 лет назад

      William Vincent flex-basis is the width of the flex item. Acts like a div width, but this is for flexbox.

    • @s.m.rakibhasan7772
      @s.m.rakibhasan7772 3 года назад

      @@cooljohnny9402 can you please make me clear that what he used inside the content: ' 02/04 ' like that. I will be grateful to you...

  • @himsha64
    @himsha64 5 лет назад

    great, but what about responsiveness

  • @princedube8332
    @princedube8332 4 года назад

    Followed along upto 2 minutes, but nothing shows up on browser.

    • @princedube8332
      @princedube8332 4 года назад

      when i use px instead of %, divs show up, when i use % they disappear, what could be the problem?

  • @remixowlz
    @remixowlz 5 лет назад

    What about mobile friendly?

  • @md.zakirhossain7290
    @md.zakirhossain7290 5 лет назад

    Good

  • @ahmedmawiya3834
    @ahmedmawiya3834 5 лет назад +1

    How can I make the icons linked to browser sir

    • @zitrakzsingh7295
      @zitrakzsingh7295 5 лет назад

      download the jpg image of icons and add it to your html code :)

  • @TAHA-TOUABA-RADIOGRAPHER
    @TAHA-TOUABA-RADIOGRAPHER 5 лет назад

    How to turn any website responsive to mobile views?

  • @Dev_UI
    @Dev_UI 5 лет назад

    cool!

  • @dennyandrian8573
    @dennyandrian8573 5 лет назад

    mazing

  • @AnwarPashton
    @AnwarPashton 5 лет назад

    hello and good night how to online publish on website can helpe me

  • @frosty_gaming_za
    @frosty_gaming_za 5 лет назад

    How do we make this template responsive to mobiles

  • @stevenarevalo2308
    @stevenarevalo2308 4 года назад

    link to download the image folder? please

  • @mohdnawazishalam3255
    @mohdnawazishalam3255 5 лет назад +2

    How to make this responsive??

    • @AbisGamer
      @AbisGamer 5 лет назад

      The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help

  • @skapha
    @skapha 5 лет назад +1

    it looks good, but it's not responsive!

    • @steff97official
      @steff97official 5 лет назад +1

      Mija Kovač how to make it responsive?

    • @princedube8332
      @princedube8332 4 года назад

      @@steff97official code it in bootstrap studio, it will be responsive automatically

  • @bulletraja8728
    @bulletraja8728 4 года назад

    Please upload source code and images

  • @SSH10101
    @SSH10101 5 лет назад

    How to calculated White bars top and left?

    • @zitrakzsingh7295
      @zitrakzsingh7295 5 лет назад

      do hit and trial for dimensions and apply what suits you best.

    • @SSH10101
      @SSH10101 5 лет назад

      Zitracks ok , thanks

  • @theodor7249
    @theodor7249 5 лет назад +2

    I am a Premium Member and pay 5€ a month for the source code and more. Where can I get the source code for all these websites. I already dm you on Facebook?

  • @chonabello7176
    @chonabello7176 5 лет назад +1

    How to put image inside the navbar

  • @theknowsitall
    @theknowsitall 5 лет назад +1

    whats the code editor used?

    • @klevishenkoja3560
      @klevishenkoja3560 5 лет назад

      Virtual studio

    • @davinky965
      @davinky965 5 лет назад

      @@klevishenkoja3560 The dude used Brackets in this video, not VS code.

  • @krimogaming7903
    @krimogaming7903 5 лет назад

    Can you create a website with database
    JSP SQL

  • @faizalam8489
    @faizalam8489 4 года назад

    Please give us source code of this website homepage

  • @Callci
    @Callci 5 лет назад +2

    Do you know some alternatives for div?

  • @bulletraja8728
    @bulletraja8728 4 года назад

    Please upload source code

  • @hamzasabir6053
    @hamzasabir6053 5 лет назад +2

    Hey sir, thank you, you just miss the source of images .... UNFOUND!!!!

    • @khalidbinahsan8199
      @khalidbinahsan8199 5 лет назад

      What's happened actually? Put your image at the exact folder ..hopefully then it's work properly

  • @shaheelarka1522
    @shaheelarka1522 3 года назад

    Pic ki link kaha han

  • @bibeksaha9182
    @bibeksaha9182 5 лет назад

    Link to the source code please

  • @optical_fibre
    @optical_fibre 5 лет назад

    Give the source code please😛😛😛😛😛🙏🙏🙏

  • @Tipualikhan
    @Tipualikhan 5 лет назад

    Too much use of magic numbers :(

  • @miguelmoyamontero5624
    @miguelmoyamontero5624 5 лет назад

    porfolio

  • @imatrueindian240
    @imatrueindian240 5 лет назад

    Dude create college website

  • @CreativeAnujkumar
    @CreativeAnujkumar 4 года назад

    hierarchy is not good.

  • @rickyyfirdaus9937
    @rickyyfirdaus9937 5 лет назад

    link href on front is error ??

  • @abhishekmaurya8330
    @abhishekmaurya8330 5 лет назад

    Is it responsive?

    • @swing-o-gram
      @swing-o-gram 4 года назад +1

      No. Every other comment on here is asking on how to make this responsive.

    • @abhishekmaurya8330
      @abhishekmaurya8330 4 года назад

      @@swing-o-gram lol Same here

  • @initokodesignid
    @initokodesignid 4 года назад

    give us the source code

  • @bl_int
    @bl_int 5 лет назад

    I need how to responsive this website

  • @kostasancez2358
    @kostasancez2358 5 лет назад

    Hi! Subscribes want responsive and interactive this page, i think it's very difficult make, with absolutely position elements, sry for my English))))

  • @arandomghost
    @arandomghost 5 лет назад

    source code?

  • @krishnamondalkm4161
    @krishnamondalkm4161 3 года назад

    plz give me for imags file

  • @aktarulgazi3215
    @aktarulgazi3215 5 лет назад

    ভাই আমার সাথে

  • @edwinleonardo9340
    @edwinleonardo9340 5 лет назад

    hola pon un link iconos prfavor

  • @jihedjaoidi4313
    @jihedjaoidi4313 4 года назад

    where is the image bro you tell us is gonna be in the link every video you do that but we don't find.. so stop lying first unlike

  • @DaPazert
    @DaPazert 5 лет назад +1

    Perfect example of low quality code. Please don't just blindly copy this...

  • @bryanltobing
    @bryanltobing 4 года назад

    Not responsive

  • @comentarista8915
    @comentarista8915 5 лет назад

    x