写一个工作室网站源码

这是一个简单的工作室网站的源码示例：

HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>工作室网站</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#services">服务</a></li>
                <li><a href="#portfolio">作品集</a></li>
                <li><a href="#contact">联系方式</a></li>
            </ul>
        </nav>
    </header>

    <section id="about">
        <h2>关于我们</h2>
        <p>这是一个专业的工作室，致力于为客户提供高质量的设计和开发服务。</p>
    </section>

    <section id="services">
        <h2>服务</h2>
        <ul>
            <li>网站设计和开发</li>
            <li>移动应用开发</li>
            <li>品牌设计</li>
            <li>数字营销</li>
        </ul>
    </section>

    <section id="portfolio">
        <h2>作品集</h2>
        <div class="portfolio-item">
            <img src="portfolio1.jpg" alt="作品1">
            <h3>作品1</h3>
        </div>
        <div class="portfolio-item">
            <img src="portfolio2.jpg" alt="作品2">
            <h3>作品2</h3>
        </div>
        <div class="portfolio-item">
            <img src="portfolio3.jpg" alt="作品3">
            <h3>作品3</h3>
        </div>
    </section>

    <section id="contact">
        <h2>联系方式</h2>
        <p>电话：1234567890</p>
        <p>邮箱：info@studio.com</p>
    </section>

    <footer>
        <p>版权所有 &copy; 2022 工作室网站</p>
    </footer>
</body>
</html>

CSS代码（style.css）：

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    padding: 20px;
    color: #fff;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

section {
    padding: 50px;
}

h2 {
    margin-bottom: 20px;
}

footer {
    background-color: #333;
    padding: 20px;
    color: #fff;
    text-align: center;
}

这个工作室网站包含了以下几个部分：

头部导航栏，包含关于我们、服务、作品集和联系方式的链接。
关于我们部分，简单介绍了工作室的定位和目标。
服务部分，列出了工作室提供的服务项目。
作品集部分，展示了工作室的几个作品，并附带了作品的标题。
联系方式部分，提供了工作室的电话和邮箱联系方式。
页脚部分，显示了版权信息。

请注意，这只是一个简单的示例源码，实际的工作室网站可能会更加复杂和丰富