<a href="#food-gallery">🍽 Popular Dishes</a>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="Chinese takeaway, Chinese food, best Chinese, Chinese restaurant, fast food, Chinese near me, Asian cuisine, Gordon's Kitchen, takeaway Manchester">
    <title>Gordon's Kitchen - Best Chinese Takeaway</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon2.png">
    <style>
        /* 通用样式 */
        body {
            font-family: Arial, sans-serif;
            background-color: #f8f8f8;
            margin: 0;
            padding: 0;
            text-align: center;
            color: #333;
        }
        header {
            background: #8B0000;
            color: white;
            padding: 15px 0;
            font-size: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        header img {
            height: 50px;
            margin-right: 10px;
        }
        nav {
            display: flex;
            justify-content: center;
            background: black;
            padding: 12px 0;
            flex-wrap: wrap;
        }

nav a {
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.5; /* 确保所有按钮的高度一致 */
    display: flex;
    align-items: center;
    justify-content: center;
}
        nav a:hover {
            background: #D32F2F;
        }
        .content {
            max-width: 1200px;
            margin: 20px auto;
            background: white;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
        }
        .food-gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            padding: 10px;
        }
        .food-gallery img {
            width: 250px;
            height: 180px;
            border-radius: 8px;
        }
        footer {
            background: #8B0000;
            color: white;
            padding: 10px;
            margin-top: 20px;
        }

        /* 移动端优化 */
        @media (max-width: 768px) {
            nav {
                flex-direction: column;
                align-items: center;
            }
            nav a {
                padding: 8px;
                font-size: 16px;
            }
            .food-gallery img {
                width: 100%;
                height: auto;
            }
        }
    </style>
</head>
<body>

    <!-- 头部 -->
    <header>
        <img src="img/Salt pepper chips.jpg" alt="Salt Pepper Chips Logo">
        Gordon's Kitchen
    </header>

    <!-- 导航菜单 -->
    <nav>
        <a href="Menu_GK_ 2018.pdf">📜 Desktop Menu</a>
        <a href="Menu_GK_ 2018_Mob.pdf">📱 Mobile View</a>
        <a href="https://www.tiktok.com/@gordonskitchen">🎥 Food Videos</a>
     <a href="https://maps.google.co.uk/maps?q=gordon+kitchen"> 📍 Find Us </a>
        <a class="call-button" href="tel:01618393836">📞 Call Us</a>
    </nav>

    <!-- 内容部分 -->
    <div class="content">
        <h2>welcome to the</h2>
        <p>Authentic and delicious Chinese takeaway in Manchester.</p>

        <!-- 美食图片展示 -->
        <h3 id="food-gallery">🍜 Popular Dishes</h3>
        <div class="food-gallery">
            <img src="img/Salt pepper chips.jpg" alt="Salt Pepper Chips">
            <img src="img/Rib.JPG" alt="BBQ Ribs">
            <img src="img/ch pice.JPG" alt="Chicken Rice">
        </div>
    </div>

    <!-- 页脚 -->
    <footer>© 2025 Gordon's Kitchen - Best Chinese Takeaway in Manchester</footer>

</body>
</html>