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

[@codeharvestguide]

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: kzbin.info/www/bejne/q6utpaJtZpx4sNk Full Product Page Series (All Parts) Here: kzbin.info/aero/PL0lX0bJqJuTGGrjBqypE8mHHdCIFY49mo&si=KrNjkz1NQex3cnhh

[@farukweb]

nice ui design

[@odallahj]

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

[@NagireddygariBhanuprakash]

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

[@codeharvestguide]

@@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

[@Channel-iu6de]

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]

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

[@sparkscomputerprogramming]

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

[@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 🙌

[@sileshiaweke4814]

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

[@codeharvestguide]

@@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]

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

[@codeharvestguide]

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

[@sileshiaweke4814]

@@codeharvestguide Thank you so-much!

[@codeharvestguide]

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

[@hugocangi6214]

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.

[@hugocangi6214]

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]

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]

Is this for sale?

[@codeharvestguide]

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]

File Start Project Please?

[@AryanKhuman]

Nice video bro.can I get the source code

[@codeharvestguide]

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]

please give sourse code

[@codeharvestguide]

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