<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自象限软件工作室</title>
    <link rel="stylesheet" href="styles.css">
    <link href="http://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="logo">
                <i class="fas fa-code"></i>
                <span>自象限软件工作室</span>
            </div>
            <ul class="nav-menu">
                <li><a href="#home" class="nav-link">首页</a></li>
                <li><a href="#services" class="nav-link">服务</a></li>
                <li><a href="#about" class="nav-link">关于</a></li>
                <li><a href="#contact" class="nav-link">联系</a></li>
            </ul>
            <div class="hamburger">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </div>
    </nav>

    <!-- 主页横幅 -->
    <section id="home" class="hero">
        <div class="hero-content">
            <h1 class="hero-title">
                创造<span class="gradient-text">数字未来</span>
            </h1>
            <p class="hero-subtitle">
                专业的软件开发团队，为您打造独特的数字化解决方案
            </p>
            <div class="hero-buttons">
                <a class="btn btn-primary" href="#contact" >开始合作</a>
            </div>
        </div>
        <div class="hero-visual">
            <div class="floating-card card-1">
                <i class="fas fa-mobile-alt"></i>
                <span>移动应用</span>
            </div>
            <div class="floating-card card-2">
                <i class="fas fa-laptop-code"></i>
                <span>Web开发</span>
            </div>
            <div class="floating-card card-3">
                <i class="fas fa-brain"></i>
                <span>AI解决方案</span>
            </div>
        </div>
    </section>

    <!-- 服务介绍 -->
    <section id="services" class="services">
        <div class="container">
            <h2 class="section-title">我们的服务</h2>
            <div class="services-grid">
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-mobile-alt"></i>
                    </div>
                    <h3>移动应用开发</h3>
                    <p>iOS和Android原生应用开发，跨平台解决方案</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h3>Web开发</h3>
                    <p>响应式网站设计，企业级Web应用开发</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-palette"></i>
                    </div>
                    <h3>UI/UX设计</h3>
                    <p>创新的界面设计，优秀的用户体验</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-cloud"></i>
                    </div>
                    <h3>云服务</h3>
                    <p>云架构设计，部署和维护服务</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-robot"></i>
                    </div>
                    <h3>人工智能</h3>
                    <p>AI解决方案，机器学习模型开发</p>
                </div>
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h3>数据分析</h3>
                    <p>大数据处理，商业智能解决方案</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于我们 -->
    <section id="about" class="about">
        <div class="container">
            <div class="about-content">
                <div class="about-text">
                    <h2>关于创新科技</h2>
                    <p>我们是一支充满激情的软件开发团队，致力于为客户提供最优质的数字化解决方案。凭借多年的行业经验和创新技术，积累了非常丰富的行业解决方案。</p>
                    <div class="stats">
                        <div class="stat-item">
                            <span class="stat-number">50+</span>
                            <span class="stat-label">完成项目</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number">50+</span>
                            <span class="stat-label">满意客户</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number">10+</span>
                            <span class="stat-label">年经验</span>
                        </div>
                    </div>
                </div>
                <div class="about-visual">
                    <div class="team-photo">
                        <i class="fas fa-users"></i>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 联系我们 -->
    <section id="contact" class="contact">
        <div class="container">
            <h2 class="section-title">联系我们</h2>
            <div class="contact-content">
                <div class="contact-info">
                    <div class="contact-item">
                        <i class="fas fa-envelope"></i>
                        <div>
                            <h4>邮箱</h4>
                            <p>mhlfywx@qq.com</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <i class="fas fa-phone"></i>
                        <div>
                            <h4>电话</h4>
                            <p>+86 19983049821</p>
                        </div>
                    </div>
                    <div class="contact-item">
                        <i class="fas fa-map-marker-alt"></i>
                        <div>
                            <h4>地址</h4>
                            <p>成都市高新区益州大道中段699号1栋5单元720号</p>
                        </div>
                    </div>
                </div>
                <form class="contact-form">
                    <div class="form-group">
                        <input type="text" placeholder="您的姓名" required>
                    </div>
                    <div class="form-group">
                        <input type="email" placeholder="您的邮箱" required>
                    </div>
                    <div class="form-group">
                        <input type="tel" placeholder="您的电话">
                    </div>
                    <div class="form-group">
                        <textarea placeholder="项目需求描述" rows="5" required></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">发送消息</button>
                </form>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <div class="logo">
                        <i class="fas fa-code"></i>
                        <span>自象限软件工作室</span>
                    </div>
                    <p>专业的软件开发服务，助力企业数字化转型</p>
                </div>
                <div class="footer-section">
                    <h4>服务</h4>
                    <ul>
                        <li><a href="#">移动应用开发</a></li>
                        <li><a href="#">Web开发</a></li>
                        <li><a href="#">UI/UX设计</a></li>
                        <li><a href="#">云服务</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系方式</h4>
                    <ul>
                        <li>邮箱：mhlfywx@qq.com</li>
                        <li>电话：+86 19983049821</li>
                        <li>地址：成都市高新区益州大道中段699号1栋5单元720号</li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 自象限软件工作室. 保留所有权利. 蜀ICP备2025164222号</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>