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

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

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

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

    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 3 месяца назад +2

    nice ui design

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

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

  • @mohammedabrar3255
    @mohammedabrar3255 38 минут назад

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

  • @halac2532
    @halac2532 16 дней назад

    Please can you share for use the source code ?

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

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

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

      @@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 3 месяца назад

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

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

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

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

      @@codeharvestguide Thank you so-much!

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

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

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

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

    • @codeharvestguide
      @codeharvestguide  Месяц назад +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

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

    Is this for sale?

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

      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! 🙌

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

    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.

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

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

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

      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 3 месяца назад

    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  3 месяца назад

      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! 🙌

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

    File Start Project Please?

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

    please give sourse code

    • @codeharvestguide
      @codeharvestguide  Месяц назад +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! 🙌

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

    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  3 месяца назад

      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! 🙌

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

    Nice video bro.can I get the source code

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

      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 🙌