From 9ea3ec8e8bee8a2a42cf76fca0157f78ac162dd1 Mon Sep 17 00:00:00 2001
From: Pradnya <116059908+PradnyaGaitonde@users.noreply.github.com>
Date: Wed, 1 May 2024 19:31:53 +0530
Subject: [PATCH] Add files via upload
---
about.html | 152 +++++++
blog.html | 168 +++++++
cart.html | 163 +++++++
contact.html | 161 +++++++
index.html | 437 ++++++++++++++++++
s3product.html | 217 +++++++++
s4product.html | 217 +++++++++
script.js | 15 +
shop.html | 372 ++++++++++++++++
sproduct.html | 217 +++++++++
ssproduct.html | 217 +++++++++
style.css | 1153 ++++++++++++++++++++++++++++++++++++++++++++++++
12 files changed, 3489 insertions(+)
create mode 100644 about.html
create mode 100644 blog.html
create mode 100644 cart.html
create mode 100644 contact.html
create mode 100644 index.html
create mode 100644 s3product.html
create mode 100644 s4product.html
create mode 100644 script.js
create mode 100644 shop.html
create mode 100644 sproduct.html
create mode 100644 ssproduct.html
create mode 100644 style.css
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..f6866e6
--- /dev/null
+++ b/about.html
@@ -0,0 +1,152 @@
+
+
+
+ E-commerce
+
+
+
+
Who We Are?
+
At Cara, we're passionate about providing fashion-forward individuals with high-quality apparel that reflects their unique style and personality. With a commitment to excellence and a keen eye for design, we curate a collection of clothing that blends contemporary trends with timeless elegance. Our mission is to empower individuals to express themselves through fashion, offering a diverse range of clothing options crafted from premium materials for superior comfort and durability. Whether you're seeking casual staples or statement pieces, our carefully curated selection caters to every occasion and taste. Embrace your individuality and elevate your wardrobe with Cara.
+
+
Embrace your individuality and elevate your wardrobe with Cara's eclectic collection of fashion-forward apparel.
+
+
+
+
Discover timeless style and impeccable craftsmanship with our curated selection of clothing for every occasion.
+
+
+
+ Download Our App
+
+
+
+
+
+
+
+
Free Shipping
+
+
+
Online Order
+
+
+
Save Money
+
+
+
Promotions
+
+
+
Happy Sell
+
+
+
24/7 Support
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
\ No newline at end of file
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..72453c3
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,168 @@
+
+
+
+ E-commerce
+
+
+
+
+
+
+
+
The Cotton-Jersey Zip-Up Hoodie
+
Kickstarter man braid godard coloring book. Raclette waistcoat selfies yr wolf chartruese hexagon irony godard...
+
CONTINUE READING
+
+
13/01
+
+
+
+
+
+
How to style a Quiff
+
Kickstarter man braid godard coloring book. Raclette waistcoat selfies yr wolf chartruese hexagon irony godard...
+
CONTINUE READING
+
+
13/01
+
+
+
+
+
+
Must-Have Skater girl items
+
Kickstarter man braid godard coloring book. Raclette waistcoat selfies yr wolf chartruese hexagon irony godard...
+
CONTINUE READING
+
+
13/01
+
+
+
+
+
+
Runaway Inspired Trends
+
Kickstarter man braid godard coloring book. Raclette waistcoat selfies yr wolf chartruese hexagon irony godard...
+
CONTINUE READING
+
+
13/01
+
+
+
+
+
+
AW20 Menswear Trends
+
Kickstarter man braid godard coloring book. Raclette waistcoat selfies yr wolf chartruese hexagon irony godard...
+
CONTINUE READING
+
+
13/01
+
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
\ No newline at end of file
diff --git a/cart.html b/cart.html
new file mode 100644
index 0000000..ab35be8
--- /dev/null
+++ b/cart.html
@@ -0,0 +1,163 @@
+
+
+
+ E-commerce
+
+
+
+
Apply Coupon
+
+ Apply
+
+
+
Cart Total
+
+
+ Cart Subtotal
+ $104.97
+
+
+ Shipping
+ Free
+
+
+ Total $104.97
+
+
Proceed to Checkout
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
\ No newline at end of file
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..7fd4776
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,161 @@
+
+
+
+ E-commerce
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bab1ad9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,437 @@
+
+
+
+ E-commerce
+
+
+ Trade-in-offer
+ Super Value Deals
+ On all products
+ Save more with coupons & up to 70% off!
+ Shop Now
+
+
+
+
+
+
Free Shipping
+
+
+
Online Order
+
+
+
Save Money
+
+
+
Promotions
+
+
+
Happy Sell
+
+
+
24/7 Support
+
+
+
+ Featured Products
+ Summer Collection New Modern Design
+
+
+
+
+
Eclectic Echo
+
Mystic Garden Explorer Shirt
+
+
+
$29.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Island Oasis Explorer Shirt
+
+
+
$34.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Vintage Rose Garden Explorer Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Cherry Blossom Dream Explorer Shirt
+
+
+
$32.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Midnight Bloom Explorer Shirt
+
+
+
$36.99
+
+
+
+
+
+
+
Urban Fusion
+
Colorblock Casual Corduroy Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
Urban Fusion
+
Botanical Embroidered Linen Pants
+
+
+
$49.99
+
+
+
+
+
+
+
Urban Fusion
+
Feline Frenzy V-neck Blouse
+
+
+
$39.99
+
+
+
+
+
+
+ Repair Services
+ Up to 70% Off - All Shirts & Accessories
+ Explore More
+
+
+
+ New Arrivals
+ Summer Collection New Modern Design
+
+
+
+
+
ChicWear
+
Everyday Classic Button-Up Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Casual Elegance Checkered Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
ChicWear
+
Timeless White Oxford Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Whiskered Wonderland Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Everyday Denim Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Summer Breeze Shorts
+
+
+
$29.99
+
+
+
+
+
+
+
ChicWear
+
Everyday Essentials Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Urban Casual Shirt
+
+
+
$29.99
+
+
+
+
+
+
+
+
crazy deals
+ buy 1 get 1 free
+ The best classic dress is on sale at Cara
+ Learn More
+
+
+
spring/summer
+ upcoming season
+ The best classic dress is on sale at Cara
+ Collection
+
+
+
+
+
+
SEASONAL SALE
+ Winter Collection -50% OFF
+
+
+
NEW FOOTWEAR COLLECTION
+ Spring / Summer 2024
+
+
+
T-SHIRTS
+ New Trendy Prints
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
\ No newline at end of file
diff --git a/s3product.html b/s3product.html
new file mode 100644
index 0000000..226feee
--- /dev/null
+++ b/s3product.html
@@ -0,0 +1,217 @@
+
+
+
+ E-commerce
+
+
+ Featured Products
+ Summer Collection New Modern Design
+
+
+
+
+
ChicWear
+
Everyday Classic Button-Up Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Casual Elegance Checkered Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
ChicWear
+
Timeless White Oxford Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Whiskered Wonderland Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/s4product.html b/s4product.html
new file mode 100644
index 0000000..142d7ce
--- /dev/null
+++ b/s4product.html
@@ -0,0 +1,217 @@
+
+
+
+ E-commerce
+
+
+ Featured Products
+ Summer Collection New Modern Design
+
+
+
+
+
ChicWear
+
Everyday Classic Button-Up Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Casual Elegance Checkered Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
ChicWear
+
Timeless White Oxford Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Whiskered Wonderland Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..6fa3868
--- /dev/null
+++ b/script.js
@@ -0,0 +1,15 @@
+const bar = document.getElementById('bar');
+const close = document.getElementById('close');
+const nav = document.getElementById('navbar');
+
+if(bar) {
+ bar.addEventListener('click', () => {
+ nav.classList.add('active');
+ })
+}
+
+if(close) {
+ close.addEventListener('click', () => {
+ nav.classList.remove('active');
+ })
+}
\ No newline at end of file
diff --git a/shop.html b/shop.html
new file mode 100644
index 0000000..4e31415
--- /dev/null
+++ b/shop.html
@@ -0,0 +1,372 @@
+
+
+
+ E-commerce
+
+
+
+
+
+
+
Eclectic Echo
+
Mystic Garden Explorer Shirt
+
+
+
$29.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Island Oasis Explorer Shirt
+
+
+
$34.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Vintage Rose Garden Explorer Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Cherry Blossom Dream Explorer Shirt
+
+
+
$32.99
+
+
+
+
+
+
+
Floral Wanderlust
+
Midnight Bloom Explorer Shirt
+
+
+
$36.99
+
+
+
+
+
+
+
Urban Fusion
+
Colorblock Casual Corduroy Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
Urban Fusion
+
Botanical Embroidered Linen Pants
+
+
+
$49.99
+
+
+
+
+
+
+
Urban Fusion
+
Feline Frenzy V-neck Blouse
+
+
+
$39.99
+
+
+
+
+
+
+
+
ChicWear
+
Everyday Classic Button-Up Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Casual Elegance Checkered Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
ChicWear
+
Timeless White Oxford Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Whiskered Wonderland Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Everyday Denim Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Summer Breeze Shorts
+
+
+
$29.99
+
+
+
+
+
+
+
ChicWear
+
Everyday Essentials Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Urban Casual Shirt
+
+
+
$29.99
+
+
+
+
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
\ No newline at end of file
diff --git a/sproduct.html b/sproduct.html
new file mode 100644
index 0000000..2fd44bf
--- /dev/null
+++ b/sproduct.html
@@ -0,0 +1,217 @@
+
+
+
+ E-commerce
+
+
+ Featured Products
+ Summer Collection New Modern Design
+
+
+
+
+
ChicWear
+
Everyday Classic Button-Up Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Casual Elegance Checkered Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
ChicWear
+
Timeless White Oxford Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Whiskered Wonderland Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ssproduct.html b/ssproduct.html
new file mode 100644
index 0000000..9794b56
--- /dev/null
+++ b/ssproduct.html
@@ -0,0 +1,217 @@
+
+
+
+ E-commerce
+
+
+ Featured Products
+ Summer Collection New Modern Design
+
+
+
+
+
ChicWear
+
Everyday Classic Button-Up Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
ChicWear
+
Casual Elegance Checkered Shirt
+
+
+
$44.99
+
+
+
+
+
+
+
ChicWear
+
Timeless White Oxford Shirt
+
+
+
$39.99
+
+
+
+
+
+
+
ChicWear
+
Whiskered Wonderland Shirt
+
+
+
$49.99
+
+
+
+
+
+
+
+
Sign Up for Newsletter
+
Get E-Mail updates about our latest shop and special offers.
+
+ Sign Up
+
+
+
+
+
+
+
Contact
+
Address: 562 Wellington Road, Street 32, San Francisco
+
Phone: +01 2222 365 /(+91) 01 2354 7648
+
Hours: 10:00 - 18:00, Mon - Sat
+
+
Follow us
+
+
+
+
+
Install App
+
From App Store or Google Play
+
+
+
+
+
Secured Payment Gateways
+
+
+
2024 - Cara E-commerce Website
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b7f37ac
--- /dev/null
+++ b/style.css
@@ -0,0 +1,1153 @@
+@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Spartan', sans-serif;
+}
+
+h1 {
+ font-size: 50px;
+ line-height: 64px;
+ color: #222;
+}
+
+h2 {
+ font-size: 46px;
+ line-height: 54px;
+ color: #222;
+}
+
+h4 {
+ font-size: 20px;
+ color: #222;
+}
+
+h6 {
+ font-weight: 700;
+ font-size: 12px;
+}
+
+p {
+ font-size: 16px;
+ color: #465b52;
+ margin: 15px 0 20px 0;
+}
+
+.section-p1 {
+ padding: 40px 80px;
+}
+
+.section-m1 {
+ margin: 40px 0;
+}
+
+button.normal {
+ font-size: 14px;
+ font-weight: 600;
+ padding: 15px 30px;
+ color: #000;
+ background-color: #fff;
+ border-radius: 4px;
+ cursor: pointer;
+ border: none;
+ outline: none;
+ transition: 0.2s;
+}
+
+button.white {
+ font-size: 13px;
+ font-weight: 600;
+ padding: 11px 18px;
+ color: #fff;
+ background-color: transparent;
+ cursor: pointer;
+ border: 1px solid #fff;
+ outline: none;
+ transition: 0.2s;
+}
+
+body {
+ width: 100%;
+}
+
+#header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20px 80px;
+ background: #E3E6F3;
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
+ z-index: 999;
+ position: sticky;
+ top: 0;
+ left: 0;
+}
+
+#navbar {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+#navbar li {
+ list-style: none;
+ padding: 0 20px;
+ position: relative;
+}
+
+#navbar li a {
+ text-decoration: none;
+ font-size: 16px;
+ font-weight: 600;
+ color: #1a1a1a;
+ transition: 0.3s ease;
+}
+
+#navbar li a:hover,
+#navbar li a.active {
+ color: #088178;
+}
+
+#navbar li a.active::after,
+#navbar li a:hover::after {
+ content: "";
+ width: 30%;
+ height: 2px;
+ background: #088178;
+ position: absolute;
+ bottom: -4px;
+ left: 20px;
+}
+
+#mobile {
+ display: none;
+ align-items: center;
+}
+
+#close {
+ display: none;
+}
+
+#hero {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/hero4.png");
+ height: 90vh;
+ width: 100%;
+ background-size: cover;
+ background-position: top 25% right 0;
+ padding: 0 80px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+
+#hero h4 {
+ padding-bottom: 15px;
+}
+
+#hero h1 {
+ color: #088178;
+}
+
+#hero button {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/button.png");
+ background-color: transparent;
+ color: #088178;
+ border: 0;
+ padding: 14px 80px 14px 65px;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ font-weight: 700;
+ font-size: 15px;
+}
+
+#feature {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+
+#feature .fe-box {
+ width: 180px;
+ text-align: center;
+ padding: 25px 15px;
+ box-shadow: 20px 20px 34px rgba(0, 0, 0, 0.03);
+ border: 1px solid #cce7d0;
+ border-radius: 4px;
+ margin: 15px 0;
+}
+
+#feature .fe-box:hover {
+ box-shadow: 10px 10px 54px rgba(70, 62, 221, 0.1);
+}
+
+#feature .fe-box img {
+ width: 100%;
+ margin-bottom: 10px;
+}
+
+#feature .fe-box h6 {
+ display: inline-block;
+ padding: 9px 8px 6px 8px;
+ line-height: 1;
+ border-radius: 4px;
+ color: #088178;
+ background-color: #fddde4;
+}
+
+#feature .fe-box:nth-child(2) h6 {
+ background-color: #cdebbc;
+}
+#feature .fe-box:nth-child(3) h6 {
+ background-color: #d1e8f2;
+}
+#feature .fe-box:nth-child(4) h6 {
+ background-color: #cdd4f8;
+}
+#feature .fe-box:nth-child(5) h6 {
+ background-color: #f6dbf6;
+}
+#feature .fe-box:nth-child(6) h6 {
+ background-color: #fff2e5;
+}
+
+#product1 {
+ text-align: center;
+}
+
+#product1 .pro-container {
+ display: flex;
+ justify-content: space-between;
+ padding-top: 20px;
+ flex-wrap: wrap;
+}
+
+#product1 .pro {
+ width: 23%;
+ min-width: 250px;
+ padding: 10px 12px;
+ border: 1px solid #cce7d0;
+ border-radius: 25px;
+ cursor: pointer;
+ box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.02);
+ margin: 15px 0;
+ transition: 0.2s ease;
+ position: relative;
+}
+
+#product1 .pro:hover {
+ box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.06);
+}
+
+#product1 .pro img {
+ width: 100%;
+ border-radius: 20px;
+}
+
+#product1 .pro .des {
+ text-align: start;
+ padding: 10px 0;
+}
+
+#product1 .pro .des span {
+ color: #606063;
+ font-size: 12px;
+}
+
+#product1 .pro .des h5 {
+ padding-top: 7px;
+ color: #1a1a1a;
+ font-size: 14px;
+}
+
+#product1 .pro .des i {
+ font-size: 12px;
+ color: rgb(243, 181, 25);
+}
+
+#product1 .pro .des h4 {
+ padding-top: 7px;
+ font-size: 15px;
+ font-weight: 700;
+ color: #088178;
+}
+
+#product1 .pro .cart {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 50px;
+ background-color: #e8f6ea;
+ color: #088178;
+ border: 1px solid #cce7d0;
+ position: absolute;
+ bottom: 20px;
+ right: 10px;
+}
+
+#banner {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b2.jpg");
+ width: 100%;
+ height: 40vh;
+ background-size: cover;
+ background-position: center;
+}
+
+#banner h4 {
+ color: #fff;
+ font-size: 16px;
+}
+
+#banner h2 {
+ color: #fff;
+ font-size: 30px;
+ padding: 10px 0;
+}
+
+#banner h2 span {
+ color: #ef3636;
+}
+
+#banner button:hover {
+ background: #088178;
+ color: #fff;
+}
+
+#sm-banner {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+
+#sm-banner .banner-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-start;
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b17.jpg");
+ min-width: 660px;
+ height: 50vh;
+ background-size: cover;
+ background-position: center;
+ padding: 30px;
+}
+
+#sm-banner .banner-box2 {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b10.jpg");
+}
+
+#sm-banner h4{
+ color: #fff;
+ font-size: 20px;
+ font-weight: 300;
+}
+
+#sm-banner h2 {
+ color: #fff;
+ font-size: 28px;
+ font-weight: 800;
+}
+
+#sm-banner span {
+ color: #fff;
+ font-size: 14px;
+ font-weight: 500;
+ padding-bottom: 15px;
+}
+
+#sm-banner .banner-box:hover button {
+ background: #088178;
+ border: 1px solid #088178;
+}
+
+#banner3 {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ padding: 0 80px;
+}
+
+#banner3 .banner-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-start;
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b7.jpg");
+ min-width: 30%;
+ height: 30vh;
+ background-size: cover;
+ background-position: center;
+ padding: 20px;
+ margin-bottom: 20px;
+}
+
+#banner3 .banner-box2 {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b4.jpg");
+}
+
+#banner3 .banner-box3 {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b18.jpg");
+}
+
+#banner3 h2 {
+ color: #fff;
+ font-weight: 900;
+ font-size: 22px;
+}
+
+#banner3 h3 {
+ color: #ec544e;
+ font-weight: 800;
+ font-size: 15px;
+}
+
+#newsletter {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ align-items: center;
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b14.png");
+ background-repeat: no-repeat;
+ background-position: 20% 30%;
+ background-color: #041e42;
+}
+
+#newsletter h4 {
+ font-size: 22px;
+ font-weight: 700;
+ color: #fff;
+}
+
+#newsletter h4 {
+ font-size: 14px;
+ font-weight: 600;
+ color: #818ea0;
+}
+
+#newsletter p span {
+ color: #ffbd27;
+}
+
+#newsletter .form {
+ display: flex;
+ width: 40%;
+}
+
+#newsletter input {
+ height: 3.125rem;
+ padding: 0 1.25em;
+ font-size: 14px;
+ width: 100%;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ outline: none;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+#newsletter button {
+ background-color: #088178;
+ color: #fff;
+ white-space: nowrap;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+footer {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+footer .col {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ margin-bottom: 20px;
+}
+
+footer .logo {
+ margin-bottom: 30px;
+}
+
+footer h4 {
+ font-size: 14px;
+ padding-bottom: 20px;
+}
+
+footer p {
+ font-size: 13px;
+ margin: 0 0 8px 0;
+}
+
+
+footer a {
+ font-size: 13px;
+ text-decoration: none;
+ color: #222;
+ margin-bottom: 10px;
+}
+
+footer .follow {
+ margin-top: 20px;
+}
+
+footer .follow i {
+ color: #465b52;
+ padding-right: 4px;
+ cursor: pointer;
+}
+
+footer .install .row img {
+ border: 1px solid #088178;
+ border-radius: 6px;
+}
+
+footer .install img {
+ margin: 10px 0 15px 0;
+}
+
+footer .follow i:hover,
+footer a:hover {
+ color: #088178;
+}
+
+footer .copyright {
+ width: 100%;
+ text-align: center;
+}
+
+#page-header {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b1.jpg");
+ width: 100%;
+ height: 40vh;
+ background-size: cover;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+ flex-direction: column;
+ padding: 14px;
+}
+
+#page-header h2,
+#page-header p {
+ color: #fff;
+}
+
+#pagination {
+ text-align: center;
+}
+
+#pagination a {
+ text-decoration: none;
+ background-color: #088178;
+ padding: 15px 20px;
+ border-radius: 4px;
+ color: #fff;
+ font-weight: 600;
+}
+
+#pagination a i {
+ font-size: 16px;
+ font-weight: 600;
+}
+
+#prodetails {
+ display: flex;
+ margin-top: 20px;
+}
+
+#prodetails .single-pro-image {
+ width: 40%;
+ margin-right: 50px;
+}
+
+.small-img-group {
+ display: flex;
+ justify-content: left;
+}
+
+.small-img-col {
+ flex-basis: 24%;
+ cursor: pointer;
+ padding-right: 10px;
+}
+
+#prodetails .single-pro-details {
+ width: 50%;
+ padding-top: 30px;
+}
+
+#prodetails .single-pro-details h4 {
+ padding: 40px 0 20px 0;
+}
+
+#prodetails .single-pro-details h2 {
+ font-size: 26px;
+}
+
+#prodetails .single-pro-details select {
+ display: block;
+ padding: 5px 10px;
+ margin-bottom: 10px;
+}
+
+#prodetails .single-pro-details input {
+ width: 50px;
+ height: 47px;
+ padding-left: 10px;
+ font-size: 16px;
+ margin-right: 10px;
+}
+
+#prodetails .single-pro-details input:focus {
+ outline: none;
+}
+
+#prodetails .single-pro-details button {
+ background: #088178;
+ color: #fff;
+}
+
+#prodetails .single-pro-details span {
+ line-height: 25px;
+}
+
+#page-header.blog-header {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/banner/b19.jpg");
+}
+
+#blog {
+ padding: 150px 150px 0 150px;
+}
+
+#blog .blog-box {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ position: relative;
+ padding-bottom: 90px;
+}
+
+#blog .blog-img {
+ width: 50%;
+ margin-right: 40px;
+}
+
+#blog img {
+ width: 100%;
+ height: 300px;
+ object-fit: cover;
+}
+
+#blog .blog-details {
+ width: 50%;
+}
+
+#blog .blog-details a {
+ text-decoration: none;
+ font-size: 11px;
+ color: #000;
+ font-weight: 700;
+ position: relative;
+ transition: 0.3s;
+}
+
+#blog .blog-details a::after {
+ content: "";
+ width: 50px;
+ height: 1px;
+ background-color: #000;
+ position: absolute;
+ top: 4px;
+ right: -60px;
+}
+
+#blog .blog-details a:hover {
+ color:#088178;
+}
+
+#blog .blog-details a:hover::after {
+ background-color: #088178;
+}
+
+#blog .blog-box h1 {
+ position: absolute;
+ top: -40px;
+ left: 0;
+ font-size: 70px;
+ font-weight: 700;
+ color: #c9cbce;
+ z-index: -9;
+}
+
+#page-header.about-header {
+ background-image: url("https://raw.githubusercontent.com/tech2etc/Build-and-Deploy-Ecommerce-Website/main/img/about/banner.png");
+}
+
+#about-head {
+ display: flex;
+ align-items: center;
+}
+
+#about-head img {
+ width: 50%;
+ height: auto;
+}
+
+#about-head div {
+ padding-left: 40px;
+}
+
+#about-app {
+ text-align: center;
+}
+
+#about-app .video {
+ width: 70%;
+ height: 100%;
+ margin: 30px auto 0 auto;
+}
+
+#about-app .video video {
+ width: 100%;
+ height: 100%;
+ border-radius: 20px;
+}
+
+#contact-details {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+#contact-details .details {
+ width: 40%;
+}
+
+#contact-details .details span,
+#form-details form span {
+ font-size: 12px;
+}
+
+#contact-details .details h2,
+#form-details form h2 {
+ font-size: 26px;
+ line-height: 35px;
+ padding: 20px 0;
+}
+
+#contact-details .details h1 {
+ font-size: 16px;
+ padding-bottom: 15px;
+}
+
+#contact-details .details li {
+ list-style: none;
+ display: flex;
+ padding: 10px 0;
+}
+
+#contact-details .details li i {
+ font-size: 14px;
+ padding-right: 22px;
+}
+
+#contact-details .details li p {
+ margin: 0;
+ font-size: 14px;
+}
+
+#contact-details .map {
+ width: 55%;
+ height: 400px;
+}
+
+#contact-details .map iframe {
+ width: 100%;
+ height: 100%;
+}
+
+#form-details {
+ display: flex;
+ justify-content: space-between;
+ margin: 30px;
+ padding: 80px;
+ border: 1px solid #e1e1e1;
+}
+
+#form-details form {
+ width: 65%;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+#form-details form input,
+#form-details form textarea {
+ width: 100%;
+ padding: 12px 15px;
+ outline: none;
+ margin-bottom: 20px;
+ border: 1px solid #e1e1e1;
+}
+
+#form-details form button {
+ background-color: #088178;
+ color: #fff;
+}
+
+#form-details .people div {
+ padding-bottom: 25px;
+ display: flex;
+ align-items: flex-start;
+}
+
+#form-details .people div img {
+ width: 65px;
+ height: 65px;
+ object-fit: cover;
+ margin-right: 15px;
+}
+
+#form-details .people div p {
+ margin: 0;
+ font-size: 13px;
+ line-height: 25px;
+}
+
+#form-details .people div p span {
+ display: block;
+ font-size: 16px;
+ font-weight: 600;
+ color: #000;
+}
+
+#cart {
+ overflow-x: auto;
+}
+
+#cart table {
+ width: 100%;
+ border-collapse: collapse;
+ table-layout: fixed;
+ white-space: nowrap;
+}
+
+#cart table img {
+ width:70px;
+}
+
+#cart table td:nth-child(1) {
+ width: 100px;
+ text-align: center;
+}
+
+#cart table td:nth-child(2) {
+ width: 150px;
+ text-align: center;
+}
+
+#cart table td:nth-child(3) {
+ width: 250px;
+ text-align: center;
+}
+
+#cart table td:nth-child(4),
+#cart table td:nth-child(5),
+#cart table td:nth-child(6) {
+ width: 150px;
+ text-align: center;
+}
+
+#cart table td:nth-child(5) input {
+ width: 70px;
+ padding: 10px 5px 10px 15px;
+}
+
+#cart table thead {
+ border: 1px solid #e2e9e1;
+ border-left: none;
+ border-right: none;
+}
+
+#cart table thead td {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 13px;
+ padding: 18px 0;
+}
+
+#cart table tbody tr td {
+ padding-top: 15px;
+}
+
+#cart table tbody td {
+ font-size: 13px;
+}
+
+#cart-add {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+#coupon {
+ width: 50%;
+ margin-bottom: 30px;
+}
+
+#coupon h3,
+#subtotal h3 {
+ padding-bottom: 15px;
+}
+
+#coupon input {
+ padding: 10px 20px;
+ outline: none;
+ width: 60%;
+ margin-right: 10px;
+ border: 1px solid #e2e9e1;
+}
+
+#coupon button,
+#subtotal button {
+ background-color: #088178;
+ color: #fff;
+ padding: 12px 20px;
+}
+
+#subtotal {
+ width: 50%;
+ margin-bottom: 30px;
+ border: 1px solid #e2e9e1;
+ padding: 30px;
+}
+
+#subtotal table {
+ border-collapse: collapse;
+ width: 100%;
+ margin-bottom: 20px;
+}
+
+#subtotal table td {
+ width: 50%;
+ border: 1px solid #e2e9e1;
+ padding: 10px;
+ font-size: 13px;
+}
+
+@media (max-width:799px) {
+ .section-p1 {
+ padding: 40px 40px;
+ }
+ #navbar {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: flex-start;
+ position: fixed;
+ top: 0;
+ right: -300px;
+ height: 100vh;
+ width: 300px;
+ background-color: #E3E6F3;
+ box-shadow: 0 40px 60px rgba(0, 0, 0, 0.1);
+ padding: 80px 0 0 10px;
+ transition: 0.3s;
+ }
+ #navbar.active {
+ right: 0px;
+ }
+ #navbar li {
+ margin-bottom: 25px;
+ }
+ #mobile {
+ display: flex;
+ align-items: center;
+ }
+ #mobile i {
+ color: #1a1a1a;
+ font-size: 24px;
+ padding-left: 20px;
+ }
+ #close {
+ display: initial;
+ position: absolute;
+ top: 30px;
+ left: 30px;
+ color: #222;
+ font-size: 24px;
+ }
+ #lg-bag {
+ display: none;
+ }
+ #hero {
+ height: 70vh;
+ padding: 0 80px;
+ background-position: top 30% right 30%;
+ }
+ #feature {
+ justify-content: center;
+ }
+ #feature .fe-box {
+ margin: 15px 15px;
+ }
+ #product1 .pro-container {
+ justify-content: center;
+ }
+ #product1 .pro {
+ margin: 15px;
+ }
+ #banner {
+ height: 20vh;
+ }
+ #sm-banner .banner-box {
+ min-width: 100%;
+ height: 30vh;
+ }
+ #banner3 {
+ padding: 0 40px;
+ }
+ #banner3 .banner-box {
+ width: 28%;
+ }
+ #newsletter .form {
+ width: 70%;
+ }
+ #form-details {
+ padding: 40px;
+ }
+ #form-details form {
+ width: 50%;
+ }
+}
+
+@media (max-width: 477px) {
+ .section-p1 {
+ padding: 20px;
+ }
+ #header {
+ padding: 10px 30px;
+ }
+ h1 {
+ font-size: 38px;
+ }
+ h2 {
+ font-size: 32px;
+ }
+ #hero {
+ padding: 0 20px;
+ background-position: 55%;
+ }
+ #feature {
+ justify-content: space-between;
+ }
+ #feature .fe-box {
+ width: 155px;
+ margin: 0 0 15px 0;
+ }
+ #product1 .pro {
+ width: 100%;
+ }
+ #banner {
+ height: 40vh;
+ }
+ #sm-banner .banner-box {
+ height: 40vh;
+ }
+ #sm-banner .banner-box2 {
+ margin-top: 20px;
+ }
+ #banner3 {
+ padding: 0 20px;
+ }
+ #banner3 .banner-box {
+ width: 100%;
+ }
+ #newsletter {
+ padding: 40px 20px;
+ }
+ #newsletter .form {
+ width: 100%;
+ }
+ footer .copyright {
+ text-align: start;
+ }
+ #prodetails {
+ display: flex;
+ flex-direction: column;
+ }
+ #prodetails .single-pro-image {
+ width: 100%;
+ margin-right: 0px;
+ }
+ #prodetails .single-pro-details {
+ width: 100%;
+ }
+ #blog {
+ padding: 100px 20px 0 20px;
+ }
+ #blog .blog-box {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ #blog .blog-img {
+ width: 100%;
+ margin-right: 0px;
+ margin-bottom: 30px;
+ }
+ #blog .blog-details {
+ width: 100%;
+ }
+ #about-head {
+ flex-direction: column;
+ }
+ #about-head img {
+ width: 100%;
+ margin-bottom: 20px;
+ }
+ #about-head div {
+ padding-left: 40px;
+ }
+ #about-app .video {
+ width: 100%;
+ }
+ #contact-details {
+ flex-direction: column;
+ }
+ #contact-details .details {
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ #contact-details .map {
+ width: 100%;
+ }
+ #form-details {
+ margin: 10px;
+ padding: 30px 10px;
+ flex-wrap: wrap;
+ }
+ #form-details form {
+ width: 100%;
+ margin-bottom: 30px;
+ }
+ #cart-add {
+ flex-direction: 100%;
+ }
+ #coupon {
+ width: 100%;
+ }
+ #subtotal {
+ width: 100%;
+ padding: 20px;
+ }
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+
+ 
+ 
+
+ 
+ 
+
+ .jpg)
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+