<!DOCTYPE html><html lang=”en”><head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Jafer Media</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f5f5f5; } header { background: #111; color: white; padding: 20px; text-align: center; } nav { background: #222; padding: 10px; text-align: center; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; } .hero { background: #0a84ff; color: white; padding: 80px 20px; text-align: center; } .hero h1 { font-size: 48px; margin-bottom: 10px; } .section { padding: 40px 20px; text-align: center; } .services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 20px; } .card { background: white; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } footer { background: #111; color: white; text-align: center; padding: 20px; margin-top: 40px; } </style></head><body><header> <h1>Jafer Media</h1> <p>Your Creative Design & Media Studio</p></header><nav> <a href=”#home”>Home</a> <a href=”#services”>Services</a> <a href=”#contact”>Contact</a></nav><section class=”hero” id=”home”> <h1>Welcome to Jaferdamina</h1> <p>We create logos, posters, websites, and social media designs.</p></section><section class=”section” id=”services”> <h2>Our Services</h2> <div class=”services”> <div class=”card”> <h3>Logo Design</h3> <p>Professional logos for brands and businesses.</p> </div> <div class=”card”> <h3>Photo & Video Editing</h3> <p>High-quality editing for personal & commercial use.</p> </div> <div class=”card”> <h3>Website Design</h3> <p>Modern, clean websites for your business or portfolio.</p> </div> <div class=”card”> <h3>Social Media Content</h3> <p>Beautiful posts, stories, and banners for all platforms.</p> </div> </div></section><section class=”section” id=”contact”> <h2>Contact Us</h2> <p>Email: <strong>jaferabdella674@gmali.com</strong></p> <p>Phone: <strong>+252 637219188