专业工作室 - 设计与开发服务 | 网页设计 | 移动应用

<!DOCTYPE html>
<html>
<head>
    <title>专业工作室 - 设计与开发服务 | 网页设计 | 移动应用 | 品牌推广</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            margin: 0;
            padding: 0;
        }
<pre><code>    header {
        background-color: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
    }

    nav {
        background-color: #555;
        color: #fff;
        padding: 10px;
        text-align: center;
    }

    nav a {
        color: #fff;
        text-decoration: none;
        margin: 10px;
    }

    section {
        padding: 20px;
    }

    footer {
        background-color: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
    }
&lt;/style&gt;
</code></pre>
</head>
<body>
    <header>
        <h1>欢迎来到专业工作室</h1>
    </header>
<pre><code>&lt;nav&gt;
    &lt;a href=&quot;#about&quot;&gt;关于我们&lt;/a&gt;
    &lt;a href=&quot;#services&quot;&gt;服务&lt;/a&gt;
    &lt;a href=&quot;#portfolio&quot;&gt;作品&lt;/a&gt;
    &lt;a href=&quot;#contact&quot;&gt;联系我们&lt;/a&gt;
&lt;/nav&gt;

&lt;section id=&quot;about&quot;&gt;
    &lt;h2&gt;关于我们&lt;/h2&gt;
    &lt;p&gt;我们是一家专业的工作室，致力于提供高质量的设计和开发服务。&lt;/p&gt;
&lt;/section&gt;

&lt;section id=&quot;services&quot;&gt;
    &lt;h2&gt;服务&lt;/h2&gt;
    &lt;ul&gt;
        &lt;li&gt;网页设计与开发&lt;/li&gt;
        &lt;li&gt;移动应用开发&lt;/li&gt;
        &lt;li&gt;品牌设计与推广&lt;/li&gt;
        &lt;li&gt;电子商务解决方案&lt;/li&gt;
    &lt;/ul&gt;
&lt;/section&gt;

&lt;section id=&quot;portfolio&quot;&gt;
    &lt;h2&gt;作品&lt;/h2&gt;
    &lt;p&gt;以下是我们过去的一些项目：&lt;/p&gt;
    &lt;ul&gt;
        &lt;li&gt;项目1&lt;/li&gt;
        &lt;li&gt;项目2&lt;/li&gt;
        &lt;li&gt;项目3&lt;/li&gt;
        &lt;li&gt;项目4&lt;/li&gt;
    &lt;/ul&gt;
&lt;/section&gt;

&lt;section id=&quot;contact&quot;&gt;
    &lt;h2&gt;联系我们&lt;/h2&gt;
    &lt;p&gt;如果您有任何问题或合作需求，请随时联系我们：&lt;/p&gt;
    &lt;p&gt;Email: info@studio.com&lt;/p&gt;
    &lt;p&gt;电话: 123-456-7890&lt;/p&gt;
&lt;/section&gt;

&lt;footer&gt;
    &lt;p&gt;版权所有 &amp;copy; 2022 专业工作室&lt;/p&gt;
&lt;/footer&gt;
</code></pre>
</body>
</html>