body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: #222;
}
header {
  background: linear-gradient(135deg, #0b5ed7, #ffc107);
  color: #fff;
  padding: 40px 0;
}
.container {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}
h1 {
  margin: 0;
  font-size: 36px;
}
.tagline {
  font-size: 18px;
}
.cta a {
  display: inline-block;
  margin-right: 10px;
  padding: 10px 16px;
  background: #fff;
  color: #0b5ed7;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
}
section {
  padding: 30px 0;
}
.services ul {
  list-style: square;
  padding-left: 20px;
}
footer {
  background: #f4f4f4;
  text-align: center;
  padding: 15px 0;
}<!-- Hero Section -->
<div style="background-image: url('mesele-photo.png'); background-size: cover; background-position: center; padding: 80px 20px; text-align: center; color: white;">
    <!-- Logo -->
    <img src="logo.png" alt="Mesele Electric Installation" style="max-width: 200px; margin-bottom: 20px;">
    
    <!-- Main Heading -->
    <h1 style="font-size: 36px; font-weight: bold; margin-bottom: 10px;">Professional Network & Electrical Installation in Ethiopia</h1>
    
    <!-- Subheading -->
    <p style="font-size: 18px; margin-bottom: 20px;">Providing reliable solutions for homes, offices and industries</p>
    
    <!-- Buttons -->
    <a href="tel:0934484988" style="background-color: #ffc107; color: black; padding: 12px 25px; text-decoration: none; border-radius: 5px; margin-right: 10px;">Call Now</a>
    <a href="https://wa.me/092995863" style="background-color: #25D366; color: white; padding: 12px 25px; text-decoration: none; border-radius: 5px;">WhatsApp Us</a>
</div>

<!-- About & Services Section -->
<div style="padding: 50px 20px; text-align: center;">
    <h2 style="font-size: 28px; margin-bottom: 20px;">Welcome to Mesele Electric Installation!</h2>
    <p style="font-size: 16px; margin-bottom: 40px;">
        Managed by <strong>Mesele Berhe</strong>, we provide reliable network and electrical solutions for homes, commercial, and industrial clients in Ethiopia.
    </p>
    
    <!-- Services -->
    <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;">
        <div style="width: 300px; text-align: center;">
            <img src="network.jpg" alt="Network Installation" style="width: 100%; border-radius: 5px;">
            <h3>Network Installation</h3>
            <p>Structured cabling, Wi-Fi setup, and internet connections</p>
        </div>
        <div style="width: 300px; text-align: center;">
            <img src="electrical.jpg" alt="Electrical Installation" style="width: 100%; border-radius: 5px;">
            <h3>Electrical Installation</h3>
            <p>Residential, commercial, and industrial wiring and lighting</p>
        </div>
        <div style="width: 300px; text-align: center;">
            <img src="repair.jpg" alt="Maintenance & Repair" style="width: 100%; border-radius: 5px;">
            <h3>Maintenance & Repair</h3>
            <p>Quick troubleshooting and repair for network and electrical issues</p>
        </div>
    </div>
</div>