<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $pageTitle; ?> | Special Steels Indonesia</title>
    <meta name="description" content="<?php echo $pageDescription; ?>">
    <link rel="stylesheet" href="index.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap" rel="stylesheet">
</head>

<body>
    <header>
        <div class="container">
            <a href="index.php" class="logo">SPECIAL <span style="color:#fff">STEELS</span></a>
            <nav>
                <ul>
                    <li><a href="index.php">Home</a></li>
                    <li>
                        <a href="#">Steels &blacktriangledown;</a>
                        <ul class="dropdown-menu">
                            <li><a href="machinery-steel.php">Machinery Steel</a></li>
                            <li><a href="carbon-steel.php">Carbon Steels</a></li>
                            <li><a href="tool-steel.php">Tool Steels</a></li>
                            <li><a href="stainless-steel.php">Stainless Steels</a></li>
                            <li><a href="high-speed-steel.php">High Speed Tool Steel</a></li>
                        </ul>
                    </li>
                    <li><a href="heat-treatment.php">Heat Treatment</a></li>
                    <li><a href="welding.php">Welding</a></li>
                    <li><a href="articles.php">Articles</a></li>
                    <li style="margin-left: 10px;">
                        <form action="articles.php" method="GET" style="display: flex; align-items: center;">
                            <input type="text" name="q" placeholder="Search..."
                                style="padding: 5px 10px; border-radius: 20px; border: 1px solid #444; background: #222; color: #fff; width: 150px; outline: none;">
                        </form>
                    </li>
                </ul>
            </nav>
        </div>
    </header>