html5网络公司网站模板

<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.">网络公司</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }
        /* 流行标签 */
        body {
            line-height: 1.6;
            color: #333;
        }
        /* 网站标题 */
        h1 {
            text-align: center;
            margin-bottom: 2rem;
            font-size: 2.5rem;
            letter-spacing: 1px;
        }
        /* 流行标签 */
        .container {
            max-width: 12px;
            margin: 0 auto;
            padding: 2rem;
        }
        /* 列表样式 */
        .list-group {
            list-style: none;
        }
        .list-group li {
            margin-bottom: 2rem;
        }
        .list-group li a {
            color: #;
            text-decoration: none;
        }
        /* 公司简介 */
        .company-intro {
            background-color: #f7f7f7;
            padding: 4rem 2rem;
            text-align: center;
        }
        /* 产品和服务 */
        .products {
            margin: 4rem 0;
            padding: 2rem;
        }
        .product-item {
            background-color: #ffffff;
            padding: 2rem;
            margin-bottom: 1rem;
            border-radius: 5px;
            display: flex;
            align-items: center;
        }
        /* 联系信息 */
        .contact-info {
            background-color: #ffffff;
            padding: 4rem 2rem;
            text-align: center;
        }
        .contact-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
        }
        .contact-item input {
            padding: 0.5rem;
            border-radius: 3px;
            font-size: 1rem;
        }
        /* 公司名称 */
        .company-name {
            font-size: 2.5rem;
            color: #2c3e5;
            margin-bottom: 2rem;
        }
        /* 服务模块 */
        .services {
            margin: 4rem 0;
            padding: 2rem;
        }
        .service-item {
            background-color: #ffffff;
            padding: 2rem;
            margin-bottom: 1rem;
            border-radius: 5px;
            display: flex;
            align-items: center;
        }
        /* 流行标签 */
        .social-links {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 2rem;
        }
        .social-links a {
            color: #;
            font-size: 1.5rem;
            transition: color 0.3s;
        }
        .social-links a:hover {
            color: #;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>领先网络公司</h1>
        <div class="company-name">
            <h2>领先网络公司</h2>
            <p>领先网络公司是一家专业的网络公司，致力于为客户提供优质的网络产品和服务。</p>
        </div>
        <div class="company-intro">
            <h2>公司简介</h2>
            <p>
                聚焦于互联网时代的需求，领先网络公司致力于构建高效、安全、可靠的网络环境，公司以专业的团队、先进的技术和服务，为用户提供全方位的网络解决方案。
            </p>
        </div>
        <div class="products">
            <h2>我们的产品</h2>
            <div class="products">
                <!-- 产品图片 -->
                <div class="product-item">
                    <img src="图片1.jpg" alt="产品1">
                </div>
                <!-- 其他产品 -->
            </div>
        </div>
        <div class="contact-info">
            <h2>联系我们</h2>
            <div class="contact-item">
                <input type="email" placeholder="邮箱" name="email">
            </div>
            <div class="contact-item">
                <input type="tel" placeholder="电话" name="tel">
            </div>
            <div class="contact-item">
                <input type="text" placeholder="公司名称" name="name">
            </div>
            <div class="contact-item">
                <input type="email" placeholder="邮箱" name="email">
            </div>
        </div>
        <div class="social-links">
            <a href="#" class="social-link"><img src="https://www.png.co.uk/images/solid/copyright/128x128/8f962217-2225-4227-a5-a7129984646.jpg" alt="关注我们">关注我们</a>
            <a href="#" class="social-link"><img src="https://www.png.co.uk/images/solid/copyright/128x128/8f962217-2225-4227-a5-a7129984646.jpg" alt="点赞我们">点赞我们</a>
            <a href="#" class="social-link"><img src="https://www.png.co.uk/images/solid/copyright/128x128/8f962217-2225-4227-a5-a7129984646.jpg" alt="分享我们">分享我们</a>
        </div>
    </div>
</body>
</html>
这个 HTML5 网站模板包含以下部分：