Targe Cable Consultants FZCO

&lt;!DOCTYPE html&gt;\
&lt;html lang="en"&gt;\
&lt;head&gt;\
&lt;meta charset="UTF-8"&gt;\
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;\
&lt;title&gt;Targe Cable Consultants FZCO&lt;/title&gt;\
&lt;style&gt;

- {\
  margin: 0;\
  padding: 0;\
  box-sizing: border-box;\
  }

body {\
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\
line-height: 1.6;\
color: #333;\
background: #f5f5f5;\
}

.container {\
max-width: 1100px;\
margin: 0 auto;\
padding: 0 20px;\
}

header {\
background: #1a1a2e;\
color: #fff;\
padding: 15px 0;\
}

header .container {\
display: flex;\
justify-content: space-between;\
align-items: center;\
}

.logo {\
font-size: 1.5rem;\
font-weight: 700;\
letter-spacing: 2px;\
}

nav a {\
color: #fff;\
text-decoration: none;\
margin-left: 25px;\
font-size: 0.95rem;\
opacity: 0.85;\
transition: opacity 0.2s;\
}

nav a:hover {\
opacity: 1;\
}

.hero {\
background: #1a1a2e;\
color: #fff;\
padding: 80px 0;\
text-align: center;\
}

.hero h1 {\
font-size: 2.2rem;\
margin-bottom: 15px;\
}

.hero p {\
font-size: 1.1rem;\
opacity: 0.85;\
max-width: 600px;\
margin: 0 auto 30px;\
}

.btn {\
display: inline-block;\
background: #e94560;\
color: #fff;\
padding: 12px 30px;\
text-decoration: none;\
border-radius: 4px;\
font-weight: 500;\
transition: background 0.2s;\
}

.btn:hover {\
background: #d63852;\
}

.page-header {\
background: #1a1a2e;\
color: #fff;\
padding: 50px 0;\
text-align: center;\
}

.page-header h1 {\
font-size: 1.8rem;\
}

.content {\
background: #fff;\
padding: 50px 0;\
}

.content h2 {\
text-align: center;\
margin-bottom: 30px;\
color: #1a1a2e;\
}

.cards {\
display: grid;\
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\
gap: 25px;\
}

.card {\
background: #f9f9f9;\
padding: 25px;\
border-radius: 6px;\
border: 1px solid #e0e0e0;\
}

.card h3 {\
color: #1a1a2e;\
margin-bottom: 10px;\
}

.service-list {\
max-width: 700px;\
margin: 0 auto;\
}

.service-item {\
padding: 20px 0;\
border-bottom: 1px solid #e0e0e0;\
}

.service-item:last-child {\
border-bottom: none;\
}

.service-item h3 {\
color: #1a1a2e;\
margin-bottom: 8px;\
}

footer {\
background: #1a1a2e;\
color: #aaa;\
text-align: center;\
padding: 20px 0;\
font-size: 0.85rem;\
}

@media (max-width: 600px) {\
header .container {\
flex-direction: column;\
gap: 10px;\
}\
nav a {\
margin: 0 10px;\
}\
.hero {\
padding: 50px 0;\
}\
.hero h1 {\
font-size: 1.6rem;\
}\
}\
&lt;/style&gt;\
&lt;/head&gt;\
&lt;body&gt;\
&lt;header&gt;\
&lt;div class="container"&gt;\
&lt;div class="logo"&gt;TARGE&lt;/div&gt;\
&lt;nav&gt;\
&lt;a href="index.html"&gt;Home&lt;/a&gt;\
&lt;a href="about.html"&gt;About&lt;/a&gt;\
&lt;a href="services.html"&gt;Services&lt;/a&gt;\
&lt;a href="projects.html"&gt;Projects&lt;/a&gt;\
&lt;a href="contact.html"&gt;Contact&lt;/a&gt;\
&lt;/nav&gt;\
&lt;/div&gt;\
&lt;/header&gt;

```
<section class="hero">
    <div class="container">
        <h1>Targe Cable Consultants FZCO</h1>
        <p>Subsea cable engineering, installation support, and technical consultancy</p>
        <a href="services.html" class="btn">Our Services</a>
    </div>
</section>

<section class="content">
    <div class="container">
        <h2>What We Do</h2>
        <div class="cards">
            <div class="card">
                <h3>Cable Engineering</h3>
                <p>Route engineering, burial assessment, and cable design review for subsea power and telecom projects.</p>
            </div>
            <div class="card">
                <h3>Installation Support</h3>
                <p>Onboard and shore-based support during cable lay, jointing, and protection operations.</p>
            </div>
            <div class="card">
                <h3>Technical Consultancy</h3>
                <p>Independent advice on cable specifications, contractor selection, and project risk.</p>
            </div>
        </div>
    </div>
</section>

<footer>
    <div class="container">
        <p>&copy; 2026 Targe Cable Consultants FZCO. All rights reserved.</p>
    </div>
</footer>
```

&lt;/body&gt;\
&lt;/html&gt;