|
1 | | -<!-- Affiliate Product Card – FENCHILIN Vanity Mirror (Styled for Your Site) --> |
2 | | -<section style="max-width: 480px; margin: 40px auto; padding: 20px; border-radius: 12px; background-color: #f0f4ff; text-align: center; font-family: 'Arial', sans-serif; box-shadow: 0 6px 18px rgba(0,0,0,0.08);"> |
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <title>FENCHILIN Vanity Mirror with Lights</title> |
| 7 | + <link rel="stylesheet" href="style.css"> |
| 8 | +</head> |
| 9 | +<body> |
| 10 | + <header> |
| 11 | + <h1>FENCHILIN Vanity Mirror with Lights</h1> |
| 12 | + </header> |
3 | 13 |
|
4 | | - <!-- Product Image --> |
5 | | - <a href="https://amzn.to/40Oafwj" target="_blank"> |
6 | | - <img src="https://images-na.ssl-images-amazon.com/images/I/71sXf0tnEJL._AC_SL1500_.jpg" |
7 | | - alt="FENCHILIN Vanity Mirror with Lights" |
8 | | - style="width: 100%; max-width: 400px; border-radius: 10px; margin-bottom: 18px;"> |
9 | | - </a> |
| 14 | + <main> |
| 15 | + <section class="product-post" style="max-width: 600px; margin: 30px auto; padding: 20px; border-radius: 10px; background-color: #f0f4ff; text-align: center; box-shadow: 0 6px 18px rgba(0,0,0,0.08); font-family: Arial, sans-serif;"> |
| 16 | + |
| 17 | + <!-- Product Image --> |
| 18 | + <a href="https://amzn.to/40Oafwj" target="_blank"> |
| 19 | + <img src="https://images-na.ssl-images-amazon.com/images/I/71sXf0tnEJL._AC_SL1500_.jpg" |
| 20 | + alt="FENCHILIN Vanity Mirror with Lights" |
| 21 | + style="width: 100%; max-width: 400px; border-radius: 10px; margin-bottom: 20px;"> |
| 22 | + </a> |
10 | 23 |
|
11 | | - <!-- Product Title --> |
12 | | - <h2 style="font-size: 1.6em; margin-bottom: 10px; color: #1a3f7a;"> |
13 | | - FENCHILIN Vanity Mirror with Lights |
14 | | - </h2> |
| 24 | + <!-- Short Description --> |
| 25 | + <p style="font-size: 1em; color: #333; margin-bottom: 18px;"> |
| 26 | + Hollywood-style LED vanity mirror with adjustable brightness, smart touch control, and a detachable 10× magnification mirror. Perfect for dorm rooms, bedrooms, and home setups. |
| 27 | + </p> |
15 | 28 |
|
16 | | - <!-- Short Description --> |
17 | | - <p style="font-size: 1em; color: #333; margin-bottom: 18px;"> |
18 | | - Hollywood-style LED vanity mirror with adjustable brightness, touch control, and detachable 10× magnification mirror. Perfect for dorm rooms and home setups. |
19 | | - </p> |
| 29 | + <!-- Key Features --> |
| 30 | + <ul style="text-align: left; font-size: 0.95em; color: #555; margin: 0 0 20px 0; padding-left: 20px; line-height: 1.5;"> |
| 31 | + <li>🔆 10 LED bulbs with 3 color modes (warm, daylight, cool)</li> |
| 32 | + <li>🖐️ Smart touch control with memory brightness</li> |
| 33 | + <li>🔄 360° rotation & adjustable viewing angle</li> |
| 34 | + <li>🔍 Detachable 10× magnification mirror</li> |
| 35 | + <li>🪞 Ideal for makeup, shaving, décor</li> |
| 36 | + </ul> |
20 | 37 |
|
21 | | - <!-- Key Features --> |
22 | | - <ul style="text-align: left; font-size: 0.95em; color: #555; margin: 0 0 20px 0; padding-left: 20px; line-height: 1.5;"> |
23 | | - <li>🔆 10 LED bulbs, 3 color modes (warm, daylight, cool)</li> |
24 | | - <li>🖐️ Smart touch control with memory brightness</li> |
25 | | - <li>🔄 360° rotation & adjustable viewing angle</li> |
26 | | - <li>🔍 Detachable 10× magnification mirror</li> |
27 | | - <li>🪞 Ideal for makeup, shaving, décor</li> |
28 | | - </ul> |
| 38 | + <!-- Buy Now Button --> |
| 39 | + <a href="https://amzn.to/40Oafwj" |
| 40 | + target="_blank" |
| 41 | + class="btn" |
| 42 | + style="display: inline-block; background-color: #1a3f7a; color: #fff; font-weight: bold; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-size: 1em; transition: 0.3s;"> |
| 43 | + Buy Now |
| 44 | + </a> |
29 | 45 |
|
30 | | - <!-- Buy Now Button --> |
31 | | - <a href="https://amzn.to/40Oafwj" |
32 | | - target="_blank" |
33 | | - style="display: inline-block; background-color: #1a3f7a; color: #fff; font-weight: bold; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-size: 1em; transition: 0.3s;"> |
34 | | - Buy Now |
35 | | - </a> |
| 46 | + <p style="font-size: 0.85em; color: #666; margin-top: 10px;"> |
| 47 | + (Affiliate link – I earn a small commission at no extra cost to you) |
| 48 | + </p> |
| 49 | + </section> |
| 50 | + </main> |
36 | 51 |
|
37 | | - <p style="font-size: 0.85em; color: #666; margin-top: 10px;"> |
38 | | - (Affiliate link – I earn a small commission at no extra cost to you) |
39 | | - </p> |
40 | | - |
41 | | -</section> |
| 52 | + <footer style="text-align: center; margin-top: 40px; font-size: 0.85em; color: #666;"> |
| 53 | + © 2026 Your GitHub Site |
| 54 | + </footer> |
| 55 | +</body> |
| 56 | +</html> |
0 commit comments