<body><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>iPhone 12 - Product Details</title> <div style="max-width: 980px; margin: 0 auto; padding: 40px 20px; background-color: #ffffff; border-radius: 12px; margin-top: 20px; margin-bottom: 20px;"><!-- Product Header --> <div style="text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #f5f5f7;"> <h1 style="font-size: 32px; font-weight: 600; color: #1d1d1f; margin: 0 0 12px 0; letter-spacing: -0.5px;">iPhone 12</h1> <p style="font-size: 19px; color: #86868b; margin: 0; font-weight: 400;">Pre-owned. Thoroughly tested. Premium quality.</p> </div> <!-- Technical Specifications --> <div style="margin-bottom: 50px;"> <h2 style="font-size: 24px; font-weight: 600; color: #1d1d1f; margin: 0 0 24px 0; letter-spacing: -0.3px;">Technical Specifications</h2> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px;"> <div style="background-color: #f8f8f8; border-radius: 12px; padding: 24px;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Performance & Storage</h3> <div style="space-y: 8px;"> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Chip</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">A14 Bionic</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Storage Options</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">64GB / 128GB / 256GB</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">RAM</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">4GB</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0;"><span style="font-size: 15px; color: #86868b;">Neural Engine</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">16-core</span></div> </div> </div> <div style="background-color: #f8f8f8; border-radius: 12px; padding: 24px;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Display & Design</h3> <div style="space-y: 8px;"> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Screen Size</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">6.1-inch Super Retina XDR</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Resolution</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">2532 × 1170 pixels</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Material</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">Ceramic Shield & Aluminum</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0;"><span style="font-size: 15px; color: #86868b;">Weight</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">164 grams</span></div> </div> </div> <div style="background-color: #f8f8f8; border-radius: 12px; padding: 24px;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Connectivity & Battery</h3> <div style="space-y: 8px;"> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Charging Port</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">Lightning</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">5G</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">Sub-6 GHz</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Battery Life</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">Up to 17 hours video</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0;"><span style="font-size: 15px; color: #86868b;">Wireless Charging</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">MagSafe & Qi</span></div> </div> </div> <div style="background-color: #f8f8f8; border-radius: 12px; padding: 24px;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Security & Features</h3> <div style="space-y: 8px;"> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Authentication</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">Face ID</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Water Resistance</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">IP68 (6m depth)</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e8e8ed;"><span style="font-size: 15px; color: #86868b;">Display Technology</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">OLED</span></div> <div style="display: flex; justify-content: space-between; padding: 8px 0;"><span style="font-size: 15px; color: #86868b;">OS Version</span> <span style="font-size: 15px; font-weight: 500; color: #1d1d1f;">iOS 18 (updatable)</span></div> </div> </div> </div> </div> <!-- Camera System --> <div style="margin-bottom: 50px;"> <h2 style="font-size: 24px; font-weight: 600; color: #1d1d1f; margin: 0 0 24px 0; letter-spacing: -0.3px;">Dual Camera System</h2> <div style="background-color: #f8f8f8; border-radius: 12px; padding: 32px;"> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 32px;"> <div> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Wide Camera</h3> <ul style="list-style: none; padding: 0; margin: 0;"> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">12MP with ƒ/1.6 aperture</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">Optical image stabilization</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">Night mode</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">Deep Fusion</li> </ul> </div> <div> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Ultra Wide Camera</h3> <ul style="list-style: none; padding: 0; margin: 0;"> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">12MP with ƒ/2.4 aperture</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">120° field of view</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">2x optical zoom out</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">Night mode support</li> </ul> </div> <div> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">TrueDepth Camera</h3> <ul style="list-style: none; padding: 0; margin: 0;"> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">12MP with ƒ/2.2 aperture</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">Night mode selfies</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">4K Dolby Vision HDR recording</li> <li style="padding: 6px 0; color: #1d1d1f; font-size: 15px;">Smart HDR 3</li> </ul> </div> </div> <div style="margin-top: 32px; padding-top: 24px; border-top: 1px solid #e8e8ed;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 16px 0;">Advanced Features</h3> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px;"> <div style="background-color: white; border-radius: 8px; padding: 16px; border: 1px solid #e8e8ed;"> <h4 style="font-size: 15px; font-weight: 600; color: #1d1d1f; margin: 0 0 4px 0;">Dolby Vision HDR</h4> <p style="font-size: 14px; color: #86868b; margin: 0;">Professional video recording</p> </div> <div style="background-color: white; border-radius: 8px; padding: 16px; border: 1px solid #e8e8ed;"> <h4 style="font-size: 15px; font-weight: 600; color: #1d1d1f; margin: 0 0 4px 0;">Smart HDR 3</h4> <p style="font-size: 14px; color: #86868b; margin: 0;">Enhanced detail in all lighting</p> </div> <div style="background-color: white; border-radius: 8px; padding: 16px; border: 1px solid #e8e8ed;"> <h4 style="font-size: 15px; font-weight: 600; color: #1d1d1f; margin: 0 0 4px 0;">Photographic Styles</h4> <p style="font-size: 14px; color: #86868b; margin: 0;">Personalize your photography</p> </div> </div> </div> </div> </div> <!-- Long-Term Value Features --> <div style="margin-bottom: 50px;"> <h2 style="font-size: 24px; font-weight: 600; color: #1d1d1f; margin: 0 0 24px 0; letter-spacing: -0.3px;">Built to Last</h2> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px;"> <div style="background-color: #f5f5f7; border-radius: 12px; padding: 24px; border: 1px solid #e8e8ed;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 12px 0;">5G Connectivity</h3> <p style="font-size: 15px; color: #86868b; margin: 0; line-height: 1.5;">Future-ready 5G technology delivers incredibly fast downloads and high-quality streaming</p> </div> <div style="background-color: #f5f5f7; border-radius: 12px; padding: 24px; border: 1px solid #e8e8ed;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 12px 0;">Ceramic Shield</h3> <p style="font-size: 15px; color: #86868b; margin: 0; line-height: 1.5;">Tougher than any smartphone glass with 4x better drop performance for enhanced protection</p> </div> <div style="background-color: #f5f5f7; border-radius: 12px; padding: 24px; border: 1px solid #e8e8ed;"> <h3 style="font-size: 18px; font-weight: 600; color: #1d1d1f; margin: 0 0 12px 0;">MagSafe Technology</h3> <p style="font-size: 15px; color: #86868b; margin: 0; line-height: 1.5;">Magnetic attachment system for effortless wireless charging and accessory connection</p> </div> </div> </div> <!-- Contact Section --> <div style="background-color: #f8f8f8; border-radius: 12px; padding: 40px; text-align: center; border: 1px solid #e8e8ed;"> <h2 style="font-size: 24px; font-weight: 600; margin: 0 0 16px 0; letter-spacing: -0.3px; color: #1d1d1f;">Need Assistance?</h2> <p style="font-size: 17px; margin: 0 0 32px 0; color: #86868b; max-width: 500px; margin-left: auto; margin-right: auto;">Our expert team is here to help you find the perfect iPhone and answer any questions you may have.</p> <div style="display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: center;"><a href="tel:0737346246" style="display: inline-block; background-color: #1d1d1f; border-radius: 8px; padding: 12px 24px; color: white; text-decoration: none; font-size: 16px; font-weight: 500;"> 073 734 6246 </a> <a href="mailto:sales@smartphoneavenue.com" style="display: inline-block; background-color: white; border: 1px solid #d2d2d7; border-radius: 8px; padding: 12px 24px; color: #1d1d1f; text-decoration: none; font-size: 16px; font-weight: 500;"> sales@smartphoneavenue.com </a></div> </div> </div> </body>
