commit 06054aab4a0c11d06e0019c64d344a39e76e3e4c Author: risadmin_prod Date: Sat Jul 12 14:05:01 2025 +0000 Automated commit to test10 from Docker container diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..9414382 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +Dockerfile diff --git a/cart_page.html b/cart_page.html new file mode 100644 index 0000000..24a9d9d --- /dev/null +++ b/cart_page.html @@ -0,0 +1,365 @@ +SafeValue must use [property]=binding: + + + + + + Cart Page + + + +
+ +
+
+

Your Shopping Cart

+ +
+ +
+
+ Placeholder Product 1 +
+
+

Placeholder Product Title - Example Long Name

+

In Stock

+

Sold by: Dummy Seller Inc.

+
+
+ + +
+ | + + | + + | + +
+
+
+

$XX.XX

+
+
+ + +
+
+ Placeholder Product 2 +
+
+

Another Placeholder Item - Shorter Title

+

In Stock

+

Sold by: Another Dummy Seller

+
+
+ + +
+ | + + | + +
+
+
+

$YY.YY

+
+
+ + +
+
+ Placeholder Product 3 +
+
+

Out of Stock Item Example

+

Currently unavailable

+

Sold by: Third Dummy Seller Co.

+
+ +
+
+
+

N/A

+
+
+ +
+
+
+
+

Order Summary

+ +
+
+
+ Product Name Placeholder 1 +
+
+

Product Name Placeholder 1

+

Qty: 1

+

$XX.XX

+
+
+ +
+
+ Product Name Placeholder 2 +
+
+

Product Name Placeholder 2

+

Qty: 2

+

$YY.YY

+
+
+
+ +
+
+ Items: + $ZZ.ZZ +
+
+ Shipping & handling: + $S.SS +
+
+ Total before tax: + $TBT.TT +
+
+ Estimated tax: + $ET.EE +
+
+

Order total:

+

$TOTAL.OO

+
+
+ +
+ +
+
+ + +
+

Secure Checkout Information

+ +
+ +
+

1. Shipping Address

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

2. Payment Method

+
+
+ Select a payment method +
+ + +
+
+ + +
+
+ + +
+
+ +
+

Card Details

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

3. Review Items & Place Order

+
+

Order Summary

+

[Product 1 Name] x [Quantity] - [Price]

+

[Product 2 Name] x [Quantity] - [Price]

+

[Product 3 Name] x [Quantity] - [Price]

+
+

Subtotal: [Subtotal Amount]

+

Shipping: [Shipping Cost]

+

Tax: [Tax Amount]

+

Order Total: [Total Amount]

+
+
+

Delivery to:

+

[Customer Name]

+

[Customer Address Line 1]

+

[Customer City, State, Zip]

+

Estimated Delivery: [Date Range]

+
+
+

Payment Method:

+

[Selected Payment Method (e.g., Credit Card ending in XXXX)]

+
+
+ +

+ Secure transaction via SSL encryption. Your information is protected. +

+
+ +
+
+ +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file diff --git a/checkout_page.html b/checkout_page.html new file mode 100644 index 0000000..77cddf3 --- /dev/null +++ b/checkout_page.html @@ -0,0 +1,290 @@ +SafeValue must use [property]=binding: + + + + + + Checkout Page + + + +
+ +
+

Shipping Address

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ + +
+ + +
+
+ + + + + + Payment Method Section + + + +
+

Your payment methods

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

Review your order

+ +
+
+

Shipping address

+
+

John Doe

+

123 Main Street

+

Anytown, WA 98001

+

United States

+

Phone: 555-123-4567

+
+ Change +
+ +
+

Payment method

+
+

Visa ending in **** 1234

+

Billing address: Same as shipping

+
+ Change +
+
+ +
+
+

Items in your order

+
+
+ Product Image Placeholder +
+
+

Product Name Placeholder - Long Description That Might Wrap Over Multiple Lines

+

$29.99

+

Qty: 1

+

In Stock

+
+
+
+
+ Product Image Placeholder 2 +
+
+

Another Product Name Placeholder

+

$12.50

+

Qty: 2

+

In Stock

+
+
+ +
+ +
+

Order Summary

+
+

Items: $54.99

+

Shipping & handling: $7.99

+

Total before tax: $62.98

+

Estimated tax to be collected: $4.50

+
+

Order total: $67.48

+
+ +

By placing your order, you agree to Amazon's privacy notice and conditions of use.

+
+
+
+
+ + + + + + Place Order Section + + + +
+

Place Your Order

+ +
+

Order Summary

+
+
Items:
+
$[Item_Subtotal]
+ +
Shipping & handling:
+
$[Shipping_Cost]
+ +
Estimated tax:
+
$[Estimated_Tax]
+ +
Order total:
+
$[Total_Amount]
+
+
+ +
+

Shipping and Payment

+

Shipping to: [Customer_Name], [Shipping_Address_Line_1], [City], [State] [Zip_Code]

+

Payment method: [Payment_Method_Type] ending in [Last_4_Digits]

+

Estimated delivery: [Estimated_Delivery_Date]

+
+ +
+ +
+ +

+ By placing your order, you agree to Amazon's privacy notice and conditions of use. +

+
+ + + + +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..49e7ffc --- /dev/null +++ b/index.html @@ -0,0 +1,28 @@ +SafeValue must use [property]=binding: + + + + + + Home + + + +
+ +

Your Daily Dose of Deals & Discoveries

Explore millions of products, from electronics to fashion, home goods to groceries. Enjoy fast shipping, competitive prices, and a secure shopping experience tailored just for you.

+

Unbeatable Selection

Your World, Delivered.

Explore a universe of products, from everyday necessities to unique finds. Our seamless shopping experience brings convenience, incredible value, and fast delivery right to your fingertips.

Vast Product Range

Find everything you need and more, with millions of products across countless categories.

Fast & Reliable Delivery

Get your orders delivered quickly and securely, often with same-day or next-day options.

Create Account
+

The selection on ShopCentral is unbelievable – I find everything from daily essentials to unique gifts. What truly stands out is the lightning-fast delivery and the seamless return process. My absolute favorite online marketplace!

Author Avatar

Maria S.

Online Shopping Enthusiast

+⚠️ HTML API call failed. +

Unlock More Savings

Choose Your Prime Membership

Discover exclusive benefits, faster shipping, and endless entertainment with Amazon Prime. Join millions of satisfied members today!

Prime Monthly

Flexible benefits, cancel anytime.

$14.99/mo


Includes:

  • ✓ Fast, FREE Shipping on millions of items
  • ✓ Unlimited streaming of Prime Video
  • ✓ Ad-free access to 100 million songs with Amazon Music
  • ✓ Exclusive Prime Day Deals
  • ✓ Free games and in-game content with Prime Gaming
  • ✓ Prime Reading: borrow eBooks, magazines, and more

Prime Annual

Best value for a full year of benefits.

$139/year


Includes:

  • ✓ All Monthly Prime benefits included
  • ✓ Significant savings compared to monthly plan
  • ✓ Priority access to Lightning Deals
  • ✓ Prime Try Before You Buy for fashion
  • ✓ Unlimited photo storage with Amazon Photos
  • ✓ Share benefits with household members
+

Explore Millions of Products, Endless Possibilities

From electronics to fashion, home essentials to books, find everything you love and need with fast delivery and great prices.

+ +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file diff --git a/order_confirmation_page.html b/order_confirmation_page.html new file mode 100644 index 0000000..a8624eb --- /dev/null +++ b/order_confirmation_page.html @@ -0,0 +1,215 @@ +SafeValue must use [property]=binding: + + + + + + Order Confirmation Page + + + +
+ + + + + + + Order Confirmation + + + +
+
+

+ + + + Order Confirmed! +

+

Thank you for your purchase. Your order has been successfully placed.

+

You will receive an email confirmation shortly with details of your order.

+ +
+

Order Summary

+
+
Order Number:
+
#123-4567890-1234567
+ +
Estimated Delivery:
+
Wednesday, August 14th
+ +
Ship To:
+
John Doe
123 Main Street
Anytown, USA 12345
+ +
Total Amount:
+
$125.99
+
+
+ + +
+
+ + +
+

Order Details Summary

+ +
+

Order Information

+
+
Order ID:
+
#123-4567890-1234567
+ +
Order Date:
+
January 15, 2024
+ +
Order Status:
+
Shipped
+
+
+ +
+
+

Shipping Address

+
+

Placeholder Name

+

123 Main Street

+

Anytown, USA 12345

+

Phone: (555) 123-4567

+
+
+ +
+

Billing Address

+
+

Placeholder Name

+

123 Main Street

+

Anytown, USA 12345

+

Phone: (555) 123-4567

+
+
+ +
+

Payment Method

+

Visa **** **** **** 1234

+

Expires 12/26

+
+
+ +
+

Items in Your Order

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ProductQuantityPriceSubtotal
Placeholder Product Name 11$19.99$19.99
Placeholder Product Name 2 (Longer Title Example for Responsiveness)2$9.99$19.98
Placeholder Product Name 31$5.00$5.00
+
+ +
+

Order Summary

+
+
Items Subtotal:
+
$44.97
+ +
Shipping & Handling:
+
$5.99
+ +
Estimated Tax:
+
$3.60
+ +
Order Total:
+
$54.56
+
+
+ +
+

Need help with this order? Visit our Help Center

+

Track Package | Write a Product Review

+
+
+
+

Estimated Delivery Information

+
+
+

Estimated Arrival:

+

+ Tuesday, October 26 + (Usually arrives within 3-5 business days after shipping) +

+
+
+

Shipping to:

+

+ Full Name Placeholder
+ 123 Main Street
+ Anytown, ST 12345 +

+ Change Address +
+
+
+
+
+

Track Your Order

+

Stay updated on the delivery status of your recent purchases. Find out where your package is right now!

+ Track Your Package Now +
+
+ + + + + + Continue Shopping Prompt + + + +
+

Your item has been added to cart.

+

You have 1 item in your cart. What would you like to do next?

+
+ + +
+
+ + + +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file diff --git a/product_detail_page.html b/product_detail_page.html new file mode 100644 index 0000000..e05c2de --- /dev/null +++ b/product_detail_page.html @@ -0,0 +1,401 @@ +SafeValue must use [property]=binding: + + + + + + Product Detail Page + + + +
+ + +
+
+
+ Main Product Image Placeholder +
+
+ Thumbnail 1 + Thumbnail 2 + Thumbnail 3 + Thumbnail 4 +
+
+ +
+

Product Name Goes Here - A Fantastic Gadget with Many Features

+ +
+ ★★★★☆ + 4.5 out of 5 + 1,234 ratings + | + 50+ answered questions +
+
+ +
+

Price: $129.99

+

+ Was: $159.99 + Save $30.00 (18%) +

+

FREE Returns & FREE Shipping

+
+ +
+

In Stock.

+

Ships from and sold by AwesomeSeller LLC.

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

About this item:

+
    +
  • High-quality material for durability and comfort during extended use.
  • +
  • Ergonomic design ensures a comfortable grip and reduces fatigue.
  • +
  • Seamless compatibility with various devices and operating systems (Windows, macOS, Linux).
  • +
  • Long-lasting battery life (up to 60 hours) with quick 15-minute charging for 8 hours of use.
  • +
  • Easy to set up and use right out of the box, no complex drivers needed.
  • +
+
+
+ +
+
+ $129.99 +
+

Deliver to [Your Location]

+

+ Fastest delivery: Tomorrow, Oct 26 + FREE Shipping +

+

In Stock

+
+ + +
+ + +
+ Secure transaction icon +

Secure transaction

+
+
+ +
+
+ + + + + + Add to Cart Section + + + +
+
+
+

Price: $[Current Price]

+

Free Prime Delivery

+

Incl. VAT

+
+ +
+

In stock.

+
+ +
+

Deliver to [User's Location]

+

Estimated Delivery: Friday, January 1, 2025

+

Order within XX hrs XX mins for fastest delivery.

+ Details +
+ +
+ + +
+ +
+ + +
+ +

+ + + + Secure transaction +

+ +
+ + Delivery options + Add to Wishlist +
+
+ + +
+
+ +

Placeholder Product Title - Model XYZ with Advanced Features

+ +
+ ★★★★☆ + 1,234 Ratings + Brand: Awesome Brands Co. +
+ +
+

About this item

+
    +
  • Superior Performance: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • +
  • Durable Design: Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • +
  • Eco-Friendly Materials: Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
  • +
  • Easy to Use: Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
  • +
  • Comprehensive Warranty: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • +
+
+ +
+

Product Description

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Curabitur pretium tincidunt lacus, eget pretium tellus pretium eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel ante purus. Proin commodo felis sit amet lectus ultricies, eu tempor ipsum ultrices. Nam consectetur mi non erat elementum, non dictum metus feugiat.

+

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.

+
+ +
+

Technical Details

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Item Weight1.5 lbs (0.68 kg)
Product Dimensions10 x 5 x 2 inches (25.4 x 12.7 x 5.08 cm)
ASINB09ABCDEFG
Model NumberPROD-XYZ-2023-V2
ManufacturerManufacturer Corp. Global
Date First AvailableJanuary 1, 2023
ColorMatte Black
MaterialAerospace-grade Aluminum, Recycled Plastic
Battery LifeUp to 10 hours
ConnectivityBluetooth 5.0, USB-C
+
+ +
+
+
+
+

Customer reviews

+ +
+
★★★★☆
+

4.5 out of 5 stars

+ See all reviews > +
+ +
+
+
+
+ ★★★★★ +

Fantastic quality and easy to use!

+
+
+
+ By Jane Doe + Verified Purchase + +
+
+

I absolutely love this product! It arrived quickly, was well-packaged, and performs exactly as described. The build quality feels premium, and I had it set up in minutes. Highly recommend!

+
+ +
+ +
+
+
+ ★★★★☆ +

Good, but could be better

+
+
+
+ By John Smith + Verified Purchase + +
+
+

The product is decent for the price. It does what it's supposed to, but I noticed a slight design flaw that could be improved. Overall, I'm satisfied but not amazed.

+
+ +
+ +
+
+
+ ★★★☆☆ +

Average performance

+
+
+
+ By Alice Brown + +
+
+

It's an okay product. Nothing special. It gets the job done, but I expected a bit more given the description. Consider other options if you need top-tier performance.

+
+ +
+ +
+ +
+
+
+
+ +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file diff --git a/product_listing_page.html b/product_listing_page.html new file mode 100644 index 0000000..11a2b44 --- /dev/null +++ b/product_listing_page.html @@ -0,0 +1,402 @@ +SafeValue must use [property]=binding: + + + + + + Product Listing Page + + + +
+ +
+
+

Category Name Placeholder

+

Discover a wide selection of products tailored to this category, featuring the latest trends and best sellers.

+
+
+ + + + + + Product Filters + + + + + +
+ + +
+

Search Results for "Electronics"

+

Displaying 1-20 of 1,234 results

+ +
+
Product Card 1
+
Product Card 2
+
Product Card 3
+
Product Card 4
+
Product Card 5
+
Product Card 6
+
Product Card 7
+
Product Card 8
+
+ +
+
+ + + +
+
+

Explore Our Top Products

+ +
+ +
+
+ Product Image Placeholder +
+
+

Product Name One

+
+ ★★★★☆ + (123 reviews) +
+

$29.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Another Product Title

+
+ ★★★★★ + (45 reviews) +
+

$49.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Awesome Gadget X

+
+ ★★★☆☆ + (88 reviews) +
+

$129.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Essential Kitchen Tool

+
+ ★★★★☆ + (201 reviews) +
+

$19.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Stylish Backpack

+
+ ★★★★★ + (78 reviews) +
+

$59.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Comfortable Headphones

+
+ ★★★★☆ + (305 reviews) +
+

$79.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Smart Home Device

+
+ ★★★★★ + (150 reviews) +
+

$99.99

+ +
+
+ + +
+
+ Product Image Placeholder +
+
+

Durable Water Bottle

+
+ ★★★★☆ + (92 reviews) +
+

$14.99

+ +
+
+
+
+
+
+

Product Pagination

+ +
+ Showing 1 - 12 of 200 results +
+ + +
+
+ + + +
+ Need help? Visit the Help section +
+
+ +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..6ca481c --- /dev/null +++ b/style.css @@ -0,0 +1,834 @@ +.nav-1-wrapper { + margin: 0; + font-family: sans-serif; +} + +.nav-1-navbar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px 40px; + border-bottom: 1px solid #eee; +} + +.nav-1-logo { + font-family: cursive; + font-size: 24px; + font-weight: bold; +} + +.nav-1-nav-links { + list-style: none; + display: flex; + gap: 20px; + margin: 0; + padding: 0; +} + +.nav-1-nav-links li a { + text-decoration: none; + color: #111; + font-size: 14px; +} + +.nav-1-dropdown i { + font-size: 10px; + margin-left: 5px; +} + +.nav-1-nav-actions { + display: flex; + gap: 10px; +} + +.nav-1-btn { + padding: 6px 14px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + border: 2px solid #111; +} + +.nav-1-outline { + background-color: transparent; + color: #111; +} + +.nav-1-solid { + background-color: #111; + color: #fff; +} + +.hero-2-wrapper { + margin: 0; + font-family: sans-serif; + background: #fff; +} + +.hero-2-centered-hero { + text-align: center; + padding: 60px 20px; +} + +.hero-2-heading { + font-size: 28px; + font-weight: bold; + margin-bottom: 16px; +} + +.hero-2-description { + font-size: 14px; + color: #555; + margin-bottom: 24px; + max-width: 700px; + margin-left: auto; + margin-right: auto; +} + +.hero-2-button-group { + display: flex; + gap: 16px; + justify-content: center; + margin-bottom: 40px; +} + +.hero-2-btn { + padding: 10px 20px; + font-size: 14px; + font-weight: bold; + border-radius: 4px; + cursor: pointer; +} + +.hero-2-solid { + background: #000; + color: #fff; + border: 1px solid #000; +} + +.hero-2-outline { + background: transparent; + border: 1px solid #000; + color: #000; +} + +.hero-2-image { + display: flex; + justify-content: center; + margin-top: 20px; +} + + +.hero-2-placeholder { + background: #ccc; + width: 100%; + max-width: 800px; + height: 300px; + border-radius: 6px; + overflow: hidden; + /* ensures image doesn't overflow */ + } + + + + .hero-2-placeholder img { + width: 100%; + height: 100%; + object-fit: cover; + /* makes sure the image fills without distortion */ + display: block; + border-radius: 6px; + } + +.feature-6-wrapper * { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.feature-6-wrapper { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; + background: #fff; + position: relative; + overflow: hidden; +} + +.feature-6-section { + max-width: 1200px; + margin: 0 auto; + padding: 80px 20px; + display: flex; + align-items: center; + gap: 60px; + position: relative; +} + +.feature-6-bg-number { + position: absolute; + left: 0; + top: 0; + font-size: 220px; + color: #f5f5f5; + font-weight: 900; + z-index: 0; + pointer-events: none; + user-select: none; + line-height: 1; + letter-spacing: -0.1em; +} + +.feature-6-text { + flex: 1; + max-width: 600px; + z-index: 1; + position: relative; +} + +.feature-6-tag { + font-size: 14px; + color: #666; + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 16px; + font-weight: 600; +} + +.feature-6-title { + font-size: 48px; + color: #000; + margin-bottom: 24px; + line-height: 1.1; + font-weight: 700; +} + +.feature-6-subtitle { + font-size: 18px; + color: #666; + line-height: 1.6; + margin-bottom: 40px; +} + +.feature-6-benefits-vertical { + position: relative; + display: flex; + flex-direction: column; + gap: 32px; + margin-bottom: 48px; + align-items: flex-start; + padding-left: 24px; +} + +.feature-6-benefits-line { + position: absolute; + left: 12px; + top: 24px; + bottom: 24px; + width: 2px; + background: #000; + border-radius: 1px; + z-index: 0; +} + +.feature-6-benefit-card { + display: flex; + gap: 20px; + align-items: flex-start; + background: #fff; + border: 1px solid #e0e0e0; + box-shadow: 0 2px 12px rgba(0,0,0,0.04); + border-radius: 8px; + padding: 24px 28px; + z-index: 1; + transition: box-shadow 0.2s, transform 0.2s; + position: relative; +} + +.feature-6-benefit-card:hover { + box-shadow: 0 6px 24px rgba(0,0,0,0.10); + transform: translateY(-2px) scale(1.02); + border-color: #000; +} + +.feature-6-benefit-card i { + font-size: 28px; + color: #000; + margin-top: 4px; + flex-shrink: 0; +} + +.feature-6-benefit-card h3 { + font-size: 20px; + color: #000; + margin-bottom: 8px; + font-weight: 600; +} + +.feature-6-benefit-card p { + font-size: 16px; + color: #666; + line-height: 1.6; +} + +.feature-6-actions { + display: flex; + gap: 24px; + align-items: center; + margin-top: 24px; +} + +.feature-6-btn { + padding: 12px 32px; + border-radius: 4px; + font-size: 16px; + font-weight: 600; + cursor: pointer; + transition: all 0.3s ease; + border: 2px solid #000; + background: #000; + color: #fff; + outline: none; +} + +.feature-6-btn:focus { + outline: 2px solid #333; + outline-offset: 2px; +} + +.feature-6-btn:hover { + background: #333; +} + +.feature-6-btn-link { + color: #000; + text-decoration: none; + font-weight: 600; + display: inline-flex; + align-items: center; + border-bottom: 2px solid transparent; + transition: border-color 0.3s; + font-size: 16px; +} + +.feature-6-btn-link:hover { + border-color: #000; +} + +.feature-6-btn-icon { + font-size: 18px; + margin-left: 8px; + display: inline-block; + transition: transform 0.2s; +} + +.feature-6-btn-link:hover .feature-6-btn-icon { + transform: translateX(4px); +} + +.feature-6-image { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + z-index: 1; + position: relative; +} + +.feature-6-placeholder { + width: 100%; + max-width: 440px; + height: 340px; + background: linear-gradient(135deg, #fff 60%, #f5f5f5 100%); + border: 2px solid #e0e0e0; + border-radius: 24px; + box-shadow: 0 8px 32px rgba(0,0,0,0.08); + position: relative; + overflow: hidden; +} + +.feature-6-placeholder::before { + content: "Visual Content"; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #bbb; + font-size: 20px; + letter-spacing: 1px; +} + +/* Responsive Design */ +@media (max-width: 1024px) { + .feature-6-section { + gap: 40px; + padding: 60px 10px; + } + .feature-6-title { + font-size: 40px; + } + .feature-6-placeholder { + height: 260px; + } +} + +@media (max-width: 768px) { + .feature-6-section { + flex-direction: column; + text-align: center; + gap: 36px; + padding: 40px 0; + } + .feature-6-text { + max-width: 100%; + padding: 0 8vw; + } + .feature-6-benefits-vertical { + align-items: center; + padding-left: 0; + } + .feature-6-benefits-line { + display: none; + } + .feature-6-image { + margin-top: 32px; + } + .feature-6-placeholder { + height: 200px; + max-width: 320px; + } +} + +@media (max-width: 480px) { + .feature-6-title { + font-size: 28px; + } + .feature-6-subtitle { + font-size: 15px; + } + .feature-6-text { + padding: 0 2vw; + } + .feature-6-actions { + flex-direction: column; + gap: 12px; + } + .feature-6-btn, .feature-6-btn-link { + width: 100%; + justify-content: center; + } +} + +.testimonial-1-wrapper * { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +.testimonial-1-wrapper { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; + background-color: #ffffff; + padding: 80px 20px; +} + +.testimonial-1-container { + max-width: 600px; + width: 100%; + margin: 0 auto; + text-align: center; +} + +.testimonial-1-logo { + height: 24px; + margin-bottom: 30px; +} + +.testimonial-1-text { + font-size: 18px; + line-height: 1.6; + color: #666666; + font-weight: 400; + margin-bottom: 30px; +} + +.testimonial-1-author { + display: flex; + align-items: center; + justify-content: center; + gap: 16px; +} + +.testimonial-1-author-image { + width: 60px; + height: 60px; + border-radius: 50%; + object-fit: cover; + border: 1px solid #e0e0e0; +} + +.testimonial-1-author-name { + font-size: 16px; + font-weight: 600; + color: #000000; + margin-bottom: 4px; + text-align: left; +} + +.testimonial-1-author-position { + font-size: 14px; + color: #666666; + font-weight: 400; + text-align: left; +} + +/* Responsive Design */ +@media (max-width: 768px) { + .testimonial-1-text { + font-size: 16px; + } + + .testimonial-1-author-name { + font-size: 14px; + } + + .testimonial-1-author-position { + font-size: 12px; + } + + .testimonial-1-wrapper { + padding: 40px 16px; + } +} + +.logo-section { + padding: 40px; + background-color: #fff; + border-radius: 12px; + font-family: sans-serif; +} + +.container { + max-width: 1000px; + margin: auto; +} + +.section-title { + font-size: 24px; + font-weight: bold; + margin-bottom: 30px; +} + +.logo-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); + gap: 20px; +} + +.logo-item { + font-size: 16px; + font-weight: 500; + text-align: center; + padding: 10px 0; + color: #111; +} + +.pricing-2-wrapper { + font-family: sans-serif; + background: #fff; + padding: 40px 20px; + text-align: center; +} + +.pricing-2-section { + max-width: 1000px; + margin: auto; +} + +.pricing-2-tagline { + font-size: 12px; + font-weight: bold; + margin-bottom: 8px; +} + +.pricing-2-heading { + font-size: 32px; + font-weight: bold; + margin-bottom: 8px; +} + +.pricing-2-subheading { + font-size: 14px; + color: #555; + margin-bottom: 24px; +} + +.pricing-2-toggle { + margin-bottom: 40px; +} + +.pricing-2-btn { + border: 1px solid #000; + background: transparent; + padding: 10px 20px; + font-weight: bold; + cursor: pointer; + margin: 0 5px; +} + +.pricing-2-btn-active { + background: #000; + color: #fff; +} + +.pricing-2-grid { + display: flex; + justify-content: center; + gap: 24px; + flex-wrap: wrap; +} + +.pricing-2-card { + border: 1px solid #ccc; + padding: 24px; + max-width: 320px; + text-align: left; +} + +.pricing-2-icon { + font-size: 24px; + margin-bottom: 16px; +} + +.pricing-2-plan-title { + font-size: 18px; + font-weight: bold; + margin: 8px 0; +} + +.pricing-2-plan-subtitle { + font-size: 14px; + color: #666; + margin-bottom: 16px; +} + +.pricing-2-price { + font-size: 24px; + font-weight: bold; + margin: 8px 0; +} + +.pricing-2-price-small { + font-size: 14px; + font-weight: normal; +} + +.pricing-2-divider { + margin: 16px 0; + border: none; + border-top: 1px solid #ddd; +} + +.pricing-2-includes { + font-weight: bold; + margin-bottom: 8px; +} + +.pricing-2-feature-list { + list-style: none; + padding: 0; + font-size: 14px; + line-height: 1.8; + color: #333; + margin-bottom: 24px; +} + +.pricing-2-cta { + width: 100%; + background: #000; + color: #fff; + border: none; + padding: 12px; + font-weight: bold; + cursor: pointer; +} + +.cta-3-wrapper { + font-family: sans-serif; + margin: 0; + padding: 0; + background: #f5f3f0; +} + +.cta-3-section { + background: #fff; + padding: 80px 20px; + text-align: center; +} + +.cta-3-heading { + font-size: 28px; + font-weight: bold; + margin-bottom: 16px; +} + +.cta-3-description { + font-size: 16px; + color: #666; + max-width: 600px; + margin: 0 auto 32px; +} + +.cta-3-button-group { + display: flex; + justify-content: center; + gap: 16px; +} + +.cta-3-btn { + padding: 10px 24px; + font-size: 14px; + cursor: pointer; + border-radius: 4px; + font-weight: 600; +} + +.cta-3-solid { + background-color: #000; + color: #fff; + border: none; +} + +.cta-3-outline { + background-color: transparent; + color: #000; + border: 1px solid #000; +} + +.footer-2-wrapper { + font-family: sans-serif; + background: #F5F5F5; + padding: 20px; +} + +.footer-2-section { + background: #fff; + padding: 40px 30px 20px; + border-top: 1px solid #eee; +} + +.footer-2-top { + display: flex; + flex-wrap: wrap; + gap: 40px; + justify-content: space-between; + margin-bottom: 40px; +} + +.footer-2-left { + flex: 1 1 300px; + max-width: 350px; +} + +.footer-2-left .logo { + font-size: 20px; + font-weight: bold; + margin-bottom: 10px; +} + +.footer-2-left p { + font-size: 14px; + color: #333; + margin: 10px 0; +} + +.footer-2-left a { + font-size: 14px; + color: #000; + text-decoration: underline; +} + +.footer-2-social-icons { + margin-top: 12px; + display: flex; + gap: 12px; +} + +.footer-2-social-icons i { + font-size: 16px; + color: #000; + cursor: pointer; +} + +.footer-2-links-columns { + flex: 2 1 400px; + display: flex; + gap: 80px; + justify-content: flex-end; +} + +.footer-2-links-columns ul { + list-style: none; + padding: 0; + margin: 0; +} + +.footer-2-links-columns ul li { + margin-bottom: 8px; + font-size: 14px; +} + +.footer-2-links-columns ul li a { + text-decoration: none; + color: #000; +} + +.footer-2-bottom { + border-top: 1px solid #eee; + padding-top: 20px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + font-size: 13px; + color: #777; +} + +.footer-2-bottom .footer-2-links { + display: flex; + gap: 20px; + list-style: none; + padding: 0; + margin: 0; +} + +.footer-2-bottom .footer-2-links li a { + text-decoration: none; + color: #555; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/user_account_dashboard.html b/user_account_dashboard.html new file mode 100644 index 0000000..bbfdb3a --- /dev/null +++ b/user_account_dashboard.html @@ -0,0 +1,382 @@ +SafeValue must use [property]=binding: + + + + + + User Account Dashboard + + + +
+ +
+

Welcome, [User Name]!

+ + +
+
+

Your Orders

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

Your Addresses

+ +
+ + + + +
+

John Doe

+

123 Main St

+

Apt 4B

+

Anytown, CA 90210

+

Phone: 555-123-4567

+
+ + + +
+
+ + +
+

Jane Smith

+

456 Oak Ave

+

Suite 100

+

Sometown, NY 10001

+

Phone: 555-987-6543

+
+ + + +
+
+ + +
+

Acme Corp

+

789 Pine Ln

+

Building Z

+

Bizville, TX 77001

+

Phone: 555-111-2222

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

Your Payment Methods

+ +
+

Your Cards

+
+
+ 💳 + Visa + **** 1234 + Expires 12/25 +
+
+ Default + Edit + Remove +
+
+ +
+
+ 💳 + Mastercard + **** 5678 + Expires 08/26 +
+ +
+
+ +
+

Add a New Payment Method

+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+
+ +
+ +
+ + + (see https://g.co/ng/security#xss) \ No newline at end of file