Ecommerce Electronics Product Page HTML, CSS & JS || Step-By-Step Tutorial - Part 1

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

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

  • @codeharvestguide
    @codeharvestguide  5 месяцев назад +2

    Hi hard-working coders! Welcome to Part 1 of the eLife Ecommerce Electronics Product Page! This is the first part of the WebSeries, where we show you how to make a soft-appealing, yet simple navigation bar.
    Watch Part 2 Here:
    ruclips.net/video/uzJto717Ezw/видео.html
    Full Product Page Series (All Parts) Here:
    ruclips.net/p/PL0lX0bJqJuTGGrjBqypE8mHHdCIFY49mo&si=KrNjkz1NQex3cnhh

  • @farukweb
    @farukweb 5 месяцев назад +2

    nice ui design

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

    great video. I learned a lot thank you for sharing ....

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

    Hello, good morning, let's go to part 1 of the video, greetings, have a good weekend.
    Then I'll tell you how it went.

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

    Great deed. Please put the image assets under the description section.

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

      @@sileshiaweke4814 Hi, thanks for watching; appreciate it! The images I used in this video can be found in popular electronic sites such as apple, huawei, sharaf dg, etc. 🙌

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

      ​@@codeharvestguide Thank you for your reply. Offering images asset in a zipped file is becoming the tradition by the youtuber coders.

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

      @@sileshiaweke4814 Ah, interesting! Thank you for sharing, I will see to it and post the image source soon.
      Happy coding! 🙌

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

      @@codeharvestguide Thank you so-much!

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

      @@sileshiaweke4814 Image files can now be found in the video description! (GitHub link) 🙌

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

    Super to check in the video and
    try to upload picture in drive

    • @codeharvestguide
      @codeharvestguide  2 месяца назад +1

      @@NagireddygariBhanuprakash Hi,
      Are you asking for the pictures used in this video, if so you can access them here:
      github.com/codeharvestguide/files/tree/main/eLife%20Images/product%20page

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

    great videos just found your channel today. also please work on getting a good mic

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

      Hi! Welcome to the community and thanks for watching!
      I recently acquired a new mic so I will be uploading new, good quality-sounding videos soon.
      Thanks for your support! Happy coding 🙌

  • @Channel-iu6de
    @Channel-iu6de 4 месяца назад

    Great video, just not a fan of the fade to black, my tv does this when it switches off and I’m just constantly thinking the tv is turning off.

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

      Hi! Thanks for watching, appreciate it!
      We like to add the fade for a cinematic, smooth transition from one section of the video to the next, but we will try to keep this in mind.
      Happy coding! 🙌

  • @mohammedabrar3255
    @mohammedabrar3255 Месяц назад

    thanks for your important contribution, please share us the source code of the the website

    • @codeharvestguide
      @codeharvestguide  15 дней назад

      Hi, I appreciate your support!
      You can find the source code for the website here: www.bit.ly/elife_sc
      Happy coding 🌱

  • @halac2532
    @halac2532 Месяц назад

    Please can you share for use the source code ?

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

    hello good morning
    Code Harvest
    I started your 4 videos, I was wrong and I started the 3rd one
    I'll tell you how it goes later, greetings
    Maybe I'll tell you that I had to use display grid in category, they didn't fit and a little AI
    Greetings, I'll tell you how it goes later.
    have a good day

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

      Hi! Thanks for watching, appreciate it! 🙌
      From what I can understand, you started part 3 where we create the product category section, right? And you found difficulty in creating the white wide box where the image and name of the category are displayed, in which you could not use display flex, but grid? Seeking for your reply 🙂
      Happy coding! 🙌

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

    Is this for sale?

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

      Hi,
      Unfortunately this eCommerce is not for sale, we only provide beginner tutorials to guide you on how to create and design eCommerce websites, so this is only for demonstration. Though, perhaps you can find the products from the images we displayed and used in this video for sale in the Sharaf DG website.
      Thanks for watching, and happy coding! 🙌

  • @Nguyen-The-Hung
    @Nguyen-The-Hung 4 месяца назад

    File Start Project Please?

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

    Nice video bro.can I get the source code

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

      Hi Aryan Khuman!
      All source code is exposed in the video, though if you're looking for a GitHub link to the source code alone, we will open a GitHub account for all Code Harvest videos at 1K subscribers, so you can help us grow our channel by spreading the knowledge around and share this video!
      Thanks for watching 🙌

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

    please give sourse code

    • @codeharvestguide
      @codeharvestguide  2 месяца назад +1

      Hi,
      Concerning the source code, we love to encourage our viewers to follow through the videos, as all code is revealed and explained. Though, if you have any issues with the code, send a message at our gmail account or through discord (info is in our "about" desc.) and we will assist you!
      We do have our GitHub account where we upload the image files for the eLife project. Visit here: github.com/codeharvestguide/files
      However, the source code for all our videos will be shared in our GitHub account github.com/codeharvestguide soon at 1K subscribers, so support us by sharing the video and knowledge to your friends, colleagues/class mates and loved ones and stay tuned!
      Happy coding! 🙌

  • @Emd_Zz
    @Emd_Zz 8 дней назад

    Gars tu peux faire en sorte qu’on télécharger tes vidéo

    • @codeharvestguide
      @codeharvestguide  8 дней назад

      Salut, merci d'avoir regardé la vidéo. Je parle anglais mais je peux traduire pour vous.
      Pour répondre à votre question, si vous demandez si vous pouvez télécharger nos vidéos, la réponse est oui, vous pouvez le faire librement en copiant simplement l'adresse URL et en les convertissant en mp3 avec un site Web en ligne « convertisseur youtube en mp3 ». J'espère que cela répond à votre question.
      Bon codage ! 🌱

  • @technicalrider6196
    @technicalrider6196 20 дней назад

    Pls turn off music while teaching

    • @codeharvestguide
      @codeharvestguide  15 дней назад

      Hi, thanks for your feedback, we will keep this in mind for future videos!
      Happy coding 🌱