Complete Car Showcase Website | HTML, CSS, JS

Поділитися
Вставка
  • Опубліковано 31 гру 2024

КОМЕНТАРІ • 72

  • @mohammedahmed3978
    @mohammedahmed3978 3 місяці тому +1

    Your designs are so beautiful and crazy Wow!!

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    Umm sir question what kind of image was used in the car show area with the rings at the last cause i want to make this same car theme website but with a supra mk4 will u recomand how should i change the image and what kind of images were used and where i can hwt them

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    If i add other images will i have to do any thing to make them work or they will also when i try it doesnt work and what kind of image did u use in the icon the lightning ones and in the last show car cause if i search for a image with transparent background and add thaf i doesnt work lile urs what should i do

  • @Pranav-ch7mt
    @Pranav-ch7mt Рік тому

    hey how can i get those fas-fa thingy working in my index file, as in your screen when fas fa-fire used it appears a icon but in my screen nothing appears

    • @quickcodingtuts
      @quickcodingtuts  Рік тому

      You need to add Font Awesome icons into your project. Either via CDN or creating a kit from their website.

  • @NextwithNaman
    @NextwithNaman 5 місяців тому

    why are the pictures not running on my site? I've also put the correct location but still none of the pictures are showing on my site.

    • @quickcodingtuts
      @quickcodingtuts  5 місяців тому

      Are the file extensions correct in the url you wrote?

  • @Nathanielsantana589
    @Nathanielsantana589 8 місяців тому

    what extensions did you use?

  • @devstuff92
    @devstuff92 2 роки тому +1

    You're amazing! What do you use to make these videos? For recording, editing..?

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому +1

      I developed my own application. Which took months of hard work to complete

    • @devstuff92
      @devstuff92 2 роки тому

      @@quickcodingtuts How can I use it? If I may

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому +6

      @@devstuff92 No sorry. I can't share it with anyone. It's what makes my channel different. Hope you understand

  • @MohammadAbdelkarim-y4f
    @MohammadAbdelkarim-y4f Рік тому

    how can i make the buttons (home,garage,purchase) works

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    I can send me a link to the transparent image cuz what ever transparent image i try i cant get it to working and even a background remover doesnt work now can u tell me what kind of image did u use at the last in the show car and what kind of image will work

    • @M.Mudassir.muzaffar.2010
      @M.Mudassir.muzaffar.2010 Рік тому

      Can u tell me hoe to get the last image for a supra mk4 nissangtr
      Ferrarif430

    • @quickcodingtuts
      @quickcodingtuts  Рік тому

      You will need a PNG image. A background remover should work fine. You can also cut it out in Photoshop if you have it.

  • @greemi777
    @greemi777 2 роки тому

    Why have I main.js:19 Uncaught TypeError: counters.forEach is not a function?
    I did as in the tutorial

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому

      You probably wrote 'querySelector' instead of 'querySelectorAll' where the counters variable is defined. This is a common mistake people make. You can't loop one selected element

    • @greemi777
      @greemi777 2 роки тому

      ok, i will check it tomorrow. what about full responsiveness? because, for example, on the galaxy s9 or iPhones it looks tragic

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому

      @@greemi777 change the font size of the html element to something smaller than 16px in a media querie

  • @AFREEDHUSSAIN-b5n
    @AFREEDHUSSAIN-b5n 8 місяців тому

    I need a help to create a website......can uh help me

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    Hi can u plz tell me how to add other car images and where to get those images

  • @jpx2624
    @jpx2624 2 роки тому

    ola, primeiramente parabens pelo conteudo de extrema qualidade... Mas eu queria te perguntar o porque de eu escrever o código " e simplesmente nao me aparecer nenhum icon como esta o seu....
    obrigado!

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому +1

      The div is just the container for the font awesome icon inside. The link for font awesome is in the description. You need to add it inside your HTML.

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    The java script code isnt working the 0 isnt turning into the numbers i have linked java script code to the html code but its not working so plz can u plz send me the java script code only java script code as i have doubled tripled checked it its not working

  • @zokigt3152
    @zokigt3152 2 роки тому

    17:45 IT took me like 2 hours to find that I missed one thing which is this: " .counter" ... i used this: '.counter'

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому

      Glad you got it working, but that shouldn't have changed anything. I never use either the single or double quote intentionally.

    • @zokigt3152
      @zokigt3152 2 роки тому

      @@quickcodingtuts i have a problem still, I cant figure out how to make my numbers to go up on scroll... I tried to look for the mistake but I cant find it, any clues, and my navbar isnt dropping and there isnt one, do you maybe know how could you help me?

  • @winterspate1327
    @winterspate1327 Рік тому

    how do i link responsive design to the html file? whats the code?

    • @quickcodingtuts
      @quickcodingtuts  Рік тому

      media queries go at the bottom of your CSS file. I suggest you learn the basics of HTML and CSS, before building a website.

  • @kaifmaniyar1903
    @kaifmaniyar1903 2 роки тому

    I can't link css on the same steps ?

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    The fas fa-fire isnt working plz help

  • @georgebooth1476
    @georgebooth1476 Рік тому

    how do u switch from html to css

    • @quickcodingtuts
      @quickcodingtuts  Рік тому

      You need one separate HTML, CSS and JS file. If you do not know how to create and link them, I suggest you go over the basics of each language before creating a website.

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    I also did check what u r saying and its not working plz send the java script code

    • @snowflakes-4u
      @snowflakes-4u Рік тому

      window.onload = function() {
      const menu = document.querySelector('.menu');
      const menuBtn = document.querySelector('.menu-btn');
      //Add click event
      menuBtn.addEventListener('click', () => {
      //Toggle menu open class
      menu.classList.toggle('menu-open');
      });
      }
      just use this at starting

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    Hi the java script isnt working

  • @Chrisharely
    @Chrisharely Рік тому

    8:01 it doesnt show for me

  • @elitegamers1028
    @elitegamers1028 Рік тому

    Bro Js not working 😔

    • @quickcodingtuts
      @quickcodingtuts  Рік тому +1

      Have you linked the script in your HTML?

    • @elitegamers1028
      @elitegamers1028 Рік тому

      @@quickcodingtuts yess

    • @quickcodingtuts
      @quickcodingtuts  Рік тому

      And have you checked the console for any errors that might occur after you try opening the navbar menu or scrolling past the number counters?

  • @WanderingBall
    @WanderingBall 2 роки тому

    for long tutorial put some parts

    • @quickcodingtuts
      @quickcodingtuts  2 роки тому

      Could you explain exactly how you would like that to be done?

  • @M.Mudassir.muzaffar.2010
    @M.Mudassir.muzaffar.2010 Рік тому

    Plz help

  • @hollyintelligentdataanalyt826
    @hollyintelligentdataanalyt826 2 роки тому

    confuse tutorial