Website layout with image gallery using HTML and CSS

Sdílet
Vložit
  • čas přidán 27. 08. 2024
  • Website layout with image gallery using HTML and CSS.
    Download Source code from here: techmidpoint.com/
    More Videos.
    =========================
    HTML and CSS Navigation Bar with Search Box : • HTML and CSS Navigatio...
    Responsive and transparent navigation menus with social media icons : • Responsive and transpa...
    Awesome Overlay Signup Form | HTML, CSS and JavaScript: • Awesome Overlay Signup...
    Responsive navbar with search box | HTML and CSS: • Responsive navbar wit...
    Navigation Bar with Login Form || HTML and CSS: • Navigation Bar with Lo...
    CSS Coffee Cup with Stream || HTML and CSS: • CSS Coffee Cup with St...
    CSS Background Animation | HTML and CSS : • CSS Background Animati...
    CSS Grid Layout | HTML and CSS : • CSS Grid Layout | HTML...
    Full Screen Login Form with HTML and CSS : • Full Screen Login Form...
    CSS Smoke Text Animation : • CSS Smoke Text Animation
    Awesome Animated Search Box using HTML and CSS : • Awesome Animated Searc...
    Cool CSS Border Animation On Hover | HTML and CSS: • Cool CSS Border Anima...
    3D social media icons with HTML and CSS : • 3D social media icons ...

Komentáře • 150

  • @rudendelosreyes1398
    @rudendelosreyes1398 Před 4 lety +5

    part 2 idol you can create all button then try to function it :D thanks for this video !

  • @_anjthings
    @_anjthings Před 4 lety +10

    Thank you for this tutorial it helps a lot!!

  • @simpleton7758
    @simpleton7758 Před 4 lety +6

    very helpful~ i'm a beginner worried about aligning pics. thank you so much ~~

  • @user-fv3je9zb2c
    @user-fv3je9zb2c Před 3 lety +5

    Out of topic but THE CAT IS SO DAMN CUTE WTF. Btw, good work Web Master! I love this vid! Thank you!

  • @sirimahithachalla5353

    Thank you it is a better explanation, I have searched a lot for this explanation .

  • @kdurga605
    @kdurga605 Před 2 lety

    Thanks a lot for sending this video
    This video is very useful for me

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

    omg I've been searching for this for 7 freaking hours... Thank you so much

  • @adipgaming5722
    @adipgaming5722 Před 10 měsíci

    Thank you sir it was very helpful

  • @makedreamscometrue465
    @makedreamscometrue465 Před 3 lety

    This is the best video for beginners!!

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

    Thank you, works very well

  • @jagdeepsinghthakur8871

    Too good sir ji Thank you

  • @whirldazia403
    @whirldazia403 Před 2 lety +7

    Thanks for the tutorial by the way it would be really nice if you also upload your images file. I am having a problem selecting the images because of the different resolutions and pexcels.

  • @emilianosoriano2983
    @emilianosoriano2983 Před 4 měsíci

    Great tutorial thank you!

  • @santhukadaisaleem6270
    @santhukadaisaleem6270 Před 3 lety

    It is very helpful thankU so much thanks alotsss... do more videos... we want to learn more

  • @Ncs14770
    @Ncs14770 Před 4 lety +1

    my webpage looks great! thanks bro!!

  • @richapatil908
    @richapatil908 Před 5 lety +1

    Sir such an amazing explanation. Thanks a lot sir

  • @hishamsomroz6913
    @hishamsomroz6913 Před 3 lety +5

    real tutorial starts after 7:20 (thank me later).

  • @tindimwebwahadijah9764

    Thanks bro your're the best

  • @romeissa5232
    @romeissa5232 Před 3 lety +1

    Thank you so much , this was very helpful 🤗

  • @dauntlessgaming28
    @dauntlessgaming28 Před rokem

    Thank you for the tutorial

  • @MuhammadBilal-yx8ck
    @MuhammadBilal-yx8ck Před 4 lety

    I like your and easy to learn all of navigation bar

  • @BGP_23
    @BGP_23 Před 3 lety +1

    This was great, thank you very much!

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

    This video was amazing!!! Thank you for the tutorial!

  • @mxd735
    @mxd735 Před 6 lety

    Thanks man you rock
    May God bless you

  • @HonkForLife098
    @HonkForLife098 Před 2 lety

    Helped me a lot. Thanks!

  • @matekimagick
    @matekimagick Před 2 lety

    Awesome video! Thank ypu SO much!

  • @emmanuelashibuogwu6869

    Thanks dude you really helped me

  • @antoinegodin4229
    @antoinegodin4229 Před 4 lety

    it will way better to save and show part by part than everythin in one time ...

  • @kzuhairi2008
    @kzuhairi2008 Před 6 lety +2

    Subscribed ! Done share and like ! love this tutorial so much. may god bless you !

  • @Jarlovinss
    @Jarlovinss Před 3 lety +5

    when i did it my 4 ´pictures was on top on eachother and i only got 1 picture in 1 row ;(

  • @user-oo8oc3mk2s
    @user-oo8oc3mk2s Před 6 lety +1

    Thank you it's use full
    I ned more how uplod in internet

  • @psgamer9580
    @psgamer9580 Před 2 lety

    Explained in detailed really helps while making projects thanks for making these videos

  • @solution3504
    @solution3504 Před 2 lety

    Thank you very much you helped me so much

  • @ma-arufburad8826
    @ma-arufburad8826 Před 3 lety

    Thanks for the tutorials

  • @basundharasingh2058
    @basundharasingh2058 Před 3 lety

    @web master You Got a Sub

  • @ianjamespil7137
    @ianjamespil7137 Před rokem

    thank you for the tutorial

  • @Joe-sr8zi
    @Joe-sr8zi Před 3 lety

    Thanks a lot, you saved me .

  • @sumanrai8810
    @sumanrai8810 Před 7 lety +2

    Thanks.....!!!!! Love u

  • @abdulbasit9364
    @abdulbasit9364 Před 3 lety

    It's help me in my project

  • @kelseyburger
    @kelseyburger Před 3 lety +3

    this is great but mine do not line up 3X3. I have one that goes all the way to the right and then the rest are lined up next to each other and the last one is by itself all the way to the left

    • @Royversebeatz
      @Royversebeatz Před rokem

      Mine also same problem how to resolve it please tell

  • @irenemcharo6406
    @irenemcharo6406 Před rokem

    Thank you so much ❤️

  • @rajbannasa7662
    @rajbannasa7662 Před 2 lety

    Thank you so much sir ❤️

  • @visionit5720
    @visionit5720 Před 3 lety

    thank you web master

  • @nivsaredealfx131
    @nivsaredealfx131 Před 3 lety

    Thanks a lot for this tuto

  • @narendersingh8099
    @narendersingh8099 Před 6 lety

    very good you are best

  • @dontewarapperuma9762
    @dontewarapperuma9762 Před 3 lety

    This was very helpful. ...thank you so much 👍👍

  • @Kizaq
    @Kizaq Před 4 lety +1

    Thank you So muchhh :DDD

  • @Bruce_Wayne681
    @Bruce_Wayne681 Před 2 lety

    Thanks You So Much

  • @PrabaRamyaa
    @PrabaRamyaa Před 6 měsíci

    I have followed your coding but for me the output is in horizontal why??

  • @rezzzmusicals
    @rezzzmusicals Před rokem

    Helpful

  • @adilivni8688
    @adilivni8688 Před rokem

    Hello. Can you tell me how many width do i have resize the pictures before I put in the images?

  • @defafa9249
    @defafa9249 Před rokem

    Good job son

  • @GulabiSira
    @GulabiSira Před rokem

    It is magicallllllll

  • @kasfatfatkas4012
    @kasfatfatkas4012 Před 3 lety

    thank it help alot

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

    I didn't find the source code

  • @raymondkapa3325
    @raymondkapa3325 Před 3 lety

    So when you click home on the navigation bar, will it open the homepage?

  • @crazyberlin
    @crazyberlin Před 3 lety

    Thanks ❤️🔥

  • @xlilsoftiex3036
    @xlilsoftiex3036 Před 3 lety

    THANK YOU SO MUCHHH!!

  • @S1mple062
    @S1mple062 Před 3 lety

    Thank for css code

  • @cataresmart
    @cataresmart Před 3 lety

    nice tutor!

  • @deepakmisra8973
    @deepakmisra8973 Před 4 lety

    Thank you sir

  • @vincentdajay9089
    @vincentdajay9089 Před 3 lety

    Thanks!!

  • @adilivni8688
    @adilivni8688 Před rokem

    Hi I have an exist html page and i want to do that gallery on it. Is that ok if im not open a new html page?

  • @lailajess4972
    @lailajess4972 Před 3 lety

    Thank you so much. nice tutorial. saved. I'm a flower. WordPress needy. Send me pls.

  • @sachinvarasada3746
    @sachinvarasada3746 Před 5 lety +1

    Tnx.

  • @musichubthisal6392
    @musichubthisal6392 Před 3 lety

    ela bn degatama karan palyan

  • @imanthaoshadha2168
    @imanthaoshadha2168 Před 2 lety

    Thanks

  • @nithuloveschillartists1055

    Just like the footer..is it possible to put a header?

  • @rishabhtripathi3569
    @rishabhtripathi3569 Před 3 lety

    Thanks bro

  • @gsasayed
    @gsasayed Před 3 lety

    Thank u sir Please say How to make a proffesional website html amd css

  • @mlouk4797
    @mlouk4797 Před 6 lety +5

    is it screen or ice cream !

  • @muhammadtayyabmanzoor6336

    which site you pick the picture

  • @fuadmanaye5579
    @fuadmanaye5579 Před 3 lety +1

    thanks a lot but is it responsive

  • @sheinecatalbas114
    @sheinecatalbas114 Před 3 lety

    maraming salamat brotheeer

    • @kumoj
      @kumoj Před 2 lety

      ano ginawa nya dito 6:43 di gumagana sakin kahit refresh

  • @aishwaryac7041
    @aishwaryac7041 Před rokem

    Hi where do u store these images and how do u give an option to add new images

  • @user-dd2th7wy5s
    @user-dd2th7wy5s Před rokem

    how about the Home, News, download and Contact

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

    I can't find the source code

  • @Royversebeatz
    @Royversebeatz Před rokem

    How to make each image a hyperlink please help

  • @umeshshelke725
    @umeshshelke725 Před rokem

    Is it responsive?

  • @LemonCan
    @LemonCan Před 3 lety

    FANK U, very helpfol
    😆

  • @stacytv589
    @stacytv589 Před 3 lety +1

    where is the source code file ?? im not able to find

  • @Phulpakhri
    @Phulpakhri Před 2 lety

    Need to copy this 🥺🥺

  • @kennethramos7011
    @kennethramos7011 Před 5 lety +2

    Can u send the code sir, Thanks

  • @lailajess4972
    @lailajess4972 Před 3 lety

    My pages 2nd and 3rd img down. what can I do?

  • @narendersingh8099
    @narendersingh8099 Před 6 lety

    thanks

  • @pvjoel2004
    @pvjoel2004 Před 3 lety

    Bro I cant run it on any of my browsers what should I do

  • @wellplayed354
    @wellplayed354 Před 4 lety

    Can someone tell me pls how to solve my problem everytime i put an image as a background the image are not in the place and totally ruined can someone pls tell i have a project to do

  • @dharmashankarnegi7378
    @dharmashankarnegi7378 Před 3 lety

    Thank but one issue image size-not fixed ..

  • @qrmp
    @qrmp Před 3 lety

    im doing good so far.

  • @john90097
    @john90097 Před 5 lety

    How would you centre the photos I’m only using 5

  • @lailajess4972
    @lailajess4972 Před 3 lety

    Images size width=? heigt=? pxl. Mine 2column 6 img why? 3imgs rows why not? see you pls. a-z same written.

    • @lailajess4972
      @lailajess4972 Před 3 lety

      more trying 2rows but can't. why ? I don't know. width:400pxl; height:150pxl; mine. page width=1200pxl.

  • @noirellee
    @noirellee Před 3 lety

    Some of the markup didn't work, but it was easy to fix.

  • @ajayborse8336
    @ajayborse8336 Před 5 lety

    sir please share all coding in description

  • @johncarlonolasco4032
    @johncarlonolasco4032 Před 3 lety

    music portfolio tutorial plsss

  • @jackl5194
    @jackl5194 Před 5 lety +1

    what if i want 9 pictures?

  • @pappukar7356
    @pappukar7356 Před 5 lety

    I can't add my gallery photos ??

  • @DebusOfficialutube
    @DebusOfficialutube Před měsícem

    sir source code nhi mil raha hai

  • @baurelfomena2559
    @baurelfomena2559 Před 6 lety

    How to know and use all the function in the jquery or lightbox library

  • @lwgc7971
    @lwgc7971 Před 5 lety +1

    Help me with the code pls sir

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

    meri images brobrar nhi aa rahi hai