diff --git a/.hintrc b/.hintrc new file mode 100644 index 0000000..1a243fa --- /dev/null +++ b/.hintrc @@ -0,0 +1,21 @@ +{ + "extends": [ + "development" + ], + "hints": { + "axe/forms": [ + "default", + { + "label": "off", + "select-name": "off" + } + ], + "axe/name-role-value": [ + "default", + { + "link-name": "off" + } + ], + "no-inline-styles": "off" + } +} \ No newline at end of file diff --git a/ReadMe.md b/ReadMe.md new file mode 100644 index 0000000..12d9700 --- /dev/null +++ b/ReadMe.md @@ -0,0 +1,41 @@ +![ecommerce webiste](https://raw.githubusercontent.com/ziddahedem/LC09-ecommerce-website/master/images/lc09-ecommerce%20website.jpg) + +In this blog, you will learn how to create a complete e-commerce website with HTML, CSS and JAVASCRIPT step by step. In my previous blog post, we created a responsive portfolio website with HTML, CSS and JAVASCRIPT. If you haven't checked it then do so because it contains a lot of golden tricks about CSS. I have already posted blogs on how to create an e-commerce website with HTML, CSS & JavaScript but I haven't created an e-commerce website with Product Image Zoom Effect. + +If you haven't created any website before with HTML and CSS before don't panic because am going to guide you step by step so that you also get the same result as mine. Real quick, you can also convert this ecommerce website template to a dynamic ecommerce website using React, NodeJs and MongoDB. You can check out this video for an intro. + +### Features of this Ecommerce Website + +- Responsive Navigation Bar with toggle effect +- Responsive Carousel with Glidejs +- Categories Section +- New Arrival Products Section +- Contact Section +- Footer +- Responsive PopUp +- Product Page with Pagination and Sorting +- Product Details Page with Image Zoom Effect +- Cart Page +- Responsive Login Page +- Responsive SignUp Page +- Download images here if you want to code along +- Video Of Ecommerce Website + +Download [Images](https://www.wpcodevo.com) If you want to code along + +Video For more explanation +![Complete Responsive Ecommerce Website with HTML CSS & JavaScript](https://youtu.be/KQ9vrkcbkic) + +In the video, you’ve seen the Complete Responsive Ecommerce Website and I hope you’ve understood the chunks of codes of this ecommerce design. I tried my best to make this video understandable for beginners and also I showed every output of the code in the video. If this video has been helpful for you, don’t forget to like, subscribe and leave a comment. + +If you couldn't follow along in the video or maybe it was a little confusing then scroll to the bottom of this article where you will find a download button. Click on the download button and wait for 60s while the download link if been prepared for you. When the link is ready click on it to automatically download the zip file. + +Unzip the downloaded file and wala you have the full source code. Also, if you like this design and would what to use it in your next project then feel free to modify it in your own ways. + +Download Full Source Code ![codevo website](www.wpcodevo.com) + +### You might Like this: + +[Responsive Portfolio Website](https://www.wpcodevo.com/blogs/create-responsive-personal-portfolio-website-using-html-css-and-javascript-2021-or-tutorial) +[Website with Video Background](https://www.wpcodevo.com/blogs/how-to-make-website-with-a-background-video-using-html-css-and-javascript-or-step-by-step) +[Responsive Ecommerce Website](https://www.wpcodevo.com/blogs/responsive-ecommerce-website-using-html-css-javascript) diff --git a/cart.html b/cart.html new file mode 100644 index 0000000..4371efd --- /dev/null +++ b/cart.html @@ -0,0 +1,299 @@ + + + + + + + + + + Your Cart + + + +
+
+

Order Online Or Call Us: (237) 672 11 2256

+ +
+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductQuantitySubtotal
+
+ +
+

Airpod

+ Price: $190.00
+ remove +
+
+
$190.00
+
+ +
+

White 44mm Series 4 Thin Fit Cover

+ Price: $90.00
+ remove +
+
+
$90.00
+
+ +
+

iPhone 14 cases

+ Price: $60.00
+ remove +
+
+
$60.00
+
+ +
+

Apple Watch 44mm Series 4

+ Price: $360.00
+ remove +
+
+
$360.00
+
+ +
+

Apple Home Pad

+ Price: $400.00
+ remove +
+
+
400.00
+
+ + + + + + + + + + + + + +
Subtotal$1,100
Tax$400
Total$1,500
+ Proceed To Checkout +
+
+ + + + + + + + + + + + + diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..e602e5e --- /dev/null +++ b/css/styles.css @@ -0,0 +1,1421 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); + +/* Color Variables */ +:root { + --white: #fff; + --black: #222; + --orchid: #613659; + --grey1: #f0f0f0; + --grey2: #e9d7d3; + --mauve: #D3B1C2; +} + +/* Basic Reset */ +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: inherit; +} + +html { + box-sizing: border-box; + font-size: 62.5%; +} + +body { + font-family: 'Roboto', sans-serif; + font-size: 1.6rem; + background-color: var(--white); + color: var(--black); + font-weight: 400; + font-style: normal; +} + +a { + text-decoration: none; + color: var(--black); +} + +li { + list-style: none; +} + +.container { + max-width: 114rem; + margin: 0 auto; + padding: 0 3rem; +} + +.d-flex { + display: flex; + align-items: center; +} + +/* +================= +Header +================= +*/ + +.header { + position: relative; + min-height: 100vh; + overflow-x: hidden; +} + +.top-nav { + background-color: var(--orchid); + font-size: 1.3rem; + color: var(--white); +} + +.top-nav div { + justify-content: space-between; + height: 4.5rem; +} + +.top-nav a { + color: var(--white); + padding: 0 0.5rem; +} + +/* +================= +Navigation +================= +*/ +.navigation { + height: 6rem; + line-height: 6rem; +} + +.nav-center { + justify-content: space-between; +} + +.nav-list .icons { + display: none; +} + +.nav-center .nav-item:not(:last-child) { + margin-right: 0.5rem; +} + +.nav-center .nav-link { + font-size: 1.8rem; + padding: 1rem; +} + +.nav-center .nav-link:hover { + color: var(--orchid); +} + +.nav-center .tamdroiid { + display: none; + font-size: 2.3rem; + color: var(--black); + cursor: pointer; +} + +/* Icons */ + +.icon { + cursor: pointer; + font-size: 2.5rem; + padding: 0 1rem; + color: #555; + position: relative; +} + +.icon:not(:last-child) { + margin-right: 0.5rem; +} + +.icon span { + position: absolute; + top: 3px; + right: -3px; + background-color: var(--orchid); + color: var(--white); + border-radius: 50%; + font-size: 1.3rem; + height: 2rem; + width: 2rem; + justify-content: center; +} + +@media only screen and (max-width: 768px) { + .nav-list { + position: fixed; + top: 12%; + left: -35rem; + flex-direction: column; + align-items: flex-start; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); + background-color: white; + height: 100%; + width: 0%; + max-width: 35rem; + z-index: 100; + transition: all 300ms ease-in-out; + } + + .nav-list.open { + left: 0; + width: 100%; + } + + .nav-list .nav-item { + margin: 0 0 1rem 0; + width: 100%; + } + + .nav-list .nav-link { + font-size: 2rem; + color: var(--black); + } + + .nav-center .tamdroiid { + display: block; + color: var(--black); + font-size: 3rem; + } + + .icons { + display: none; + } + + .nav-list .icons { + display: flex; + } + + .top-nav ul { + display: none; + } + + .top-nav div { + justify-content: center; + height: 3rem; + } +} + +/* +================= +Droiid Area +================= +*/ + +.droiid, +.droiid .glide__slides { + background-color: var(--mauve); + position: relative; + height: calc(100vh - 6rem); + margin: 0 4rem; + overflow: hidden; +} + +.droiid .center { + display: flex; + align-items: center; + justify-content: center; + position: relative; + height: 100%; + padding-top: 3rem; +} + +.droiid .left { + position: absolute; + top: 0%; + left: 25rem; + opacity: 0; + transition: all 1000ms ease-in-out; +} + +.droiid .left h1 { + font-size: 5rem; + margin: 1rem 0; +} + +.droiid .left p { + font-size: 1.6rem; + margin-bottom: 1rem; +} + +.droiid .left .droiid-btn { + display: inline-block; + padding: 1rem 3rem; + font-size: 1.6rem; + margin-top: 1rem; + background-color: var(--orchid); + color: white; + border-radius: 1.5rem; +} + +.droiid .right { + flex: 0 0 50%; + height: 100%; + position: relative; + text-align: center; +} + +.droiid .right img { + position: absolute; + width: 55rem; + margin-bottom: 4px; + opacity: 0; + transition: all 1000ms ease-in-out; +} + +.center .right img.img1 { + width: 85%; + right: -40%; + bottom: -50%; + padding-bottom: 10px; +} + +.center .right img.img2 { + width: 90%; + right: -40%; + bottom: -40%; + padding-bottom: 10px; +} + +.glide__slide--active .center .right img { + bottom: -3%; + opacity: 1; +} + +.glide__slide--active .left { + opacity: 1; + top: 35%; +} + +/* +====================== +Droiid Media Query +====================== +*/ +@media only screen and (max-width: 1500px) { + .droiid .left { + left: 0; + } +} +@media only screen and (max-width: 999px) { + .glide__slide--active .left { + top: 15%; + } + + .center .right img.img1 { + width: 90%; + } + + .center .right img.img2 { + width: 100%; + } +} + +@media only screen and (max-width: 567px) { + .center .right img.img1 { + width: 30rem; + } + + .center .right img.img2 { + width: 33rem; + } + + .droiid, + .droiid .glide__slides { + margin: 0; + padding: 0 3rem; + } + + .droiid .left h1 { + font-size: 3rem; + } + + .droiid .left span { + font-size: 1.4rem; + } + .droiid .left p { + font-size: 1.5rem; + width: 80%; + } +} + +/* Category Section */ +.section { + padding: 10rem 0 5rem 0; + overflow: hidden; +} + +.cat-center { + display: flex; + align-items: center; + justify-content: center; + max-width: 114rem; + margin: auto; + padding: 0 3rem; +} + +.cat-center .cat { + max-width: 37rem; + height: 25rem; + overflow: hidden; + position: relative; + cursor: pointer; + text-align: center; +} + +.cat-center .cat:not(:last-child) { + margin-right: 3rem; +} + +.cat-center .cat img { + width: 36.5rem; + height: 100%; + margin: auto; + object-fit: cover; + transition: all 2s ease; +} + +.cat-center .cat:hover img { + transform: scale(1.1); +} + +.cat-center .cat div { + position: absolute; + bottom: 15%; + left: 50%; + transform: translateX(-50%); + background-color: var(--white); + width: 18rem; + height: 5rem; + line-height: 5rem; + text-align: center; + font-size: 2rem; + font-weight: 500; +} + +@media only screen and (max-width: 1200px) { + .cat-center .cat img { + width: 30rem; + } +} + +@media only screen and (max-width: 967px) { + .cat-center .cat { + max-width: 25rem; + height: 20rem; + } + + .cat-center .cat img { + width: 25rem; + } +} + +@media only screen and (max-width: 768px) { + .section { + padding: 5rem 0; + } + + .cat-center { + flex-direction: column; + padding: 3rem; + } + + .cat-center .cat { + max-width: 100%; + height: 30rem; + } + + .cat-center .cat:not(:last-child) { + margin-right: 0rem; + margin-bottom: 5rem; + } + + .cat-center .cat img { + width: 100%; + } +} + +/* New Arrivals */ +.title { + text-align: center; + margin-bottom: 5rem; +} + +.title h1 { + font-size: 3rem; + text-transform: uppercase; + margin-bottom: 1rem; + font-weight: 500; +} + +.product-center { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + max-width: 120rem; + margin: 0 auto; + padding: 0 2rem; +} + +.product-item { + position: relative; + width: 27rem; + margin: 0 auto; + margin-bottom: 3rem; +} + +.product-thumb img { + width: 100%; + height: 31rem; + object-fit: cover; + transition: all 500ms linear; + background-color: #eae6e6f4; +} + +.product-info { + padding: 1rem; + text-align: center; +} + +.product-info span { + display: inline-block; + font-size: 1.2rem; + color: #666; + margin-bottom: 1rem; +} + +.product-info a { + font-size: 1.5rem; + display: block; + margin-bottom: 1rem; + transition: all 300ms ease; +} + +.product-info a:hover { + color: var(--orchid); +} + +.product-item .icons { + position: absolute; + left: 50%; + top: 35%; + transform: translateX(-50%); + display: flex; + align-items: center; +} + +.product-item .icons li { + background-color: var(--white); + text-align: center; + padding: 1rem 1.5rem; + font-size: 2.3rem; + cursor: pointer; + transition: 300ms ease-out; + transform: translateY(20px); + visibility: hidden; + opacity: 0; +} + +.product-item .icons li:first-child { + transition-delay: 0.1s; +} + +.product-item .icons li:nth-child(2) { + transition-delay: 0.2s; +} + +.product-item .icons li:nth-child(3) { + transition-delay: 0.3s; +} + +.product-item:hover .icons li { + visibility: visible; + opacity: 1; + transform: translateY(0); +} + +.product-item .icons li:not(:last-child) { + margin-right: 0.5rem; +} + +.product-item .icons li:hover { + background-color: var(--orchid); + color: var(--white); +} + +.product-item .overlay { + position: relative; + overflow: hidden; + cursor: pointer; + width: 100%; +} + +.product-item .overlay::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + visibility: hidden; + opacity: 0; + transition: 300ms ease-out; +} + +.product-item:hover .overlay::after { + visibility: visible; + opacity: 1; +} + +.product-item:hover .product-thumb img { + transform: scale(1.1); +} + +.product-item .discount { + position: absolute; + top: 1rem; + left: 1rem; + background-color: var(--orchid); + padding: 0.5rem 1rem; + color: var(--white); + border-radius: 2rem; + font-size: 1.5rem; +} + +@media only screen and (max-width: 567px) { + .product-center { + max-width: 100%; + padding: 0 1rem; + } + + .product-item { + width: 40%; + margin-bottom: 3rem; + } + + .product-thumb img { + height: 20rem; + } + + .product-item { + margin-right: 2rem; + } + + .product-item .icons li { + padding: 0.5rem 1rem; + font-size: 1.8rem; + } +} + +/* Banner */ + +.banner { + position: relative; + background-color: var(--grey2); + padding: 14rem 20%; +} + +.banner .right img { + position: absolute; + bottom: 0; + right: 10%; + width: 75rem; +} + +.banner .trend, +.banner p { + display: block; + font-size: 2rem; + font-weight: 300; + margin-bottom: 1.5rem; +} + +.banner h1 { + font-size: 5.4rem; + color: var(--black); + margin-bottom: 1.5rem; +} + +.banner .btn { + display: inline-block; + margin-top: 2rem; + border-radius: 1.5rem; +} + +@media only screen and (max-width: 1500px) { + .banner { + padding: 14rem; + } + + .banner .right img { + right: 3rem; + width: 70rem; + } +} + +@media only screen and (max-width: 996px) { + .banner { + padding: 8rem 2rem; + } + + .banner .trend, + .banner p { + font-size: 1.5rem; + } + + .banner h1 { + font-size: 4rem; + } + + .banner .right img { + right: -6%; + width: 50rem; + } +} + +@media only screen and (max-width: 768px) { + .banner { + display: grid; + grid-template-columns: 1fr; + height: 80vh; + } + + .banner .left { + width: 100%; + margin-bottom: 3rem; + } + + .banner .right { + flex: 0 0 50%; + } + + .banner .right img { + right: 0; + width: 50rem; + left: 50%; + transform: translateX(-50%); + } +} + +@media only screen and (max-width: 567px) { + .banner { + padding: 8rem 5rem; + } + + .banner .trend, + .banner p { + font-size: 1.3rem; + margin-bottom: 1rem; + } + + .banner h1 { + font-size: 3rem; + margin-bottom: 1rem; + } + + .banner .btn { + padding: 0.8rem 1.7rem; + font-size: 1.4rem; + } + + .banner .right img { + width: 45rem; + } +} + +/* Contact */ +.contact { + background-color: var(--black); + color: var(--white); + padding: 10rem 20rem; +} + +.contact .row { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; +} + +.contact .row .col h2 { + margin-bottom: 1.5rem; +} + +.contact .row .col p { + width: 70%; + margin-bottom: 2rem; +} + +.btn-1 { + background-color: var(--orchid); + color: var(--white); + display: inline-block; + border-radius: 1rem; + padding: 1rem 2rem; +} + +.contact form div { + position: relative; + width: 80%; + margin: 0 auto; +} + +.contact form input { + font-family: 'Roboto', sans-serif; + text-indent: 2rem; + width: 100%; + border-radius: 1rem; + padding: 1.5rem 0; + outline: none; + border: none; +} + +.contact form a { + position: absolute; + top: 0; + right: 0; + background-color: var(--orchid); + color: white; + margin: 0.5rem; + padding: 1rem 3rem; + border-radius: 1rem; +} + +@media only screen and (max-width: 996px) { + .contact { + padding: 8rem 8rem; + } +} + +@media only screen and (max-width: 768px) { + .contact .row { + grid-template-columns: 1fr; + gap: 5rem 0; + } + + .contact form div { + width: 100%; + } +} + +@media only screen and (max-width: 567px) { + .contact { + padding: 8rem 1rem; + } +} + +/* Footer */ +.footer { + padding: 7rem 1rem; + background-color: var(--orchid); +} + +footer .row { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + max-width: 99.6rem; + margin: 0 auto; +} + +.footer .col { + flex-direction: column; + color: var(--white); + align-items: flex-start; +} + +.footer .col:last-child { + flex-direction: row; + justify-content: center; +} + +.footer .col:last-child span { + font-size: 2.5rem; + margin-right: 0.5rem; + color: var(--white); +} + +.footer .col a { + color: var(--white); + font-size: 1.5rem; + padding: 0.5rem; + font-weight: 300; +} + +.footer .col h4 { + margin-bottom: 1rem; +} +.footer__bar{ + padding: 1rem; + text-align: center; + font-size: 1rem; +} + +@media only screen and (max-width: 567px) { + footer .row { + grid-template-columns: 1fr; + row-gap: 3rem; + } +} + +/* Popup */ +.popup { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + z-index: 9999; + transition: 0.3s; + transform: scale(1); +} + +.popup-content { + position: absolute; + top: 50%; + left: 50%; + width: 90%; + max-width: 110rem; + margin: 0 auto; + height: 55rem; + transform: translate(-50%, -50%); + padding: 1.6rem; + display: table; + overflow: hidden; + background-color: var(--white); +} + +.popup-close { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 2rem; + right: 2rem; + padding: 0.5rem; + background-color: var(--orchid); + border-radius: 50%; + cursor: pointer; +} + +.popup-close { + font-size: 3rem; + color: white; +} + +.popup-left { + display: table-cell; + width: 50%; + height: 100%; + vertical-align: middle; +} + +.popup-right { + display: table-cell; + width: 50%; + vertical-align: middle; + padding: 3rem 5rem; +} + +.popup-img-container { + width: 100%; + overflow: hidden; +} + +.popup-img-container img.popup-img { + display: block; + width: 60rem; + height: 45rem; + max-width: 100%; + border-radius: 1rem; + object-fit: cover; +} + +.right-content { + text-align: center; + width: 85%; + margin: 0 auto; +} + +.right-content h1 { + font-size: 4rem; + color: #000; + margin-bottom: 1.6rem; +} + +.right-content h1 span { + color: var(--orchid); +} + +.right-content p { + font-size: 1.6rem; + color: #555; + margin-bottom: 1.6rem; +} + +.popup-form { + width: 100%; + padding: 1.5rem 0; + text-indent: 1rem; + margin-bottom: 1.6rem; + border-radius: 3rem; + background-color: var(--orchid); + color: white; + font-size: 1.8rem; + border: none; +} + +.popup-form::placeholder { + color: white; +} + +.popup-form:focus { + outline: none; +} + +.right-content a:link, +.right-content a:visited { + display: inline-block; + padding: 1.8rem 5rem; + border-radius: 3rem; + font-weight: 700; + color: var(--white); + background-color: var(--black); + border: 1px solid var(--grey2); + transition: 0.3s; +} + +.right-content a:hover { + background-color: var(--orchid); + border: 1px solid var(--grey2); + color: var(--black); +} + +.hide-popup { + transform: scale(0.2); + opacity: 0; + visibility: hidden; +} + +@media only screen and (max-width: 1200px) { + .right-content { + width: 100%; + } + + .right-content h1 { + font-size: 3.5rem; + margin-bottom: 1.3rem; + } +} + +@media only screen and (max-width: 998px) { + .popup-right { + width: 100%; + } + + .popup-left { + display: none; + } + + .right-content h1 { + font-size: 5rem; + } +} + +@media only screen and (max-width: 768px) { + .right-content h1 { + font-size: 4rem; + } + + .right-content p { + font-size: 1.6rem; + } + + .popup-form { + width: 90%; + margin: 0 auto; + padding: 1.8rem 0; + margin-bottom: 1.5rem; + } + + .goto-top:link, + .goto-top:visited { + right: 5%; + bottom: 5%; + } +} + +@media only screen and (max-width: 568px) { + .popup-right { + padding: 0 1.6rem; + } + + .popup-content { + height: 35rem; + width: 90%; + margin: 0 auto; + } + + .right-content { + width: 100%; + } + + .right-content h1 { + font-size: 3rem; + } + + .right-content p { + font-size: 1.4rem; + } + + .popup-form { + width: 100%; + padding: 1.5rem 0; + margin-bottom: 1.3rem; + } + + .right-content a:link, + .right-content a:visited { + padding: 1.5rem 3rem; + } + + .popup-close { + top: 1rem; + right: 1rem; + padding: 0.5rem; + } +} + +/* All Products */ +.section .top { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 4rem; +} + +.all-products .top select { + font-family: 'Poppins', sans-serif; + width: 20rem; + padding: 1rem; + border: 1px solid #ccc; + appearance: none; + outline: none; +} + +form { + position: relative; + z-index: 1; +} + +form span { + position: absolute; + top: 50%; + right: 1rem; + transform: translateY(-50%); + font-size: 2rem; + z-index: 0; +} + +@media only screen and (max-width: 768px) { + .all-products .top select { + width: 15rem; + } +} + +/* Pagination */ +.pagination { + display: flex; + align-items: center; + padding: 3rem 0 5rem 0; +} + +.pagination span { + display: inline-block; + padding: 1rem 1.5rem; + border: 1px solid var(--orchid); + font-size: 1.8rem; + margin-bottom: 2rem; + cursor: pointer; + transition: all 300ms ease-in-out; +} + +.pagination span:hover { + border: 1px solid var(--orchid); + background-color: var(--orchid); + color: #fff; +} + +/* Cart Items */ +.cart { + margin: 10rem auto; +} + +table { + width: 100%; + border-collapse: collapse; +} + +.cart-info { + display: flex; + flex-wrap: wrap; +} + +th { + text-align: left; + padding: 0.5rem; + color: #fff; + background-color: var(--orchid); + font-weight: normal; +} + +td { + padding: 1rem 0.5rem; +} + +td input { + width: 5rem; + height: 3rem; + padding: 0.5rem; +} + +td a { + color: orangered; + font-size: 1.4rem; +} + +td img { + width: 8rem; + height: 8rem; + margin-right: 1rem; +} + +.total-price { + display: flex; + align-items: flex-end; + flex-direction: column; + margin-top: 2rem; +} + +.total-price table { + border-top: 3px solid var(--orchid); + width: 100%; + max-width: 35rem; +} + +td:last-child { + text-align: right; +} + +th:last-child { + text-align: right; +} + +.checkout { + display: inline-block; + background-color: var(--orchid); + color: white; + padding: 1rem; + margin-top: 1rem; +} + +@media only screen and (max-width: 567px) { + .cart-info p { + display: none; + } +} + +/* Product Details */ +.product-detail .details { + display: grid; + grid-template-columns: 1fr 1.2fr; + gap: 7rem; +} + +.product-detail .left { + display: flex; + flex-direction: column; +} + +.product-detail .left .main { + text-align: center; + background-color: #f6f2f1; + margin-bottom: 2rem; + height: 45rem; +} + +.product-detail .left .main img { + object-fit: cover; + height: 100%; + width: 100%; +} + +.product-detail .right span { + display: inline-block; + font-size: 1.5rem; + margin-bottom: 1rem; +} + +.product-detail .right h1 { + font-size: 4rem; + line-height: 1.2; + margin-bottom: 2rem; +} + +.product-detail .right .price { + font-size: 600; + font-size: 2rem; + color: var(--orchid); + margin-bottom: 2rem; +} + +.product-detail .right div { + display: inline-block; + position: relative; + z-index: 1; +} + +.product-detail .right select { + font-family: 'Poppins', sans-serif; + width: 20rem; + padding: 0.7rem; + border: 1px solid #ccc; + appearance: none; + outline: none; +} + +.product-detail form { + margin-bottom: 2rem; + z-index: 0; +} + +.product-detail form span { + position: absolute; + top: 50%; + right: 1rem; + transform: translateY(-50%); + font-size: 2rem; + z-index: 0; +} + +.product-detail .form { + margin-bottom: 3rem; +} + +.product-detail .form input { + padding: 0.8rem; + text-align: center; + width: 3.5rem; + margin-right: 2rem; +} + +.product-detail .form .addCart { + background: var(--orchid); + padding: 0.8rem 4rem; + color: #fff; + border-radius: 3rem; +} + +.product-detail h3 { + text-transform: uppercase; + margin-bottom: 2rem; +} + +@media only screen and (max-width: 996px) { + .product-detail .left { + width: 30rem; + height: 45rem; + } + + .product-detail .details { + gap: 3rem; + } +} + +@media only screen and (max-width: 650px) { + .product-detail .details { + grid-template-columns: 1fr; + } + + .product-detail .right { + margin-top: 1rem; + } + + .product-detail .left { + width: 100%; + height: 45rem; + } + + .product-detail .details { + gap: 3rem; + } +} + +/* Login Form */ +.login-form { + padding: 5rem 0; + max-width: 50rem; + margin: 5rem auto; +} + +.login-form form { + display: flex; + flex-direction: column; +} + +.login-form form h1 { + margin-bottom: 1rem; +} +.login-form form p { + margin-bottom: 2rem; +} + +.login-form form label { + margin-bottom: 1rem; +} + +.login-form form input { + border: 1px solid #ccc; + outline: none; + padding: 1.5rem 0; + text-indent: 1rem; + font-size: 1.6rem; + margin-bottom: 2rem; + border-radius: 0.5rem; +} + +.login-form form input::placeholder { + font-size: 1.6rem; + color: #222; +} + +.login-form form .buttons { + margin-top: 1rem; +} + +.login-form form button { + outline: none; + border: none; + border-radius: 1.5rem; + font-size: 1.6rem; + padding: 1rem 3rem; + margin-right: 1.5rem; + background-color: var(--orchid); + color: white; + cursor: pointer; +} + +.login-form form p a { + color: dodgerblue; +} + + + + + diff --git a/images/12_Pro-max1.png b/images/12_Pro-max1.png new file mode 100644 index 0000000..8d26c01 Binary files /dev/null and b/images/12_Pro-max1.png differ diff --git a/images/2phones-removebg-preview.png b/images/2phones-removebg-preview.png new file mode 100644 index 0000000..b22bd6c Binary files /dev/null and b/images/2phones-removebg-preview.png differ diff --git a/images/Apple AirPods Max Silver.png b/images/Apple AirPods Max Silver.png new file mode 100644 index 0000000..a0cca7a Binary files /dev/null and b/images/Apple AirPods Max Silver.png differ diff --git a/images/Apple AirPods Max Sky Blue.png b/images/Apple AirPods Max Sky Blue.png new file mode 100644 index 0000000..872a78e Binary files /dev/null and b/images/Apple AirPods Max Sky Blue.png differ diff --git a/images/Apple AirPods Max, Green.png b/images/Apple AirPods Max, Green.png new file mode 100644 index 0000000..28df1bd Binary files /dev/null and b/images/Apple AirPods Max, Green.png differ diff --git a/images/Apple AirPods Max, Pink.png b/images/Apple AirPods Max, Pink.png new file mode 100644 index 0000000..0e7dc96 Binary files /dev/null and b/images/Apple AirPods Max, Pink.png differ diff --git a/images/Apple Monitor.png b/images/Apple Monitor.png new file mode 100644 index 0000000..f64f1ba Binary files /dev/null and b/images/Apple Monitor.png differ diff --git a/images/Apple_watch-series-6.png b/images/Apple_watch-series-6.png new file mode 100644 index 0000000..9445e70 Binary files /dev/null and b/images/Apple_watch-series-6.png differ diff --git a/images/Magsafe.png b/images/Magsafe.png new file mode 100644 index 0000000..7e62919 Binary files /dev/null and b/images/Magsafe.png differ diff --git a/images/Pic (10).jpg b/images/Pic (10).jpg new file mode 100644 index 0000000..5f89989 Binary files /dev/null and b/images/Pic (10).jpg differ diff --git a/images/Pic (11).jpg b/images/Pic (11).jpg new file mode 100644 index 0000000..0f1d103 Binary files /dev/null and b/images/Pic (11).jpg differ diff --git a/images/Pic (12).jpg b/images/Pic (12).jpg new file mode 100644 index 0000000..33e2782 Binary files /dev/null and b/images/Pic (12).jpg differ diff --git a/images/Pic (4).jpg b/images/Pic (4).jpg new file mode 100644 index 0000000..8daad3b Binary files /dev/null and b/images/Pic (4).jpg differ diff --git a/images/Pic (5).jpg b/images/Pic (5).jpg new file mode 100644 index 0000000..152402f Binary files /dev/null and b/images/Pic (5).jpg differ diff --git a/images/Pic (6).jpg b/images/Pic (6).jpg new file mode 100644 index 0000000..520032c Binary files /dev/null and b/images/Pic (6).jpg differ diff --git a/images/Pic (7).jpg b/images/Pic (7).jpg new file mode 100644 index 0000000..a64b3f7 Binary files /dev/null and b/images/Pic (7).jpg differ diff --git a/images/Pic (8).jpg b/images/Pic (8).jpg new file mode 100644 index 0000000..adcc5f7 Binary files /dev/null and b/images/Pic (8).jpg differ diff --git a/images/Pic (9).jpg b/images/Pic (9).jpg new file mode 100644 index 0000000..f801232 Binary files /dev/null and b/images/Pic (9).jpg differ diff --git a/images/Pic.jpg b/images/Pic.jpg new file mode 100644 index 0000000..fd4b5a7 Binary files /dev/null and b/images/Pic.jpg differ diff --git a/images/VR-goggle-removebg-preview.png b/images/VR-goggle-removebg-preview.png new file mode 100644 index 0000000..74fed97 Binary files /dev/null and b/images/VR-goggle-removebg-preview.png differ diff --git a/images/Wireless-Lavalier-Microphone-for-iPhone-Android-Mini-Wireless-Dual-Microphone.png b/images/Wireless-Lavalier-Microphone-for-iPhone-Android-Mini-Wireless-Dual-Microphone.png new file mode 100644 index 0000000..16b20e1 Binary files /dev/null and b/images/Wireless-Lavalier-Microphone-for-iPhone-Android-Mini-Wireless-Dual-Microphone.png differ diff --git a/images/airpod-pro.jpg b/images/airpod-pro.jpg new file mode 100644 index 0000000..58f69df Binary files /dev/null and b/images/airpod-pro.jpg differ diff --git a/images/airpod2.png b/images/airpod2.png new file mode 100644 index 0000000..371a538 Binary files /dev/null and b/images/airpod2.png differ diff --git a/images/airpodmax2.png b/images/airpodmax2.png new file mode 100644 index 0000000..f4c5d7a Binary files /dev/null and b/images/airpodmax2.png differ diff --git a/images/airpodpro1.png b/images/airpodpro1.png new file mode 100644 index 0000000..5266dcf Binary files /dev/null and b/images/airpodpro1.png differ diff --git a/images/airpods (3rd Gen).png b/images/airpods (3rd Gen).png new file mode 100644 index 0000000..1d855e2 Binary files /dev/null and b/images/airpods (3rd Gen).png differ diff --git a/images/airpods-max.png b/images/airpods-max.png new file mode 100644 index 0000000..7045e74 Binary files /dev/null and b/images/airpods-max.png differ diff --git a/images/airpods-pink-removebg-preview.png b/images/airpods-pink-removebg-preview.png new file mode 100644 index 0000000..94c56e8 Binary files /dev/null and b/images/airpods-pink-removebg-preview.png differ diff --git a/images/apple keyboard.png b/images/apple keyboard.png new file mode 100644 index 0000000..6af42a7 Binary files /dev/null and b/images/apple keyboard.png differ diff --git a/images/apple mouse.png b/images/apple mouse.png new file mode 100644 index 0000000..886aa33 Binary files /dev/null and b/images/apple mouse.png differ diff --git a/images/apple-ipad-pro-129-2021-5th-gen-128gb-wifi-silver.png b/images/apple-ipad-pro-129-2021-5th-gen-128gb-wifi-silver.png new file mode 100644 index 0000000..e3d9705 Binary files /dev/null and b/images/apple-ipad-pro-129-2021-5th-gen-128gb-wifi-silver.png differ diff --git a/images/apple-iphone-12.png b/images/apple-iphone-12.png new file mode 100644 index 0000000..741be4e Binary files /dev/null and b/images/apple-iphone-12.png differ diff --git a/images/apple-watch 7.png b/images/apple-watch 7.png new file mode 100644 index 0000000..3501752 Binary files /dev/null and b/images/apple-watch 7.png differ diff --git a/images/applewatch-black.png b/images/applewatch-black.png new file mode 100644 index 0000000..0201ae0 Binary files /dev/null and b/images/applewatch-black.png differ diff --git a/images/banner.png b/images/banner.png new file mode 100644 index 0000000..0c8e313 Binary files /dev/null and b/images/banner.png differ diff --git a/images/bg-pattern-desktop.svg b/images/bg-pattern-desktop.svg new file mode 100644 index 0000000..0e7083c --- /dev/null +++ b/images/bg-pattern-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/bg-pattern-mobile.svg b/images/bg-pattern-mobile.svg new file mode 100644 index 0000000..63e033b --- /dev/null +++ b/images/bg-pattern-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/cat1.jpg b/images/cat1.jpg new file mode 100644 index 0000000..f529697 Binary files /dev/null and b/images/cat1.jpg differ diff --git a/images/cat2.jpg b/images/cat2.jpg new file mode 100644 index 0000000..8cf7190 Binary files /dev/null and b/images/cat2.jpg differ diff --git a/images/cat3.jpg b/images/cat3.jpg new file mode 100644 index 0000000..d836b83 Binary files /dev/null and b/images/cat3.jpg differ diff --git a/images/categ.jpg b/images/categ.jpg new file mode 100644 index 0000000..65c40a2 Binary files /dev/null and b/images/categ.jpg differ diff --git a/images/categ2.jpg b/images/categ2.jpg new file mode 100644 index 0000000..43ab283 Binary files /dev/null and b/images/categ2.jpg differ diff --git a/images/categ3.jpg b/images/categ3.jpg new file mode 100644 index 0000000..0f1d103 Binary files /dev/null and b/images/categ3.jpg differ diff --git a/images/charger.png b/images/charger.png new file mode 100644 index 0000000..ad99434 Binary files /dev/null and b/images/charger.png differ diff --git a/images/hero-1.png b/images/hero-1.png new file mode 100644 index 0000000..36a49d9 Binary files /dev/null and b/images/hero-1.png differ diff --git a/images/hero-2.png b/images/hero-2.png new file mode 100644 index 0000000..6978137 Binary files /dev/null and b/images/hero-2.png differ diff --git a/images/homepod.png b/images/homepod.png new file mode 100644 index 0000000..e7ee225 Binary files /dev/null and b/images/homepod.png differ diff --git a/images/iPhone_XR.png b/images/iPhone_XR.png new file mode 100644 index 0000000..15e4b7f Binary files /dev/null and b/images/iPhone_XR.png differ diff --git a/images/illustration-box-desktop.svg b/images/illustration-box-desktop.svg new file mode 100644 index 0000000..16791c5 --- /dev/null +++ b/images/illustration-box-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/illustration-woman-online-desktop.svg b/images/illustration-woman-online-desktop.svg new file mode 100644 index 0000000..6bca509 --- /dev/null +++ b/images/illustration-woman-online-desktop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/illustration-woman-online-mobile.svg b/images/illustration-woman-online-mobile.svg new file mode 100644 index 0000000..6ad3bb7 --- /dev/null +++ b/images/illustration-woman-online-mobile.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/iph-14promax-black_case1.png b/images/iph-14promax-black_case1.png new file mode 100644 index 0000000..79f23b0 Binary files /dev/null and b/images/iph-14promax-black_case1.png differ diff --git a/images/iphone12.png b/images/iphone12.png new file mode 100644 index 0000000..f7fa50a Binary files /dev/null and b/images/iphone12.png differ diff --git a/images/iphone13_cases.png b/images/iphone13_cases.png new file mode 100644 index 0000000..6211336 Binary files /dev/null and b/images/iphone13_cases.png differ diff --git a/images/lc09-ecommerce website.jpg b/images/lc09-ecommerce website.jpg new file mode 100644 index 0000000..1343d50 Binary files /dev/null and b/images/lc09-ecommerce website.jpg differ diff --git a/images/macbook.png b/images/macbook.png new file mode 100644 index 0000000..dead7c7 Binary files /dev/null and b/images/macbook.png differ diff --git a/images/macbook_bl.png b/images/macbook_bl.png new file mode 100644 index 0000000..8fce101 Binary files /dev/null and b/images/macbook_bl.png differ diff --git a/images/macbooks.png b/images/macbooks.png new file mode 100644 index 0000000..9a85644 Binary files /dev/null and b/images/macbooks.png differ diff --git a/images/mcbook.png b/images/mcbook.png new file mode 100644 index 0000000..ae33a3a Binary files /dev/null and b/images/mcbook.png differ diff --git a/images/pic(13).png b/images/pic(13).png new file mode 100644 index 0000000..16c235b Binary files /dev/null and b/images/pic(13).png differ diff --git a/images/popup.jpg b/images/popup.jpg new file mode 100644 index 0000000..5ff8ded Binary files /dev/null and b/images/popup.jpg differ diff --git a/images/product-1.jpg b/images/product-1.jpg new file mode 100644 index 0000000..06a80c3 Binary files /dev/null and b/images/product-1.jpg differ diff --git a/images/product-2.jpg b/images/product-2.jpg new file mode 100644 index 0000000..3730d85 Binary files /dev/null and b/images/product-2.jpg differ diff --git a/images/product-3.jpg b/images/product-3.jpg new file mode 100644 index 0000000..9485bba Binary files /dev/null and b/images/product-3.jpg differ diff --git a/images/product-4.jpg b/images/product-4.jpg new file mode 100644 index 0000000..7c86946 Binary files /dev/null and b/images/product-4.jpg differ diff --git a/images/product-5.jpg b/images/product-5.jpg new file mode 100644 index 0000000..fb7aac0 Binary files /dev/null and b/images/product-5.jpg differ diff --git a/images/product-6.jpg b/images/product-6.jpg new file mode 100644 index 0000000..2e06ee2 Binary files /dev/null and b/images/product-6.jpg differ diff --git a/images/product-7.jpg b/images/product-7.jpg new file mode 100644 index 0000000..b6d944e Binary files /dev/null and b/images/product-7.jpg differ diff --git a/images/product-8.jpg b/images/product-8.jpg new file mode 100644 index 0000000..837d04f Binary files /dev/null and b/images/product-8.jpg differ diff --git a/images/pscontroller.png b/images/pscontroller.png new file mode 100644 index 0000000..09af5b6 Binary files /dev/null and b/images/pscontroller.png differ diff --git a/images/redcases.png b/images/redcases.png new file mode 100644 index 0000000..242ab97 Binary files /dev/null and b/images/redcases.png differ diff --git a/images/series-watch.png b/images/series-watch.png new file mode 100644 index 0000000..9e19eec Binary files /dev/null and b/images/series-watch.png differ diff --git a/images/vrgoggles1.png b/images/vrgoggles1.png new file mode 100644 index 0000000..0398a78 Binary files /dev/null and b/images/vrgoggles1.png differ diff --git a/images/watch_case-white.png b/images/watch_case-white.png new file mode 100644 index 0000000..7ad5e68 Binary files /dev/null and b/images/watch_case-white.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..cde2b20 --- /dev/null +++ b/index.html @@ -0,0 +1,488 @@ + + + + + + + + + + + + + + + Ecommerce Website + + + + + + +
+
+
+ +
+

ACCESSORIES

+
+
+
+ +
+

iPHONE

+
+
+
+ +
+

ELECTRONICS

+
+
+
+
+ + +
+
+

NEW ARRIVALS

+

Flash sales! 50%, Don't Miss Out On New Arrivals

+
+ +
+
+
+ + + +
+
+ Accessories + Airpods-max +

$350

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 50% +
+ +
+ iPhones + iPhone 14 Pro max +

$790

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+ +
    +
  • +
  • +
  • +
+
+
+
+ + + + 50% +
+ +
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ Accessories + Apple Home pod +

$400

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ Accessories + Mini Wireless Lavalier Microphone +

$150

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 50% +
+
+ Macbooks + Macbook pro +

$800

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ iPhones + iPhone Xr +

$360

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + + + + + + + + +
+
+

Featured

+

Your e-commerece venture starts here

+
+ +
+
+
+ + + + 50% +
+
+ AccessoriesS + Airpod Max +

$450

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+ +
+ Accessories + Red iPhone 13 cases +

$70

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 40% +
+
+ iPhone + iPhone 12 Purple +

$370

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ Accessories + Apple Magsafe Battery +

$100

+
+
    +
  • +
  • +
  • +
+
+ +
+ + +
+
+
+

EXCELLENT SUPPORT

+

We love our customers and they can reach us any time + of day we will be at your service 24/7

+ Contact +
+
+
+
+ + Send +
+
+
+
+
+ + + + + + + + + + + + + + + diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..5b99861 --- /dev/null +++ b/js/index.js @@ -0,0 +1,24 @@ +const tamdroiid = document.querySelector(".tamdroiid"); +const navList = document.querySelector(".nav-list"); + +if (tamdroiid) { + tamdroiid.addEventListener("click", () => { + navList.classList.toggle("open"); + }); +} + +// Popup +const popup = document.querySelector(".popup"); +const closePopup = document.querySelector(".popup-close"); + +if (popup) { + closePopup.addEventListener("click", () => { + popup.classList.add("hide-popup"); + }); + + window.addEventListener("load", () => { + setTimeout(() => { + popup.classList.remove("hide-popup"); + }, 1000); + }); +} diff --git a/js/slider.js b/js/slider.js new file mode 100644 index 0000000..7f9f658 --- /dev/null +++ b/js/slider.js @@ -0,0 +1,14 @@ + // Droiid Carousel + const slider1 = document.querySelector("#glide_1"); + if (slider1) { + new Glide(slider1, { + type: 'carousel', + startAt: 0, + // autoplay: 3000, + gap: 0, + hoverpause: true, + perView: 1, + animationDuration: 800, + animationTimingFunction: 'linear', + }).mount(); + } \ No newline at end of file diff --git a/js/zoomsl.min.js b/js/zoomsl.min.js new file mode 100644 index 0000000..572b1ce --- /dev/null +++ b/js/zoomsl.min.js @@ -0,0 +1,26 @@ +/*www.zoomsl.tw1.ru Sergey Zaragulov skype: deeserge icq: 287295769 sergeland@mail.ru*/ +(function(e){var k=!0,r=!1;e.fn.imagezoomsl=function(d){d=d||{};return this.each(function(){if(!e(this).is("img"))return k;var c=this;setTimeout(function(){e(new Image).on('load',function(){y.F(e(c),d)}).attr("src",e(c).attr("src"))},30)})};var y={};e.extend(y,{dsetting:{loadinggif:"",loadopacity:0.1,loadbackground:"#878787",cursorshade:k,magnifycursor:"crosshair",cursorshadecolor:"#fff",cursorshadeopacity:0.3,cursorshadeborder:"1px solid black",zindex:"",stepzoom:0.5,zoomrange:[2,2],zoomstart:2,disablewheel:k,showstatus:k, +showstatustime:2E3,statusdivborder:"1px solid black",statusdivbackground:"#C0C0C0",statusdivpadding:"4px",statusdivfont:"bold 13px Arial",statusdivopacity:0.8,magnifierpos:"right",magnifiersize:[0,0],magnifiereffectanimate:"showIn",innerzoom:r,innerzoommagnifier:r,descarea:r,leftoffset:15,rightoffset:15,switchsides:k,magnifierborder:"1px solid black",textdnbackground:"#fff",textdnpadding:"10px",textdnfont:"13px/20px cursive",scrollspeedanimate:5,zoomspeedanimate:7,loopspeedanimate:2.5,magnifierspeedanimate:350, +classmagnifier:"magnifier",classcursorshade:"cursorshade",classstatusdiv:"statusdiv",classtextdn:"textdn"},U:-1!=navigator.userAgent.indexOf("MSIE")?k:r,T:function(d){var c=0,a;d.parents().add(d).each(function(){a=e(this).css("zIndex");a=isNaN(a)?0:+a;c=Math.max(c,a)});return c},L:function(d,c,a){if("left"==d)return d=-a.f.b*a.k+a.e.b,0h?Math.min(a.f.b-h,Math.max(0,c.a.z-h/2))+e.left-a.w.t.N:e.left-a.w.t.N,top:a.f.d>b?Math.min(a.f.d-b,Math.max(0,c.a.A-b/2))+e.top-a.w.t.R:e.top-a.w.t.R});a.c.innerzoommagnifier&&(c.a.p+=(c.a.g-c.a.p)/a.c.loopspeedanimate,c.a.q+=(c.a.i-c.a.q)/a.c.loopspeedanimate,a.l.css({left:c.a.p- +Math.round(a.e.b/2),top:c.a.q-Math.round(a.e.d/2)}),a.s.css({left:c.a.p-Math.round(a.e.b/2),top:c.a.q+a.e.d/2}));c.a.u+=(s-c.a.u)/a.c.scrollspeedanimate;c.a.v+=(l-c.a.v)/a.c.scrollspeedanimate;a.J.css({left:c.L("left",-c.a.u*a.k+a.e.b/2,a),top:c.L("top",-c.a.v*a.k+a.e.d/2,a)});c.a.n=setTimeout(function(){c.H(d)},30)}},I:function(d){var c=this,a=d.data("specs");a&&(a.h+=(a.k-a.h)/a.c.zoomspeedanimate,a.h=Math.round(1E3*a.h)/1E3,a.K.css({width:a.f.b>Math.round(a.e.b/a.h)?Math.round(a.e.b/a.h):a.f.b, +height:a.f.d>Math.round(a.e.d/a.h)?Math.round(a.e.d/a.h):a.f.d}),a.J.css({width:Math.round(a.h*a.m.b*(a.f.b/a.m.b)),height:Math.round(a.h*a.m.d*(a.f.d/a.m.d))}),c.a.o=setTimeout(function(){c.I(d)},30))},a:{},P:function(d){function c(){}var a=d.data("specs");d=a.c.magnifiersize[0];var p=a.c.magnifiersize[1],s,l=a.r.offsetsl(),h=0,b=0;s=l.left+("left"===a.c.magnifierpos?-a.e.b-a.c.leftoffset:a.f.b+a.c.rightoffset);a.c.switchsides&&!a.c.innerzoom&&("left"!==a.c.magnifierpos&&s+a.e.b+a.c.leftoffset>= +e(window).width()&&l.left-a.e.b>=a.c.leftoffset?s=l.left-a.e.b-a.c.leftoffset:"left"===a.c.magnifierpos&&0>s&&(s=l.left+a.f.b+a.c.rightoffset));h=s;b=l.top;a.l.css({visibility:"visible",display:"none"});a.c.descarea&&(h=e(a.c.descarea).offsetsl().left,b=e(a.c.descarea).offsetsl().top);a.c.innerzoommagnifier&&(h=this.a.g-Math.round(a.e.b/2),b=this.a.i-Math.round(a.e.d/2));c=function(){a.s.stop(k,k).fadeIn(a.c.magnifierspeedanimate);a.c.innerzoommagnifier||a.s.css({left:h,top:b+p})};a.c.innerzoom&& +(h=l.left,b=l.top,c=function(){a.r.css({visibility:"hidden"});a.s.css({left:h,top:b+p}).stop(k,k).fadeIn(a.c.magnifierspeedanimate)});switch(a.c.magnifiereffectanimate){case "slideIn":a.l.css({left:h,top:b-p/3,width:d,height:p}).stop(k,k).show().animate({top:b},a.c.magnifierspeedanimate,"easeOutBounceSL",c);break;case "showIn":a.l.css({left:l.left+Math.round(a.f.b/2),top:l.top+Math.round(a.f.d/2),width:Math.round(a.e.b/5),height:Math.round(a.e.d/5)}).stop(k,k).show().css({opacity:"0.1"}).animate({left:h, +top:b,opacity:"1",width:d,height:p},a.c.magnifierspeedanimate,c);break;default:a.l.css({left:h,top:b,width:d,height:p}).stop(k,k).fadeIn(a.c.magnifierspeedanimate,c)}a.c.showstatus&&(a.Q||a.M)?a.G.html(a.Q+'
'+a.M+"
").stop(k,k).fadeIn().delay(a.c.showstatustime).fadeOut("slow"):a.G.hide()},S:function(d){var c=d.data("specs");d=c.r.offsetsl();switch(c.c.magnifiereffectanimate){case "showIn":c.l.stop(k,k).animate({left:d.left+Math.round(c.f.b/2),top:d.top+Math.round(c.f.d/ +2),opacity:"0.1",width:Math.round(c.e.b/5),height:Math.round(c.e.d/5)},c.c.magnifierspeedanimate,function(){c.l.hide()});break;default:c.l.stop(k,k).fadeOut(c.c.magnifierspeedanimate)}},F:function(d,c,a){function p(){this.i=this.g=0}function s(a){g.data("specs",{c:b,Q:y,M:E,r:d,l:u,J:a,G:n,K:q,s:t,f:m,m:{b:a.width(),d:a.height()},e:{b:u.width(),d:u.height()},w:{b:q.width(),d:q.height(),t:{N:parseInt(q.css("border-left-width"))||0,R:parseInt(q.css("border-top-width"))||0}},h:B,k:B})}function l(a){return!a.complete|| +"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?r:k}function h(a){var b=a||window.event,c=[].slice.call(arguments,1),d=0,f=0,g=0,h=0,h=0;a=e.event.fix(b);a.type="mousewheel";b.wheelDelta&&(d=b.wheelDelta);b.detail&&(d=-1*b.detail);b.deltaY&&(d=g=-1*b.deltaY);b.deltaX&&(f=b.deltaX,d=-1*f);void 0!==b.wheelDeltaY&&(g=b.wheelDeltaY);void 0!==b.wheelDeltaX&&(f=-1*b.wheelDeltaX);h=Math.abs(d);if(!z||h").attr({"class":b.classmagnifier}).css({position:"absolute",zIndex:x,width:b.magnifiersize[0],height:b.magnifiersize[1],left:-1E4,top:-1E4,visibility:"hidden",overflow:"hidden"}).appendTo(document.body);c.classmagnifier||u.css({border:b.magnifierborder});q=e("
");b.cursorshade&&(q.attr({"class":b.classcursorshade}).css({zIndex:x,display:"none",position:"absolute", +width:Math.round(b.magnifiersize[0]/b.zoomstart),height:Math.round(b.magnifiersize[1]/b.zoomstart),top:0,left:0}).appendTo(document.body),c.classcursorshade||q.css({border:b.cursorshadeborder,opacity:b.cursorshadeopacity,backgroundColor:b.cursorshadecolor}));b.loadinggif||(b.loadinggif="data:image/gif;base64,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"); +n=e("
").attr({"class":b.classstatusdiv+" preloadevt"}).css({position:"absolute",display:"none",zIndex:x,top:0,left:0}).html('').appendTo(document.body);g=e("
").attr({"class":"tracker"}).css({zIndex:x,backgroundImage:f.U?"url(cannotbe)":"none",position:"absolute",width:m.b,height:m.d,left:a?d.offsetsl().left:-1E4,top:a?d.offsetsl().top:-1E4}).appendTo(document.body);t=e("
");C&&(t.attr({"class":b.classtextdn}).css({position:"absolute",zIndex:x,left:0, +top:0,display:"none"}).html(C).appendTo(document.body),c.classtextdn||t.css({border:b.magnifierborder,background:b.textdnbackground,padding:b.textdnpadding,font:b.textdnfont}),t.css({width:b.magnifiersize[0]-parseInt(t.css("padding-left"))-parseInt(t.css("padding-right"))}));g.data("largeimage",b.j);e(window).bind("resize",function(){var a=d.offsetsl();g.data("loadimgevt")&&g.css({left:a.left,top:a.top});n.filter(".preloadevt").css({left:a.left+m.b/2-n.width()/2,top:a.top+m.d/2-n.height()/2,visibility:"visible"})}); +e(document).mousemove(function(a){f.a.D=a.pageX;f.a.g!==f.a.D&&(clearTimeout(f.a.n),clearTimeout(f.a.o),d.css({visibility:"visible"}))});d.mouseover(function(){var a=d.offsetsl();g.css({left:a.left,top:a.top}).show()});g.mouseover(function(a){f.a.g=a.pageX;f.a.i=a.pageY;p.g=a.pageX;p.i=a.pageY;f.a.D=a.pageX;var h=d.offsetsl();a=f.a.g-h.left;h=f.a.i-h.top;f.a.z=a;f.a.A=h;f.a.u=a;f.a.v=h;f.a.p=f.a.g;f.a.q=f.a.i;f.a.B=f.a.g-10;f.a.C=f.a.i+20;g.css({cursor:b.magnifycursor});b.j=d.attr("data-large")|| +d.attr("src");n.show();clearTimeout(f.a.n);clearTimeout(f.a.o);b.j!==g.data("largeimage")&&(e(new Image).on('load',function(){}).attr("src",b.j),e(g).unbind(),e(n).remove(),e(q).remove(),e(u).remove(),e(g).remove(),e(t).remove(),f.F(d,c,k));g.data("loadevt")&&(q.fadeIn(),f.P(g),f.H(g),f.I(g))});g.mousemove(function(a){b.j=d.attr("data-large")||d.attr("src");b.j!==g.data("largeimage")&&(e(new Image).on('load',function(){}).attr("src",b.j),e(g).unbind(),e(n).remove(),e(q).remove(),e(u).remove(),e(g).remove(), +e(t).remove(),f.F(d,c,k));f.a.g=a.pageX;f.a.i=a.pageY;p.g=a.pageX;p.i=a.pageY;f.a.D=a.pageX});g.mouseout(function(){clearTimeout(f.a.n);clearTimeout(f.a.o);d.css({visibility:"visible"});t.hide();q.add(n.not(".preloadevt")).stop(k,k).hide()});g.one("mouseover",function(){var a=d.offsetsl(),h=e('').css({position:"relative",maxWidth:"none"}).appendTo(u);f.O[b.j]||(g.css({opacity:b.loadopacity,background:b.loadbackground}),g.data("loadimgevt",k),n.css({left:a.left+m.b/2-n.width()/ +2,top:a.top+m.d/2-n.height()/2,visibility:"visible"}));h.bind("loadevt",function(a,e){if("error"!==e.type){g.mouseout(function(){f.S(g);clearTimeout(f.a.n);clearTimeout(f.a.o);d.css({visibility:"visible"});t.hide();g.hide().css({left:-1E4,top:-1E4})});g.mouseover(function(){l.h=l.k});g.data("loadimgevt",r);g.css({opacity:0,cursor:b.magnifycursor});n.empty();c.classstatusdiv||n.css({border:b.statusdivborder,background:b.statusdivbackground,padding:b.statusdivpadding,font:b.statusdivfont,opacity:b.statusdivopacity}); +n.hide().removeClass("preloadevt");f.O[b.j]=k;s(h);p.g==f.a.D&&(q.fadeIn(),f.P(g),clearTimeout(f.a.n),clearTimeout(f.a.o),f.H(g),f.I(g));var l=g.data("specs");h.css({width:b.zoomstart*l.m.b*(m.b/l.m.b),height:b.zoomstart*l.m.d*(m.d/l.m.d)});g.data("loadevt",k);b.zoomrange&&b.zoomrange[1]>b.zoomrange[0]?g.bind("mousewheel",function(a,c){var d=l.k,d="in"==(0>c?"out":"in")?Math.min(d+b.stepzoom,b.zoomrange[1]):Math.max(d-b.stepzoom,b.zoomrange[0]);l.k=d;l.V=c;a.preventDefault()}):b.disablewheel&&g.bind("mousewheel", +function(a){a.preventDefault()})}});l(h.get(0))?h.trigger("loadevt",{type:"load"}):h.bind("load error",function(a){h.trigger("loadevt",a)})})}},O:{}})})(jQuery,window); diff --git a/login.html b/login.html new file mode 100644 index 0000000..b17d0b1 --- /dev/null +++ b/login.html @@ -0,0 +1,175 @@ + + + + + + + + + + Login + + + +
+
+

Order Online Or Call Us: (237) 672 11 2256

+ +
+
+ + +
+ +
+ + + + + + + + + + + + diff --git a/product.html b/product.html new file mode 100644 index 0000000..d8e5a8c --- /dev/null +++ b/product.html @@ -0,0 +1,289 @@ + + + + + + + + + + Products + + + + +
+
+

Order Online Or Call Us: (237) 672 11 2256

+ +
+
+ + + +
+
+

All Products

+
+ + +
+
+
+
+
+ + + + 40% +
+
+ MACBOOK + Macbooks & Laptops +

$750

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 40% +
+
+ Accessories + Wireless Multifunction Chager +

$150

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 40% +
+
+ Airpods and Headphones + Airpod max +

$350

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ Accessories + Apple Home Pods +

$400

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 40% +
+
+ Accessories + Apple Watch 44mm Series 4 +

$350

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ Accessories + Airpod +

$150

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + + 40% +
+
+ Accessories + White 44mm Series 4 Thin Fit Cover +

$100

+
+
    +
  • +
  • +
  • +
+
+
+
+ + + +
+
+ Accessories + iPhone 14 cases +

$50

+
+
    +
  • +
  • +
  • +
+
+
+
+
+
+ 1 2 3 4 + +
+
+ + + + + + + + + + diff --git a/productDetails.html b/productDetails.html new file mode 100644 index 0000000..77b7cf2 --- /dev/null +++ b/productDetails.html @@ -0,0 +1,255 @@ + + + + + + + + + + Airpods-max + + + + +
+
+

Order Online Or Call Us: (237) 672 11 2256

+ +
+
+ + + +
+
+
+
+ +
+
+
+ Home/Airpods +

Airpod-max By Apple

+
$350
+
+
+ + +
+
+
+ + Add To Cart +
+

Product Detail

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero minima + delectus nulla voluptates nesciunt quidem laudantium, quisquam + voluptas facilis dicta in explicabo, laboriosam ipsam suscipit! +

+
+
+
+ + + + + + + + + + + + + + diff --git a/signup.html b/signup.html new file mode 100644 index 0000000..a1900d9 --- /dev/null +++ b/signup.html @@ -0,0 +1,174 @@ + + + + + + Document + + + + + + + + +
+
+

Order Online Or Call Us: (001) 2222-55555

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