diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/amazon_logo.png b/AMAZON CLONE for practice/amazon_clone_img/assets/amazon_logo.png new file mode 100644 index 00000000..1dc621d4 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/amazon_logo.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/amazon_logo_dark.png b/AMAZON CLONE for practice/amazon_clone_img/assets/amazon_logo_dark.png new file mode 100644 index 00000000..84df3f2d Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/amazon_logo_dark.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box1-1.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-1.jpg new file mode 100644 index 00000000..d72e75e1 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-1.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box1-2.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-2.jpg new file mode 100644 index 00000000..67129232 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-2.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box1-3.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-3.jpg new file mode 100644 index 00000000..370893c8 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-3.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box1-4.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-4.jpg new file mode 100644 index 00000000..96b5e1b0 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box1-4.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box2-1.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-1.jpg new file mode 100644 index 00000000..45bda292 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-1.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box2-2.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-2.jpg new file mode 100644 index 00000000..5a05acdf Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-2.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box2-3.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-3.jpg new file mode 100644 index 00000000..2bba8de4 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-3.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box2-4.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-4.jpg new file mode 100644 index 00000000..0697ab0a Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box2-4.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box3-1.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-1.jpg new file mode 100644 index 00000000..29e6d350 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-1.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box3-2.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-2.jpg new file mode 100644 index 00000000..ad993cae Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-2.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box3-3.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-3.jpg new file mode 100644 index 00000000..de6f3392 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-3.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/box3-4.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-4.jpg new file mode 100644 index 00000000..bd0cec2d Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/box3-4.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/cart_banner.png b/AMAZON CLONE for practice/amazon_clone_img/assets/cart_banner.png new file mode 100644 index 00000000..fb8d25a6 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/cart_banner.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/cart_icon.png b/AMAZON CLONE for practice/amazon_clone_img/assets/cart_icon.png new file mode 100644 index 00000000..a8386647 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/cart_icon.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/circle_icon.png b/AMAZON CLONE for practice/amazon_clone_img/assets/circle_icon.png new file mode 100644 index 00000000..ee220f50 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/circle_icon.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/dropdown_icon.png b/AMAZON CLONE for practice/amazon_clone_img/assets/dropdown_icon.png new file mode 100644 index 00000000..35e6dbdf Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/dropdown_icon.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/header1.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/header1.jpg new file mode 100644 index 00000000..94b6800e Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/header1.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/header2.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/header2.jpg new file mode 100644 index 00000000..1dc3f84e Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/header2.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/header3.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/header3.jpg new file mode 100644 index 00000000..3804e08c Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/header3.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/header4.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/header4.jpg new file mode 100644 index 00000000..c3b54b20 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/header4.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/header5.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/header5.jpg new file mode 100644 index 00000000..f27f8e00 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/header5.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/header6.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/header6.jpg new file mode 100644 index 00000000..d8b19757 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/header6.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/hero_image.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/hero_image.jpg new file mode 100644 index 00000000..b4a28344 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/hero_image.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/ipad_img.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/ipad_img.jpg new file mode 100644 index 00000000..d6799b5a Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/ipad_img.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/location_icon.png b/AMAZON CLONE for practice/amazon_clone_img/assets/location_icon.png new file mode 100644 index 00000000..2f17806e Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/location_icon.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/location_icon_dark.png b/AMAZON CLONE for practice/amazon_clone_img/assets/location_icon_dark.png new file mode 100644 index 00000000..e1c44b56 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/location_icon_dark.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/menu_icon.png b/AMAZON CLONE for practice/amazon_clone_img/assets/menu_icon.png new file mode 100644 index 00000000..450fd032 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/menu_icon.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-1.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-1.jpg new file mode 100644 index 00000000..204db413 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-1.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-10.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-10.jpg new file mode 100644 index 00000000..f4316737 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-10.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-2.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-2.jpg new file mode 100644 index 00000000..bd6d6e80 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-2.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-3.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-3.jpg new file mode 100644 index 00000000..c0280a88 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-3.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-4.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-4.jpg new file mode 100644 index 00000000..1e7677a8 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-4.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-5.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-5.jpg new file mode 100644 index 00000000..b68c04f7 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-5.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-6.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-6.jpg new file mode 100644 index 00000000..e4714c72 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-6.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-7.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-7.jpg new file mode 100644 index 00000000..eb007269 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-7.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-8.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-8.jpg new file mode 100644 index 00000000..39ca5f87 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-8.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product1-9.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-9.jpg new file mode 100644 index 00000000..5b6f14bf Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product1-9.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-1.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-1.jpg new file mode 100644 index 00000000..d005b5d5 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-1.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-10.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-10.jpg new file mode 100644 index 00000000..6267fdb3 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-10.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-11.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-11.jpg new file mode 100644 index 00000000..b275d326 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-11.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-12.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-12.jpg new file mode 100644 index 00000000..9501764b Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-12.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-2.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-2.jpg new file mode 100644 index 00000000..916264d9 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-2.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-3.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-3.jpg new file mode 100644 index 00000000..6267fdb3 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-3.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-4.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-4.jpg new file mode 100644 index 00000000..3ddc0fad Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-4.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-5.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-5.jpg new file mode 100644 index 00000000..7d63c8da Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-5.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-6.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-6.jpg new file mode 100644 index 00000000..b6037027 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-6.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-7.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-7.jpg new file mode 100644 index 00000000..2863401a Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-7.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-8.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-8.jpg new file mode 100644 index 00000000..2e67ee6b Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-8.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product2-9.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-9.jpg new file mode 100644 index 00000000..2863401a Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product2-9.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/product_img.jpg b/AMAZON CLONE for practice/amazon_clone_img/assets/product_img.jpg new file mode 100644 index 00000000..a5501117 Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/product_img.jpg differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/rating_img.png b/AMAZON CLONE for practice/amazon_clone_img/assets/rating_img.png new file mode 100644 index 00000000..c5d9b32b Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/rating_img.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/search_icon.png b/AMAZON CLONE for practice/amazon_clone_img/assets/search_icon.png new file mode 100644 index 00000000..ca1c6e3e Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/search_icon.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/us_flag.png b/AMAZON CLONE for practice/amazon_clone_img/assets/us_flag.png new file mode 100644 index 00000000..28dc47fd Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/us_flag.png differ diff --git a/AMAZON CLONE for practice/amazon_clone_img/assets/user.png b/AMAZON CLONE for practice/amazon_clone_img/assets/user.png new file mode 100644 index 00000000..657130bc Binary files /dev/null and b/AMAZON CLONE for practice/amazon_clone_img/assets/user.png differ diff --git a/AMAZON CLONE for practice/index.html b/AMAZON CLONE for practice/index.html new file mode 100644 index 00000000..b6757aad --- /dev/null +++ b/AMAZON CLONE for practice/index.html @@ -0,0 +1,440 @@ + + + + + + Amazon Clone by Aryan + + + + + + +
+
+ +

All

+
+

Today's Deals

+

Customer Service

+

Registry

+

Gift Cards

+

Sell

+
+ + +
+ 🡸 + 🡺 + +
+ + +
+ +
+

Free international returns

+ + Shop More +
+ + + +
+

Lunar New Year

+ + Shop More +
+ + + +
+

Toy under $25

+ + Shop More +
+ + + +
+

Deals in PCs

+ + Shop More +
+ + +
+ + +
+ +
+

Grooming Products

+ + Shop More +
+ + + +
+

Latest Devices

+ + Shop More +
+ + + +
+

Pets Food

+ + Shop More +
+ + + +
+

Fashion Mart

+ + Shop More +
+ + +
+ + + +
+

Sellers in Sports & Outdoors

+
+ + + + + + + + + + +
+
+ + + +
+ +
+

Stationery

+ + Shop More +
+ + + +
+

Laptops for study

+ + Shop More +
+ + + +
+

Office chairs

+ + Shop More +
+ + + +
+

Gaming Monitor

+ + Shop More +
+ + +
+ + + + + +
+

Deals under $25

+
+
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+ + + +
+
+ +
+ +
+

27% off

Deals +
+

$ 14.49List Price:$19.95

+

This product is best for you

+
+
+
+ + + + +
+

Sellers in Sports & Outdoors

+
+ + + + + + + + + + +
+
+ + + +
+ +
+

Stationery

+ + Shop More +
+ + + +
+

Laptops for study

+ + Shop More +
+ + + +
+

Office chairs

+ + Shop More +
+ + + +
+

Gaming Monitor

+ + Shop More +
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/AMAZON CLONE for practice/script.js b/AMAZON CLONE for practice/script.js new file mode 100644 index 00000000..a3515846 --- /dev/null +++ b/AMAZON CLONE for practice/script.js @@ -0,0 +1,43 @@ +const imgs = document.querySelectorAll('.header-slider ul img'); +const prev_btn = document.querySelector('.control_prev'); +const next_btn = document.querySelector('.control_next'); + + +let n = 0 ; + + +function changeSlide(){ // work of this function is to select the all images + for(let i = 0; i < imgs.length; i++){ + imgs[i].style.display = 'none'; + } + imgs[n].style.display = 'block'; //this line shows the first image.. +} + +changeSlide(); + +prev_btn.addEventListener('click',(e)=>{ + if (n > 0){ + n--; + }else { + n = imgs.length - 1; + } + changeSlide(); +}) + +next_btn.addEventListener('click',(e)=>{ + if (n < imgs.length - 1){ + n++; + }else { + n = 0; + } + changeSlide(); +}) + + +const scrollContainer = document.querySelectorAll('.products'); +for (const item of scrollContainer){ + item.addEventListener('wheel',(evt)=>{ + evt.preventDefault(); + item.scrollLeft += evt.deltaY; + }) +} \ No newline at end of file diff --git a/AMAZON CLONE for practice/style.css b/AMAZON CLONE for practice/style.css new file mode 100644 index 00000000..14de949e --- /dev/null +++ b/AMAZON CLONE for practice/style.css @@ -0,0 +1,281 @@ +@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); + + +*{ + padding:0; + margin: 0; + box-sizing: border-box; + font-family: Outfit; + +} +body{ + background-color: #dadada; +} +a{ + text-decoration: none; + color: inherit; +} +nav{ + display: flex; + align-items: center; + justify-content: space-between; + background-color: #131921; + padding: 10px 20px; + color: #fff; +} + + +.nav-country{ + display: flex; + align-items: end; + margin-left: 15px; + font-size: 13px; + color: #c4c4c4; +} +.nav-country{ + color: #fff; + font-size: 14px; +} +.nav-search{ + flex: 1; + display: flex; + align-items: center; + background: #fff; + color: gray; + max-width: 1000px; + border-radius: 4px; + margin-left: 15px; +} +.nav-search-category{ + display: flex; + align-items: center; + padding: 10px 20px ; + gap: 5px; + background: #e5e5e5; + border-radius: 4px 0 0 4px; +} + +.nav-search-input{ + border: none; + outline: none; + padding: left 20px; + width: 100%; +} + +.nav-search-icon{ + + max-width: 41px; + padding: 8px; + background:#ffd64f; + border-radius: 0 4px 4px 0; +} + +.nav-language{ + + display: flex; + align-items: center; + gap: 2px; + font-weight: 600; + margin-left: 15px; +} + +.nav-text{ + + margin-left: 15px; +} +.nav-text p { + font-size: 10px; +} +.nav-text h1{ + font-size: 14px; +} + + +.nav-cart{ + display: flex; + align-items: center; + margin: 0px 15px; +} + +.nav-bottom{ + display: flex; + align-items: center; + gap: 20px; + padding: 8px 20px; + background:#232f3e ; + color: #fff; + font-size: 15px; +} + +.nav-bottom div{ + + display: flex; + align-items: center; + gap: 5px; + font-weight: 500; +} + +.header-slider ul{ + + display: flex; + overflow-y: hidden; +} + +.header-img{ + max-width: 100%; + mask-image: linear-gradient(to bottom, #000000 50%, transparent 100%); +} + +.header-slider a{ + position: absolute; + top: 20%; + z-index: 1; + padding: 5vh 1vw; + background: #ffffff4f; + color: #0000007b; + text-decoration: none; + font-weight: 600; + font-size: 18px; + cursor: pointer; +} + +.control_next{ + right: 0; +} + +.box-row{ + display: flex; + flex-wrap: wrap; + row-gap: 20px; + justify-content: space-between; + margin: 20px 30px; +} + +.box-col{ + display: flex; + flex-direction: column; + gap: 10px; + padding: 15px 20px; + background: #fff; + max-width: 24%; + min-height: 200px; + z-index: 1; +} + + +.box-col a{ + font-size: 14px; + color: #009999; + font-weight: 500; + +} + +.header-box { + margin-top: -20vw; +} + +.products-slider{ + background: #fff; + margin: 0 30px; + padding: 20px; + margin-bottom: 15px; +} + +.products-slider .products { + display: flex; + overflow-x: auto; + gap: 20px; + margin-top: 10px; +} + + +.products-slider .products img{ + max-width: 200px; + max-height: 200px; +} + +.products-slider .products::-webkit-scrollbar{ + /* dont keep gap between products and :: in this */ + display: none; + +} + + +.products-slider-with-price{ + + background: #fff; + margin: 0 30 px; + padding: 20px; + margin-bottom: 15px; +} + +.products-slider-with-price .products{ + /* it give horizontal view */ + + display: flex; + overflow-x: auto; + gap: 10px; + margin-top: 10px; +} + + +.products-slider-with-price .products::-webkit-scrollbar{ + display: none; +} + +.product-card{ + display: flex; + flex-direction: column; + justify-content: end; + min-width: 210px; + background: #fbfbfb; +} + +.product-card img{ + width: 110px; + margin 0 50px; +} + +.product-offer p{ + + background:#be0b3b ; + color: #fff; + display: inline-block; + padding: 2px 5px; + border-radius: 2px; + margin: 8px 0; + font-size: 13px; +} + +.product-offer span{ + + color: #be0b3b; + font-weight: 500; + font-size: 12px; +} + + +.product-price{ + color: gray; + font-size: 13px; + +} + +.product-card h4{ + color: #525252; + font-size: 15px; + font-weight: 400; + +} + +footer{ + + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + background-color: #131921; + padding: 20px 60px; + /* 20px is for top and bottom and 60px is for left and right */ +} + diff --git a/amazon_clone_img/assets/amazon_logo.png b/amazon_clone_img/assets/amazon_logo.png new file mode 100644 index 00000000..1dc621d4 Binary files /dev/null and b/amazon_clone_img/assets/amazon_logo.png differ diff --git a/amazon_clone_img/assets/amazon_logo_dark.png b/amazon_clone_img/assets/amazon_logo_dark.png new file mode 100644 index 00000000..84df3f2d Binary files /dev/null and b/amazon_clone_img/assets/amazon_logo_dark.png differ diff --git a/amazon_clone_img/assets/box1-1.jpg b/amazon_clone_img/assets/box1-1.jpg new file mode 100644 index 00000000..d72e75e1 Binary files /dev/null and b/amazon_clone_img/assets/box1-1.jpg differ diff --git a/amazon_clone_img/assets/box1-2.jpg b/amazon_clone_img/assets/box1-2.jpg new file mode 100644 index 00000000..67129232 Binary files /dev/null and b/amazon_clone_img/assets/box1-2.jpg differ diff --git a/amazon_clone_img/assets/box1-3.jpg b/amazon_clone_img/assets/box1-3.jpg new file mode 100644 index 00000000..370893c8 Binary files /dev/null and b/amazon_clone_img/assets/box1-3.jpg differ diff --git a/amazon_clone_img/assets/box1-4.jpg b/amazon_clone_img/assets/box1-4.jpg new file mode 100644 index 00000000..96b5e1b0 Binary files /dev/null and b/amazon_clone_img/assets/box1-4.jpg differ diff --git a/amazon_clone_img/assets/box2-1.jpg b/amazon_clone_img/assets/box2-1.jpg new file mode 100644 index 00000000..45bda292 Binary files /dev/null and b/amazon_clone_img/assets/box2-1.jpg differ diff --git a/amazon_clone_img/assets/box2-2.jpg b/amazon_clone_img/assets/box2-2.jpg new file mode 100644 index 00000000..5a05acdf Binary files /dev/null and b/amazon_clone_img/assets/box2-2.jpg differ diff --git a/amazon_clone_img/assets/box2-3.jpg b/amazon_clone_img/assets/box2-3.jpg new file mode 100644 index 00000000..2bba8de4 Binary files /dev/null and b/amazon_clone_img/assets/box2-3.jpg differ diff --git a/amazon_clone_img/assets/box2-4.jpg b/amazon_clone_img/assets/box2-4.jpg new file mode 100644 index 00000000..0697ab0a Binary files /dev/null and b/amazon_clone_img/assets/box2-4.jpg differ diff --git a/amazon_clone_img/assets/box3-1.jpg b/amazon_clone_img/assets/box3-1.jpg new file mode 100644 index 00000000..29e6d350 Binary files /dev/null and b/amazon_clone_img/assets/box3-1.jpg differ diff --git a/amazon_clone_img/assets/box3-2.jpg b/amazon_clone_img/assets/box3-2.jpg new file mode 100644 index 00000000..ad993cae Binary files /dev/null and b/amazon_clone_img/assets/box3-2.jpg differ diff --git a/amazon_clone_img/assets/box3-3.jpg b/amazon_clone_img/assets/box3-3.jpg new file mode 100644 index 00000000..de6f3392 Binary files /dev/null and b/amazon_clone_img/assets/box3-3.jpg differ diff --git a/amazon_clone_img/assets/box3-4.jpg b/amazon_clone_img/assets/box3-4.jpg new file mode 100644 index 00000000..bd0cec2d Binary files /dev/null and b/amazon_clone_img/assets/box3-4.jpg differ diff --git a/amazon_clone_img/assets/cart_banner.png b/amazon_clone_img/assets/cart_banner.png new file mode 100644 index 00000000..fb8d25a6 Binary files /dev/null and b/amazon_clone_img/assets/cart_banner.png differ diff --git a/amazon_clone_img/assets/cart_icon.png b/amazon_clone_img/assets/cart_icon.png new file mode 100644 index 00000000..a8386647 Binary files /dev/null and b/amazon_clone_img/assets/cart_icon.png differ diff --git a/amazon_clone_img/assets/circle_icon.png b/amazon_clone_img/assets/circle_icon.png new file mode 100644 index 00000000..ee220f50 Binary files /dev/null and b/amazon_clone_img/assets/circle_icon.png differ diff --git a/amazon_clone_img/assets/dropdown_icon.png b/amazon_clone_img/assets/dropdown_icon.png new file mode 100644 index 00000000..35e6dbdf Binary files /dev/null and b/amazon_clone_img/assets/dropdown_icon.png differ diff --git a/amazon_clone_img/assets/header1.jpg b/amazon_clone_img/assets/header1.jpg new file mode 100644 index 00000000..94b6800e Binary files /dev/null and b/amazon_clone_img/assets/header1.jpg differ diff --git a/amazon_clone_img/assets/header2.jpg b/amazon_clone_img/assets/header2.jpg new file mode 100644 index 00000000..1dc3f84e Binary files /dev/null and b/amazon_clone_img/assets/header2.jpg differ diff --git a/amazon_clone_img/assets/header3.jpg b/amazon_clone_img/assets/header3.jpg new file mode 100644 index 00000000..3804e08c Binary files /dev/null and b/amazon_clone_img/assets/header3.jpg differ diff --git a/amazon_clone_img/assets/header4.jpg b/amazon_clone_img/assets/header4.jpg new file mode 100644 index 00000000..c3b54b20 Binary files /dev/null and b/amazon_clone_img/assets/header4.jpg differ diff --git a/amazon_clone_img/assets/header5.jpg b/amazon_clone_img/assets/header5.jpg new file mode 100644 index 00000000..f27f8e00 Binary files /dev/null and b/amazon_clone_img/assets/header5.jpg differ diff --git a/amazon_clone_img/assets/header6.jpg b/amazon_clone_img/assets/header6.jpg new file mode 100644 index 00000000..d8b19757 Binary files /dev/null and b/amazon_clone_img/assets/header6.jpg differ diff --git a/amazon_clone_img/assets/hero_image.jpg b/amazon_clone_img/assets/hero_image.jpg new file mode 100644 index 00000000..b4a28344 Binary files /dev/null and b/amazon_clone_img/assets/hero_image.jpg differ diff --git a/amazon_clone_img/assets/ipad_img.jpg b/amazon_clone_img/assets/ipad_img.jpg new file mode 100644 index 00000000..d6799b5a Binary files /dev/null and b/amazon_clone_img/assets/ipad_img.jpg differ diff --git a/amazon_clone_img/assets/location_icon.png b/amazon_clone_img/assets/location_icon.png new file mode 100644 index 00000000..2f17806e Binary files /dev/null and b/amazon_clone_img/assets/location_icon.png differ diff --git a/amazon_clone_img/assets/location_icon_dark.png b/amazon_clone_img/assets/location_icon_dark.png new file mode 100644 index 00000000..e1c44b56 Binary files /dev/null and b/amazon_clone_img/assets/location_icon_dark.png differ diff --git a/amazon_clone_img/assets/menu_icon.png b/amazon_clone_img/assets/menu_icon.png new file mode 100644 index 00000000..450fd032 Binary files /dev/null and b/amazon_clone_img/assets/menu_icon.png differ diff --git a/amazon_clone_img/assets/product1-1.jpg b/amazon_clone_img/assets/product1-1.jpg new file mode 100644 index 00000000..204db413 Binary files /dev/null and b/amazon_clone_img/assets/product1-1.jpg differ diff --git a/amazon_clone_img/assets/product1-10.jpg b/amazon_clone_img/assets/product1-10.jpg new file mode 100644 index 00000000..f4316737 Binary files /dev/null and b/amazon_clone_img/assets/product1-10.jpg differ diff --git a/amazon_clone_img/assets/product1-2.jpg b/amazon_clone_img/assets/product1-2.jpg new file mode 100644 index 00000000..bd6d6e80 Binary files /dev/null and b/amazon_clone_img/assets/product1-2.jpg differ diff --git a/amazon_clone_img/assets/product1-3.jpg b/amazon_clone_img/assets/product1-3.jpg new file mode 100644 index 00000000..c0280a88 Binary files /dev/null and b/amazon_clone_img/assets/product1-3.jpg differ diff --git a/amazon_clone_img/assets/product1-4.jpg b/amazon_clone_img/assets/product1-4.jpg new file mode 100644 index 00000000..1e7677a8 Binary files /dev/null and b/amazon_clone_img/assets/product1-4.jpg differ diff --git a/amazon_clone_img/assets/product1-5.jpg b/amazon_clone_img/assets/product1-5.jpg new file mode 100644 index 00000000..b68c04f7 Binary files /dev/null and b/amazon_clone_img/assets/product1-5.jpg differ diff --git a/amazon_clone_img/assets/product1-6.jpg b/amazon_clone_img/assets/product1-6.jpg new file mode 100644 index 00000000..e4714c72 Binary files /dev/null and b/amazon_clone_img/assets/product1-6.jpg differ diff --git a/amazon_clone_img/assets/product1-7.jpg b/amazon_clone_img/assets/product1-7.jpg new file mode 100644 index 00000000..eb007269 Binary files /dev/null and b/amazon_clone_img/assets/product1-7.jpg differ diff --git a/amazon_clone_img/assets/product1-8.jpg b/amazon_clone_img/assets/product1-8.jpg new file mode 100644 index 00000000..39ca5f87 Binary files /dev/null and b/amazon_clone_img/assets/product1-8.jpg differ diff --git a/amazon_clone_img/assets/product1-9.jpg b/amazon_clone_img/assets/product1-9.jpg new file mode 100644 index 00000000..5b6f14bf Binary files /dev/null and b/amazon_clone_img/assets/product1-9.jpg differ diff --git a/amazon_clone_img/assets/product2-1.jpg b/amazon_clone_img/assets/product2-1.jpg new file mode 100644 index 00000000..d005b5d5 Binary files /dev/null and b/amazon_clone_img/assets/product2-1.jpg differ diff --git a/amazon_clone_img/assets/product2-10.jpg b/amazon_clone_img/assets/product2-10.jpg new file mode 100644 index 00000000..6267fdb3 Binary files /dev/null and b/amazon_clone_img/assets/product2-10.jpg differ diff --git a/amazon_clone_img/assets/product2-11.jpg b/amazon_clone_img/assets/product2-11.jpg new file mode 100644 index 00000000..b275d326 Binary files /dev/null and b/amazon_clone_img/assets/product2-11.jpg differ diff --git a/amazon_clone_img/assets/product2-12.jpg b/amazon_clone_img/assets/product2-12.jpg new file mode 100644 index 00000000..9501764b Binary files /dev/null and b/amazon_clone_img/assets/product2-12.jpg differ diff --git a/amazon_clone_img/assets/product2-2.jpg b/amazon_clone_img/assets/product2-2.jpg new file mode 100644 index 00000000..916264d9 Binary files /dev/null and b/amazon_clone_img/assets/product2-2.jpg differ diff --git a/amazon_clone_img/assets/product2-3.jpg b/amazon_clone_img/assets/product2-3.jpg new file mode 100644 index 00000000..6267fdb3 Binary files /dev/null and b/amazon_clone_img/assets/product2-3.jpg differ diff --git a/amazon_clone_img/assets/product2-4.jpg b/amazon_clone_img/assets/product2-4.jpg new file mode 100644 index 00000000..3ddc0fad Binary files /dev/null and b/amazon_clone_img/assets/product2-4.jpg differ diff --git a/amazon_clone_img/assets/product2-5.jpg b/amazon_clone_img/assets/product2-5.jpg new file mode 100644 index 00000000..7d63c8da Binary files /dev/null and b/amazon_clone_img/assets/product2-5.jpg differ diff --git a/amazon_clone_img/assets/product2-6.jpg b/amazon_clone_img/assets/product2-6.jpg new file mode 100644 index 00000000..b6037027 Binary files /dev/null and b/amazon_clone_img/assets/product2-6.jpg differ diff --git a/amazon_clone_img/assets/product2-7.jpg b/amazon_clone_img/assets/product2-7.jpg new file mode 100644 index 00000000..2863401a Binary files /dev/null and b/amazon_clone_img/assets/product2-7.jpg differ diff --git a/amazon_clone_img/assets/product2-8.jpg b/amazon_clone_img/assets/product2-8.jpg new file mode 100644 index 00000000..2e67ee6b Binary files /dev/null and b/amazon_clone_img/assets/product2-8.jpg differ diff --git a/amazon_clone_img/assets/product2-9.jpg b/amazon_clone_img/assets/product2-9.jpg new file mode 100644 index 00000000..2863401a Binary files /dev/null and b/amazon_clone_img/assets/product2-9.jpg differ diff --git a/amazon_clone_img/assets/product_img.jpg b/amazon_clone_img/assets/product_img.jpg new file mode 100644 index 00000000..a5501117 Binary files /dev/null and b/amazon_clone_img/assets/product_img.jpg differ diff --git a/amazon_clone_img/assets/rating_img.png b/amazon_clone_img/assets/rating_img.png new file mode 100644 index 00000000..c5d9b32b Binary files /dev/null and b/amazon_clone_img/assets/rating_img.png differ diff --git a/amazon_clone_img/assets/search_icon.png b/amazon_clone_img/assets/search_icon.png new file mode 100644 index 00000000..ca1c6e3e Binary files /dev/null and b/amazon_clone_img/assets/search_icon.png differ diff --git a/amazon_clone_img/assets/us_flag.png b/amazon_clone_img/assets/us_flag.png new file mode 100644 index 00000000..28dc47fd Binary files /dev/null and b/amazon_clone_img/assets/us_flag.png differ diff --git a/amazon_clone_img/assets/user.png b/amazon_clone_img/assets/user.png new file mode 100644 index 00000000..657130bc Binary files /dev/null and b/amazon_clone_img/assets/user.png differ