Responsive Admin Dashboard Page HTML And CSS

Поделиться
HTML-код
  • Опубликовано: 1 янв 2021
  • Responsive Admin Dashboard Page With HTML & CSS
    SUBSCRIBE ► shorturl.at/bdgB1
    In this video you will learn how to make a professional Admin Dashboard Page with HTML and CSS . You will learn to create the good looking, admin dashboard page that you can use in your web applications and it is mobile friendly. This is a tutorial geared towards beginners, who want to learn HTML and CSS website design and development and also learn how to design a cool looking Admin dashboard template
    #AdminDashboard #AdminTemplate #AdminPanel #AdminPage #HTML #CSS
    Watch More Admin dashboard web Tutorials:
    ===============================================
    Responsive Admin Dashboard using HTML, CSS and JavaScript
    • Responsive Admin Dashb...
    Responsive Admin Dashboard Template with HTML and CSS
    • Responsive Admin Dashb...
    Sleekadmin Bootstrap 4 admin dashboard template with HTML, CSS & Javascript
    • Sleek admin Bootstrap ...
    Ecommerce Website using HTML/CSS | Mobile First - Part 1
    • Ecommerce Website usin...
    Responsive ecommerce website using HTML/CSS
    • Responsive ecommerce w...
    Don't forget to leave a thumbs up and subscribe if you found the video useful. Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded.
    Social links:
    ======================================
    / coderesourcce
    / coderesource
    Keywords
    ==========================================
    admin dashboard html css,
    admin dashboard,
    responsive admin dashboard html css,
    responsive admin panel,
    responsive admin dashboard,
    responsive admin dashboard menu layout,
    responsive admin theme,
    website design,
    css animation,
    responsive website,
    admin template,
    html admin template,
    css grid admin template,
    css grid admin layout,
    html css admin,
    responsive admin dashboard template html css,
    admin page,
    admin page html css,
    sidebar menu html css,
    sidebar html css,
    html sidebar menu,
    css sidebar menu,
    code resource
  • НаукаНаука

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

  • @Coderesource
    @Coderesource  3 года назад +58

    Guys, You can also watch this tutorial on how to create professional Admin dashboard template with HTML and CSS
    ruclips.net/video/3FJgGw_ESEc/видео.html

    • @hieunguyen0801
      @hieunguyen0801 3 года назад +10

      do you share source code

    • @muhammadumerhassan3996
      @muhammadumerhassan3996 3 года назад +4

      How i want to get this code?

    • @abhishekva449
      @abhishekva449 3 года назад +3

      Bro, create admin panel using bootstrap also. Lot of people using that one

    • @Coderesource
      @Coderesource  3 года назад +5

      @@abhishekva449 Alright. I will add that in my todos

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

      @@Coderesource cool, thanks 👍

  • @manuchotech7154
    @manuchotech7154 3 года назад +19

    I have never been more impressed by a coding tutorial. I love your commitment to making the dashboard responsive to the adjustment of the browser size. Loved the dashboard mate! You give a lot of us hope to reach such levels even without the aid of a tutorial! Keep the good work going

  • @Coderesource
    @Coderesource  3 года назад +11

    Guys, Don't forget to leave a thumbs up if you found the video useful. I would love to hear your suggestions on what video we should make next

  • @psinthorn
    @psinthorn 3 года назад +36

    24:00 Start table for recent projects and new customer
    35:40 Start Navbar Toggle

  • @scorpion32
    @scorpion32 3 года назад +5

    Flawless , this is really nice

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

    I am searching almost 6 month to make pannel without javascript.
    Thank u so much 🙂🙂

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

    Very informative! Very clear step by step tutorial! Thanks a lot!

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

    oh God! The video is very engaging! thanks you, bro, pro!

  • @joseherrada7180
    @joseherrada7180 3 года назад +2

    Bro, i watched it before, that template is so current. But you're did good job

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

    Wow, Super Dashboard! Thank You Soooo Much!!!!

  • @ryan-ys2ke
    @ryan-ys2ke 3 года назад +1

    thank you for your tutorial, keep coding bro

  • @MovieHeretic
    @MovieHeretic Год назад +9

    Only watched first ten minutes, need to go do some stuff, but finally a tutorial that doesn't rely on bootstrap (which to be honest is not needed with modern grid design)

  • @iyyappanradhakrishnan6111
    @iyyappanradhakrishnan6111 2 года назад +1

    Good and useful one... Thank you.

  • @opahprincewill4103
    @opahprincewill4103 3 года назад +3

    hi bro. great job. pls, how the you handle the overflow between the header and main sections. the z-index don't seem to work

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

    excellent design :)

  • @hp7557
    @hp7557 2 года назад +1

    Greattt... Liked yr work. Lot to learn here.. Thanks for showing up...

  • @samwelokou4505
    @samwelokou4505 2 года назад +1

    Good work bro. I vote you in. Please update now with drop-down sidebar . I love your creativity keep up.

  • @sandoku
    @sandoku 11 месяцев назад

    LOVE the MUSIC!!!! SO COOOOOL aka awakening🎧🎶🎶🎶🎶

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

    The least you can do is like the videos and subscribe. Thanks for the content.

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

    thanks a lot brother....Great work.. big appreciation😍

  • @storminnorman7445
    @storminnorman7445 2 месяца назад

    Thanks for the video @Code Resource!

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

    Thanks for your video

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

    Nice work

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

    Very nicely done thank you somuch

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

    very very nice good one

  • @vbpian
    @vbpian 3 года назад +13

    THANK YOU !!!
    Mostly i copy-paste from ready-to-use code template out there, but your video attract me to type every single line of code till the end because its so flawlessly. The good thing is, when i write the code now i can clearly understand what CSS code does with html tag. When i want to make changes its easier what css-code part i should modify.

    • @pritamgaikwad5104
      @pritamgaikwad5104 2 года назад +2

      PLZ SHARE SOURCE CODE

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

      Can u please share ur code

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

      I'm lazy someone share github link pls

  • @rorosaria26
    @rorosaria26 3 года назад +2

    thank you so much.

  • @x-jbbj-x8107
    @x-jbbj-x8107 2 года назад

    This is a helpful video !!! Thanks dude !!!

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

    Thanks for sharing!

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

    Nice work but the issue I have with this is that despite following all you showed in this video, line awesome icons don't display. I displays on one page and doesn't on another. I am building an angular project as a beginner so I am following your tuts, step by step. My sidebar doesn't hide the sidebar brand when prompted and I think if u were able to drop the link to download this project files, it would have me compare my codes and make changes where I should. Thanks.

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

    great tutorial thank you so much

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

    Excelente video 👍

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

    Super and very useful.👋

  • @nandakishors7737
    @nandakishors7737 3 года назад +8

    Congrats! You just gained a subscriber

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

      Thanks. Appreciate it

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

      Plus one

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

      @@Coderesource Bro how much if i but from you?

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

      @@Coderesource I did also... Can I get the source code please you are doing a great job

  • @RicardoOliveira-sb5kp
    @RicardoOliveira-sb5kp Год назад

    Great video. Thaks bro.

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

    Amazing

  • @mayurkode8569
    @mayurkode8569 3 года назад +3

    Intersting color choice... pink for admin board.

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

    Awesome page

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

    You are dashing amazing

  • @ibrahemtaha8177
    @ibrahemtaha8177 3 года назад +3

    Many Thanks for sharing!!! please more videos like that bro!!!!
    could you please add timestamps for that and future videos!! thx

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

    Awesome

  • @burgasdragonheirsilentgods
    @burgasdragonheirsilentgods 3 года назад +3

    Nice work !!! I love watch and create HTML videos

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

    You just won my subscription!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!. Wating for a video on how to link it to e-commerce website. Nice work.

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

      Thanks for the vote of confidence

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

    Your content helped me a lot.
    Thank You.

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

    It's cool, I like this video.

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

    great!!

  • @AyushKumar-fk5lm
    @AyushKumar-fk5lm 3 года назад

    nice background music!

  • @FlutterShipp
    @FlutterShipp 2 года назад +1

    Fantastic man

  • @kevinrauer
    @kevinrauer 3 года назад +11

    Great tutorial.. Is the source available for this?

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

    Thank you

  • @jonathanrybka6061
    @jonathanrybka6061 7 месяцев назад

    Man, I really wished you showed which shortcuts you used sometimes, if you DELETED, CUT, COPIED, or PASTED, because sometimes I had to waste way too much time time trying to figure out blindly what you were doing. Otherwise, most excellent video

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

    What’s the name of this song? By the way, amazing tutorials. This is gonna help me a lot on my school projecto. Keep it up. You’re amazing

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

    Nice

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

    nice video

  • @SAD-op9mi
    @SAD-op9mi 7 месяцев назад

    Thank you very much

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

    Would you make a tutorial of how to make a blogger template? Thank you 🙏

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

    I have practiced the display above but the results are different, what appears is only a white screen and the writing, the color and design are not visible

  • @Khira.9
    @Khira.9 3 года назад

    nice work !!

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

    Very good 🤩

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

    YOU ARE THE REAL TEACHER TANKYOU !!

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

    Uau, like, like

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

    Thanks for this beautiful ui

  • @daveys4582
    @daveys4582 2 года назад +1

    like the code, subsribed

  • @5AceTech
    @5AceTech Год назад

    Hello,
    I make admin panel according to your instructions but my header section doesn't expand as yours.
    Except header working all the code run properly.
    Plz guide me how to overcome from this problem??

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

    What's the best way to add multiple users with different rights on a dashboard like this ?

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

    Wow! Ni bazance komi ba

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

    hi pls i need help how did you do put your main content (dashboard) same level on their right???

  • @MrSajibroy
    @MrSajibroy 3 года назад +16

    @Code Resource, could you please share your source code?

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

    Amazing video, please creat page transition animation and loading animation.

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

    DOPE

  • @Devbello.
    @Devbello. Год назад

    Thanks SM. Please do you mind showing how to link it to my blog I just created using HTML and CSS with JS. I’m new to this

  • @keeei6979
    @keeei6979 2 года назад +1

    the grid-template-column: (4, 1fr) in the cards-single css drove me crazy, i wanted to cry. It was the first time i encountered that (i'm a newbie). I thought 1fr was lfr (lowercase L) because they looked so similar in the font the Visual Studio Code uses.

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

    😍😍

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

    very good, i like it 😍

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

    grid-gap is not working, why? ( Property is obsolete. Avoid using it.
    Shorthand that specifies the gutters between grid columns and grid rows in one declaration. Replaced by 'gap' property.)

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

    WOW

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

    can you give me the source code ? I tried your code it doesn't work at "grid-template-columns: repeat(4,1fr)" and the navbars are not working when i close the whole nav view !

  • @o.abdelaaziz
    @o.abdelaaziz 3 года назад +1

    every thing is ok just the sidebar widh is to long ...try to minimize that and the look will be amazing

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

    Muchas gracias !

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

    which software you are using to create html.

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 года назад

    Thanks

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

    How do you connect data source? Let’s say maybe from API, Zapier, or Google Sheets?

  • @adamfofana6343
    @adamfofana6343 Год назад +1

    Good, do you freelance projects?? interest by dashbord

  • @Ccodebits
    @Ccodebits 2 года назад +1

    This is great but how do I make it work with the database?

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

    haha, centering that freaking hamburger icon took you some tries :)

  • @Veasnn_M.
    @Veasnn_M. 2 года назад

    Hello how can I integrate this template into my existing admin panel?

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

    17:09 My cards are not floating to the right. What could be the problem?

  • @himanshuatweb
    @himanshuatweb 3 года назад +2

    when you click on hamburger menu the contents comes from bottom in glitch way. how to fix that ?

  • @airmode5545
    @airmode5545 3 года назад +2

    Can you share repository (github ? )

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

    Bro, where does the search bar go when you change the resolution to mobile responsive?

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

    Muito bom

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

      Bro what did you do at 35:12
      Can't understand. Plz help I don't have time

  • @thalitasilva5246
    @thalitasilva5246 3 года назад +4

  • @emma.x316
    @emma.x316 2 года назад +1

    SLAYNT

  • @TTL5001
    @TTL5001 Год назад +2

    Please may you share the source code. Great work

  • @Tarun-uj4vq
    @Tarun-uj4vq 3 года назад

    Hello sir how to create a Responsive Admin Multiple Pages in HTML5 And CSS 3 and side submenu please sir video upload

  • @mklmo831
    @mklmo831 3 года назад +4

    Thank you for the project. Can you give the link to the images used please.

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

    Hey bro i really liked your work. Please can you tell me how can i access the dashboard as an admin and change the data for customers??

  • @ben-cb5er
    @ben-cb5er 3 года назад +9

    hi code resource could you provide code resource? lol or at least the images.. it just makes it easier to follow along. thank you and awesome videos

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

    Can I ask a code of css? Some css code of yours that I have copy doesn't appear on the result

  • @MauriceTheMagnificent
    @MauriceTheMagnificent 2 года назад +1

    I understand the necessity of coding along and not just copying and pasting. It somehow makes you get the job done in your own way but the essence of adding a Github repo to some of these youtube tutorial videos is to compare and then find possible places one might have encountered bugs in and then move on. In my own case, I'm stuck in 34.04, my customer table is not reacting same as in the tutorial video. It's generally a nice tutorial but the repo would have saved lives and bugs with ease.

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

      Bro what did you do at 35:12
      Can't understand. Plz help I don't have time