├── README.md ├── blog.html ├── cart.html ├── img ├── back.jpg ├── banner │ ├── 1.jpg │ ├── 2.jpg │ └── parallax.jpg ├── blog │ ├── 1.jpg │ ├── 1.webp │ ├── 2.jpg │ ├── 2.webp │ ├── 3.jpg │ ├── 3.webp │ ├── 4.jpg │ ├── 4.webp │ ├── 5.jpg │ ├── 6.jpg │ └── banner.webp ├── brand │ ├── 1.png │ ├── 1.webp │ ├── 2.png │ ├── 2.webp │ ├── 3.png │ ├── 3.webp │ ├── 4.png │ ├── 4.webp │ ├── 5.png │ ├── 5.webp │ ├── 6.png │ └── 6.webp ├── cart │ └── cart.jpg ├── clothes │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── 4.jpg ├── featured │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── 4.jpg ├── insta │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ └── 6.jpg ├── logo1.png ├── logo2.png ├── new │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ └── 5.jpg ├── payment.png ├── shoes │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ └── 8.jpg ├── shop │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 13.jpg │ ├── 14.jpg │ ├── 15.jpg │ ├── 16.jpg │ ├── 17.jpg │ ├── 18.jpg │ ├── 19.jpg │ ├── 2.jpg │ ├── 20.jpg │ ├── 21.jpg │ ├── 22.jpg │ ├── 23.jpg │ ├── 24.jpg │ ├── 25.jpg │ ├── 26.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ └── 9.jpg └── watches │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ └── 4.jpg ├── index.html ├── shop.html ├── sproduct.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # Build-Ecommerce-Website-With-HTML-CSS-JavaScript 2 | 3 | [Build-Responsive-Ecommerce-Website-With-HTML-CSS-JavaScript](https://www.youtube.com/playlist?list=PL9bD98LkBR7O4_SVeN8IXLQRjrGontmbT) 4 | 5 | ## Why you need this course? 6 | Creating an e-commerce website using HTML, CSS, and JavaScript can be a challenging and rewarding project that allows you to learn and develop a wide range of skills. Some of the things you might learn while creating an e-commerce website include: 7 | 8 | - HTML: HTML (HyperText Markup Language) is the standard markup language for creating web pages. By creating an e-commerce website, you will have the opportunity to learn how to use HTML to structure and format the content of your website, including headings, paragraphs, lists, links, images, and forms. 9 | 10 | - CSS: CSS (Cascading Style Sheets) is a stylesheet language used for describing the look and formatting of a document written in HTML. By creating an e-commerce website, you will have the opportunity to learn how to use CSS to control the layout, colors, fonts, and other visual aspects of your website. 11 | 12 | - JavaScript: JavaScript is a programming language that is commonly used to add interactivity and dynamic behavior to websites. By creating an e-commerce website, you will have the opportunity to learn how to use JavaScript to create interactive features, such as menus, forms, and image galleries, and to manipulate the HTML and CSS elements on your website. 13 | 14 | - E-commerce concepts: In addition to learning about HTML, CSS, and JavaScript, creating an e-commerce website also provides the opportunity to learn about the principles and practices of e-commerce. This might include topics such as product catalog management, shopping cart functionality, payment processing, and order fulfillment. 15 | 16 | Overall, creating an e-commerce website using HTML, CSS, and JavaScript can be a rewarding and challenging project that allows you to learn a wide range of technical and business skills. 17 | 18 | ## Adding Bootstrap 19 | In addition to HTML, CSS, and JavaScript, using Bootstrap can also be a helpful way to create an e-commerce website. Bootstrap is a front-end framework that provides pre-designed HTML, CSS, and JavaScript components that can be used to create responsive, mobile-first websites. 20 | 21 | Some of the things you might learn by using Bootstrap to create an e-commerce website include: 22 | 23 | - Responsive design: Bootstrap is designed to be responsive, which means that it adjusts the layout and styling of a website to provide an optimal viewing experience on a wide range of devices, from small smartphones to large desktop monitors. By using Bootstrap, you can learn how to create websites that look and function well on different devices and screen sizes. 24 | 25 | - Pre-designed components: Bootstrap includes a wide range of pre-designed components, such as buttons, forms, navbars, and grids, that can be easily added to your website using HTML and CSS classes. By using these components, you can save time and effort in creating the layout and styling of your website. 26 | 27 | - JavaScript plugins: Bootstrap also includes a number of JavaScript plugins that can be used to add interactive features to your website, such as modals, tabs, and carousels. By using these plugins, you can add interactive elements to your website without having to write custom JavaScript code. 28 | 29 | Overall, using Bootstrap can be a helpful way to create an e-commerce website by providing pre-designed components and tools that can save time and effort in the development process. 30 | 31 | ## Project Sections 32 | - Part1: Responsive Home Page Design. 33 | - Part2: Shop Page & Single Product Page. 34 | - Part3: Blog Page. 35 | - Part4: Ecommerce Shopping Cart. 36 | 37 | Here you will find all the images I'm using to create this responsive ecommerce website. In future image folder can update. 38 | 39 | Get the full source code from [here1](https://www.buymeacoffee.com/tech2etc/e/42639). 40 | 41 | Get the full source code from [here2](https://ko-fi.com/s/58e9932dcc). 42 | -------------------------------------------------------------------------------- /blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tutorial 9 | 10 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 24 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /cart.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tutorial 9 | 10 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 24 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /img/back.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/back.jpg -------------------------------------------------------------------------------- /img/banner/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/banner/1.jpg -------------------------------------------------------------------------------- /img/banner/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/banner/2.jpg -------------------------------------------------------------------------------- /img/banner/parallax.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/banner/parallax.jpg -------------------------------------------------------------------------------- /img/blog/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/1.jpg -------------------------------------------------------------------------------- /img/blog/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/1.webp -------------------------------------------------------------------------------- /img/blog/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/2.jpg -------------------------------------------------------------------------------- /img/blog/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/2.webp -------------------------------------------------------------------------------- /img/blog/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/3.jpg -------------------------------------------------------------------------------- /img/blog/3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/3.webp -------------------------------------------------------------------------------- /img/blog/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/4.jpg -------------------------------------------------------------------------------- /img/blog/4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/4.webp -------------------------------------------------------------------------------- /img/blog/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/5.jpg -------------------------------------------------------------------------------- /img/blog/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/6.jpg -------------------------------------------------------------------------------- /img/blog/banner.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/blog/banner.webp -------------------------------------------------------------------------------- /img/brand/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/1.png -------------------------------------------------------------------------------- /img/brand/1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/1.webp -------------------------------------------------------------------------------- /img/brand/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/2.png -------------------------------------------------------------------------------- /img/brand/2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/2.webp -------------------------------------------------------------------------------- /img/brand/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/3.png -------------------------------------------------------------------------------- /img/brand/3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/3.webp -------------------------------------------------------------------------------- /img/brand/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/4.png -------------------------------------------------------------------------------- /img/brand/4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/4.webp -------------------------------------------------------------------------------- /img/brand/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/5.png -------------------------------------------------------------------------------- /img/brand/5.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/5.webp -------------------------------------------------------------------------------- /img/brand/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/6.png -------------------------------------------------------------------------------- /img/brand/6.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/brand/6.webp -------------------------------------------------------------------------------- /img/cart/cart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/cart/cart.jpg -------------------------------------------------------------------------------- /img/clothes/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/clothes/1.jpg -------------------------------------------------------------------------------- /img/clothes/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/clothes/2.jpg -------------------------------------------------------------------------------- /img/clothes/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/clothes/3.jpg -------------------------------------------------------------------------------- /img/clothes/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/clothes/4.jpg -------------------------------------------------------------------------------- /img/featured/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/featured/1.jpg -------------------------------------------------------------------------------- /img/featured/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/featured/2.jpg -------------------------------------------------------------------------------- /img/featured/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/featured/3.jpg -------------------------------------------------------------------------------- /img/featured/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/featured/4.jpg -------------------------------------------------------------------------------- /img/insta/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/insta/1.jpg -------------------------------------------------------------------------------- /img/insta/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/insta/2.jpg -------------------------------------------------------------------------------- /img/insta/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/insta/3.jpg -------------------------------------------------------------------------------- /img/insta/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/insta/4.jpg -------------------------------------------------------------------------------- /img/insta/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/insta/5.jpg -------------------------------------------------------------------------------- /img/insta/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/insta/6.jpg -------------------------------------------------------------------------------- /img/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/logo1.png -------------------------------------------------------------------------------- /img/logo2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/logo2.png -------------------------------------------------------------------------------- /img/new/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/new/1.jpg -------------------------------------------------------------------------------- /img/new/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/new/2.jpg -------------------------------------------------------------------------------- /img/new/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/new/3.jpg -------------------------------------------------------------------------------- /img/new/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/new/4.jpg -------------------------------------------------------------------------------- /img/new/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/new/5.jpg -------------------------------------------------------------------------------- /img/payment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/payment.png -------------------------------------------------------------------------------- /img/shoes/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/1.jpg -------------------------------------------------------------------------------- /img/shoes/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/2.jpg -------------------------------------------------------------------------------- /img/shoes/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/3.jpg -------------------------------------------------------------------------------- /img/shoes/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/4.jpg -------------------------------------------------------------------------------- /img/shoes/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/5.jpg -------------------------------------------------------------------------------- /img/shoes/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/6.jpg -------------------------------------------------------------------------------- /img/shoes/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/7.jpg -------------------------------------------------------------------------------- /img/shoes/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shoes/8.jpg -------------------------------------------------------------------------------- /img/shop/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/1.jpg -------------------------------------------------------------------------------- /img/shop/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/10.jpg -------------------------------------------------------------------------------- /img/shop/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/11.jpg -------------------------------------------------------------------------------- /img/shop/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/12.jpg -------------------------------------------------------------------------------- /img/shop/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/13.jpg -------------------------------------------------------------------------------- /img/shop/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/14.jpg -------------------------------------------------------------------------------- /img/shop/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/15.jpg -------------------------------------------------------------------------------- /img/shop/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/16.jpg -------------------------------------------------------------------------------- /img/shop/17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/17.jpg -------------------------------------------------------------------------------- /img/shop/18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/18.jpg -------------------------------------------------------------------------------- /img/shop/19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/19.jpg -------------------------------------------------------------------------------- /img/shop/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/2.jpg -------------------------------------------------------------------------------- /img/shop/20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/20.jpg -------------------------------------------------------------------------------- /img/shop/21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/21.jpg -------------------------------------------------------------------------------- /img/shop/22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/22.jpg -------------------------------------------------------------------------------- /img/shop/23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/23.jpg -------------------------------------------------------------------------------- /img/shop/24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/24.jpg -------------------------------------------------------------------------------- /img/shop/25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/25.jpg -------------------------------------------------------------------------------- /img/shop/26.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/26.jpg -------------------------------------------------------------------------------- /img/shop/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/3.jpg -------------------------------------------------------------------------------- /img/shop/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/4.jpg -------------------------------------------------------------------------------- /img/shop/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/5.jpg -------------------------------------------------------------------------------- /img/shop/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/6.jpg -------------------------------------------------------------------------------- /img/shop/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/7.jpg -------------------------------------------------------------------------------- /img/shop/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/8.jpg -------------------------------------------------------------------------------- /img/shop/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/shop/9.jpg -------------------------------------------------------------------------------- /img/watches/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/watches/1.jpg -------------------------------------------------------------------------------- /img/watches/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/watches/2.jpg -------------------------------------------------------------------------------- /img/watches/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/watches/3.jpg -------------------------------------------------------------------------------- /img/watches/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tech2etc/Build-Ecommerce-Website-With-HTML-CSS-JavaScript/f40230c333d68c9b986596bda8436c122e4c6780/img/watches/4.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tutorial 9 | 10 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 24 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /shop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Shop 9 | 10 | 12 | 13 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 29 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /sproduct.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Product Details 9 | 10 | 12 | 13 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 29 | 32 | 33 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | 8 | body { 9 | font-family: "Poppins", sans-serif; 10 | } 11 | 12 | h1 { 13 | font-size: 2.5rem; 14 | font-weight: 700; 15 | } 16 | 17 | h2 { 18 | font-size: 1.8rem; 19 | font-weight: 600; 20 | } 21 | 22 | h3 { 23 | font-size: 1.4rem; 24 | font-weight: 800; 25 | } 26 | 27 | h4 { 28 | font-size: 1.1rem; 29 | font-weight: 600; 30 | } 31 | 32 | h5 { 33 | font-size: 1rem; 34 | font-weight: 400; 35 | color: #1d1d1d; 36 | } 37 | 38 | h6 { 39 | color: #d8d8d8; 40 | } 41 | 42 | hr { 43 | width: 30px; 44 | height: 2px; 45 | background-color: #fb774b; 46 | } 47 | --------------------------------------------------------------------------------