From 7ea4002a7cfd5c1b71ef0ac80fbc041c0f98a1cb Mon Sep 17 00:00:00 2001 From: JSriwongsa Date: Mon, 3 Jul 2023 16:56:58 -0500 Subject: [PATCH] added footer --- ecommerce/fashion_website/pages/page.css | 67 ++++++++ ecommerce/fashion_website/pages/page.html | 187 +++++++++++++++++++++- 2 files changed, 253 insertions(+), 1 deletion(-) diff --git a/ecommerce/fashion_website/pages/page.css b/ecommerce/fashion_website/pages/page.css index 82d0ccf..2343244 100644 --- a/ecommerce/fashion_website/pages/page.css +++ b/ecommerce/fashion_website/pages/page.css @@ -319,6 +319,20 @@ form.search :where(i:last-child){ left: auto; right: 0; } +form :where(input, textarea, select){ + font-size: 14px; + border: 1px solid var(--white-color); + outline: 0; + background-color: transparent; + padding: 10px 20px; + transition: border 0.3s; +} +form :where(input, textarea, select):focus{ + border-color: var(--dark-color); +} +form :where(input, textarea, select)::placeholder{ + color: grey; +} .inner-header .search .input{ display: flex; height: 80px; @@ -867,6 +881,59 @@ form.search :where(i:last-child){ .product-about.shipping .grey-color{ color: grey; } +/*--------- alsolike ---------*/ +.alsolike .heading h2{ + font-size: 30px; + margin-bottom: 20px; + text-align: center; +} +/*---------- footer ----------*/ +.inner-footer{ + padding: 100px 0; + padding-bottom: 20px; + line-height: 1.4; + background-color: whitesmoke; + margin-top: 60px; +} +.inner-footer .wrap >div{ + display: flex; + flex-flow: wrap; + justify-content: space-between; + gap: 50px; +} +.inner-footer .subscribe{ + width: 100%; +} +.inner-footer .top.subscribe h3{ + margin-bottom: 20px; +} +.inner-footer p{ + font-size: 14px; +}.inner-footer .search{ + max-width: 400px; +} +.inner-footer .search .input{ + font-size: 14px; + border: 1px solid var(--main-color); +} +.inner-footer .subscribe .grey-color{ + color: grey; +} +.inner-footer .subscribe .search i{ + color: var(--main-color); +} +.inner-footer .list-block .company-address a{ + color: var(--main-color); +} +.inner-footer .list-block .company-address:hover a{ + color: var(--dark-color); +} +.inner-footer .list-block .company-address p{ + color: var(--main-color); +} +.inner-footer .list-block .company-address:hover p{ + color: var(--dark-color); +} diff --git a/ecommerce/fashion_website/pages/page.html b/ecommerce/fashion_website/pages/page.html index cbbf86e..b61b108 100644 --- a/ecommerce/fashion_website/pages/page.html +++ b/ecommerce/fashion_website/pages/page.html @@ -438,8 +438,193 @@ +
+
+
+
+

You may also like

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

Onyx Dress with Embroidery

+
+ $129.00 + +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
+
+

Villie Wide-legs Shorts

+
+ $115.00 + +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
+
+

White Snow Open Back Halter Top

+
+ $89.00 +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
+
+

Jester Loafers

+
+ $149.00 +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
25% OFF
+
+
+

Crayola Lemon Thong Bodysuit

+
+ $125.00 + $93.00 + +
+
+
+
+
+
+
+
+
- +