Responsive Website Using HTML CSS & JavaScript | Camping Website

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

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

  • @bespoke00
    @bespoke00 Год назад +7

    I don't mind the long time videos. I like that you take your time and show how the CSS code effects the HTML. Thank you

  • @br1580
    @br1580 Год назад +5

    Your CSS variables taught me a lot! Nice one :)

  • @rohan.mahajan
    @rohan.mahajan Год назад +2

    It's amazing ❤... Flawless tutorial

  • @IamMikesky
    @IamMikesky 5 месяцев назад +1

    I feel like you write script code from difficult to easy. As a novice programmer, I'm really confused. But I tried to digest, understand, and follow this tutorial step by step. I wrote all the script code without copying and pasting the script code you provided. By the way, thank you so much for the tutorial. You deserve a lot of subscribers!

    • @Bedimcode
      @Bedimcode  5 месяцев назад

      A trick that when you don't know something, a function or a Javascript word, you look for it to understand the code. Greetings.

  • @nemeziz_prime
    @nemeziz_prime Год назад +18

    This is great. If you make small project videos like this and try to keep them under 30 minutes duration, it'd be really helpful as many people could take out time during the weekend and replicate these projects and learn new stuff

    • @Bedimcode
      @Bedimcode  Год назад +3

      I'll keep it in mind friend, cheers

    • @devindadilshan7267
      @devindadilshan7267 4 месяца назад

      @@Bedimcode that is right sir,i am practicing part by part from your vedios

  • @seymurmammadov5719
    @seymurmammadov5719 9 месяцев назад +2

    5:48

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

    Great content. Thanks.

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

    que genial explicas. a pesar de no hablar en ningun moemnto. excelente clase

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

      podrias por favor pasar tus imagenes please. no los encuentro en el link que me enviaste.... gracias

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

    Que se siente tener 100 obras de artes en tu canal, felicitaciones es un gran trabajo lo que has logrado!

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

      Gracias por el apoyo amigo, no me percate por los 100 videos. Seguire creando más contenido, saludos y exitos.

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

    Keep it up👍

  • @Nachiketa-if7ny
    @Nachiketa-if7ny Год назад +4

    Absolutely gorgeous, how did you get sooo good. I just started learning frontend and i don't know if i will ever make such good ones . Can u make a video of tips and tricks pls.

    • @Bedimcode
      @Bedimcode  Год назад +6

      Take html, css and js courses. And I did not stay there, I kept investigating more, in web technologies and design.
      You can replicate and be inspired by other projects, this is how you practice and you grow more. Greetings.

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

    Love from India ❤

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

    Very elegant 👍

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

      Thank's my friend regards.

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

    At 21:09 when I do bottom 0 then the images moves upward
    Please help
    I have completed all the code line NY line but it doesn't work for screen above 480px

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

    I love the aesthetic, but one thing I noticed near the end of the video: I believe 2k for monitors are 2560x1440p, while cinema 2k is 2048x1080p. Since we are designing for websites, wouldn't we want to target 2k for monitors?
    Also, it didn't seem like we styled it for 1080p either.
    Regardless, I love the video and will be watching another one!

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

    it would have helped some of us by doing voice overs for others to understand

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

    amazing

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

    que bueno eres, por aquí aprendiendo algo de ti✌

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

      Gracias por el apoyo amigo, saludos.

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

    Beautiful

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

      Thank's my friend regards.

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

    My menu button is right next to my logo, how do I fix that?

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

    we really appreciate your work and are happy to learn from your lessons, but I would like a more legible lesson, with a figma layout, and how you create variables in css, if you make such a lesson with a figma layout, it will be very cool, I mean not only repeat after you, but the ability to make up the site yourself and look at your work with a stalemate, agree this is very cool

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

      The video is longer my friend, and from what I see people like short videos. And the design in figma is separate, regarding the css variables I used to create them from scratch, but as I told you, the video gets longer, I hope you understand my friend, greetings.

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

      @@Bedimcode look, you can make a separate video, how best to make css variables, so that it’s convenient like yours, about long videos, I personally like them, I’ve already watched 5 videos, if you don’t want to shoot about figma, you can just leave a link to the file in the description, I just think it will be better, first we create what we can according to the layout, and then see how you do it, cool right ?.

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

      please bro don`t post or hear music

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

    🔥🔥🔥🔥🔥🔥🔥🔥

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

    One final thing can you make a video about meal generator website with breakfast, lunch and dinner it will be really helpful for me because my dad wants to make one for family to decide what we make everyday i did develop a website but want a background and responsive like this it will be really helpful.

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

    well you've been making amazing projects and i am really satisified with your projects but think of makiking a peculiar website about AI

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

    This's Cool

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

      Thank's my friend regards.

  • @fugitivelibra2109
    @fugitivelibra2109 4 месяца назад

    is there any tutorial on
    how to make beautiful graphics like this playlist

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

    when I'm putting a link for bootstrap, why the navigation changing?

  • @sifr-in
    @sifr-in 6 месяцев назад

    why is the github project file empty (without any text) ?

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

    you have to show the code from the beginning! and how to integrate so that people understand step by step! it's just copy and paste! it is not a complete site not events in click! on the menu! from the navigation bar if you click on a link which will not happen next. so if it is a single page interface and not a full site!

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

    Great job. Pleas where you find those insperation websites that you build .... pleas i need the website that you use ❤❤

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

      Search dribbble or instagram, regards.

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

      @@Bedimcode Thanks for answering the first question, I want to follow up with another.
      When you see these designs on dribbble, they do not have their figma attached to them. But then do you just create just from looking at it

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

    As many as I watch all tutorials. They never saw how they develop like measure how many pixel they should match the screen. Choose what color is good or bad.
    They only retype what they have done. So I cant count how many time I need to make design same like this. And for the beginner like me. Will never undestand how to choose size/style from zero design.

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

    It's very good.
    I have a question,
    What is your screen recorder name?!

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

      I'm pretty sure its called OBS Studio

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

    And the js and css is not working too for the bar.

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

    Wonderful.
    Which VS Code theme are you using ?

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

      Thanks friend, I use the one dark darker theme, greetings.

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

      @@Bedimcode Thank you Sir.

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

    and do i have to give you credit for it if i put it in my website?

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

      It is not mandatory, but if you wish I will be delighted, regards.

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

    How do you program and see how your code looks in real time?

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

      Visual studio code, extension live server

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

    are the images design by you? can you pls make a tutorial on how to create them?

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

      No friend, you can visit freepik, there you will find many resources, greetings.

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

    And approximately how much is this site price ?

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

    Where can i get the svg asset for my website???

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

      It's on GitHub, link in the description

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

    pls can you share your cascadia code font weight

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

    Puedes entregar tus imagenes de la pagina please para armar la web. o al menos para comprar solo eso

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

      Las imágenes estan en la carpeta en GitHub, puedes descargar la carpeta junto los archivos e imágenes, en enlace esta en la descripción, saludos.

  • @zothansangarenthlei
    @zothansangarenthlei 8 месяцев назад

    Help me, I'm not able to a Member..

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

    :o genial

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

    But it is not working😢

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

    How to get the same images as in the video? Can someone plz tell me it asap?

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

      It is available on GitHub, when you download the complete project.

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

    my gsaps not working

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

      Look carefully at the commas, because sometimes that is what gives a failure.

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

      some places are hidden not working even though i do everything

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

    Does anyone completed it ??
    Can you share the guthub repository please ??

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

    very nice. hit a like if you like animation websites
    😋

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

    why we have to pay to get source code . you aern money from youtube without these viwe you will get nothing so you want to earn money from youtube and your subscribers .

  • @src.obaida
    @src.obaida Год назад +1

    first comment

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

    please don`t post any music and nudity

  • @오중균-y2n
    @오중균-y2n Год назад

    😢o

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

    5th

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

    wonderful