jiahong
298 lines
13 KiB
HTML
298 lines
13 KiB
HTML
<!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="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<!-- 导航栏 -->
|
|
<nav class="navbar" id="navbar">
|
|
<div class="container">
|
|
<div class="nav-brand">
|
|
<a href="/">
|
|
<span class="logo">🚀</span>
|
|
<span class="brand-text">科技创新</span>
|
|
</a>
|
|
</div>
|
|
<button class="nav-toggle" id="navToggle">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</button>
|
|
<ul class="nav-menu" id="navMenu">
|
|
<li><a href="#home" class="nav-link active">首页</a></li>
|
|
<li><a href="#solutions" 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="#investors" class="nav-link">投资者关系</a></li>
|
|
<li><a href="#contact" class="nav-link">联系我们</a></li>
|
|
</ul>
|
|
<div class="nav-contact">
|
|
<a href="tel:400-123-4567" class="nav-phone">
|
|
<span>📞</span>
|
|
<span>400-123-4567</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero 区域 -->
|
|
<section class="hero" id="home">
|
|
<div class="hero-content">
|
|
<h1 class="hero-title">引领未来，创造价值</h1>
|
|
<p class="hero-subtitle">专业的技术服务，助力企业数字化转型</p>
|
|
<div class="hero-buttons">
|
|
<a href="#services" class="btn btn-primary">了解服务</a>
|
|
<a href="#contact" class="btn btn-secondary">联系我们</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-scroll">
|
|
<span>向下滚动</span>
|
|
<div class="scroll-indicator"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 解决方案区域 -->
|
|
<section class="solutions" id="solutions">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">解决方案</h2>
|
|
<p class="section-subtitle">为不同行业提供专业的数字化解决方案</p>
|
|
</div>
|
|
<div class="solutions-grid">
|
|
<div class="solution-card">
|
|
<div class="solution-icon">🏭</div>
|
|
<h3 class="solution-title">智能制造</h3>
|
|
<p class="solution-description">工业4.0解决方案，实现生产全流程数字化管理，提升生产效率30%以上</p>
|
|
<ul class="solution-features">
|
|
<li>智能生产线监控</li>
|
|
<li>设备预测性维护</li>
|
|
<li>质量追溯系统</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">🏪</div>
|
|
<h3 class="solution-title">智慧零售</h3>
|
|
<p class="solution-description">新零售数字化解决方案，打通线上线下，提升客户体验和运营效率</p>
|
|
<ul class="solution-features">
|
|
<li>全渠道会员管理</li>
|
|
<li>智能库存优化</li>
|
|
<li>精准营销系统</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">🏥</div>
|
|
<h3 class="solution-title">智慧医疗</h3>
|
|
<p class="solution-description">医疗健康数字化解决方案，优化诊疗流程，提升医疗服务质量</p>
|
|
<ul class="solution-features">
|
|
<li>电子病历系统</li>
|
|
<li>远程诊疗平台</li>
|
|
<li>医疗资源调度</li>
|
|
</ul>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">🏫</div>
|
|
<h3 class="solution-title">智慧教育</h3>
|
|
<p class="solution-description">教育行业数字化解决方案，构建智慧校园，提升教学管理效率</p>
|
|
<ul class="solution-features">
|
|
<li>在线教学平台</li>
|
|
<li>智慧校园管理</li>
|
|
<li>教育数据分析</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 服务区域 -->
|
|
<section class="services" id="services">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">我们的服务</h2>
|
|
<p class="section-subtitle">为企业提供全方位的技术解决方案</p>
|
|
</div>
|
|
<div class="services-grid" id="servicesGrid">
|
|
<!-- 服务卡片将通过 JavaScript 动态加载 -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 关于我们 -->
|
|
<section class="about" id="about">
|
|
<div class="container">
|
|
<div class="about-content">
|
|
<div class="about-text">
|
|
<h2 class="section-title">关于我们</h2>
|
|
<p class="about-description">
|
|
科技创新有限公司成立于2015年，是一家专注于企业数字化转型的技术服务公司。
|
|
我们拥有500+专业技术人才，服务超过1000家企业客户。
|
|
</p>
|
|
<div class="about-stats">
|
|
<div class="stat-item">
|
|
<span class="stat-number">8+</span>
|
|
<span class="stat-label">年行业经验</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">500+</span>
|
|
<span class="stat-label">专业团队</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<span class="stat-number">1000+</span>
|
|
<span class="stat-label">企业客户</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="about-image">
|
|
<div class="image-placeholder">
|
|
<span>🏢</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 投资者关系 -->
|
|
<section class="investors" id="investors">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">投资者关系</h2>
|
|
<p class="section-subtitle">透明、诚信、持续创造价值</p>
|
|
</div>
|
|
<div class="investors-content">
|
|
<div class="investors-info">
|
|
<div class="stock-info">
|
|
<h3>股票信息</h3>
|
|
<div class="stock-card">
|
|
<div class="stock-name">科技创新</div>
|
|
<div class="stock-code">600888.SH</div>
|
|
<div class="stock-price">
|
|
<span class="price">28.56</span>
|
|
<span class="currency">CNY</span>
|
|
<span class="change positive">+2.35%</span>
|
|
</div>
|
|
<div class="stock-date">更新时间：2024-02-14 15:00</div>
|
|
</div>
|
|
</div>
|
|
<div class="investors-links">
|
|
<h3>投资者服务</h3>
|
|
<div class="links-grid">
|
|
<a href="#" class="investor-link">
|
|
<span class="link-icon">📊</span>
|
|
<span>财务报告</span>
|
|
</a>
|
|
<a href="#" class="investor-link">
|
|
<span class="link-icon">📢</span>
|
|
<span>公司公告</span>
|
|
</a>
|
|
<a href="#" class="investor-link">
|
|
<span class="link-icon">📅</span>
|
|
<span>投资者日历</span>
|
|
</a>
|
|
<a href="#" class="investor-link">
|
|
<span class="link-icon">💬</span>
|
|
<span>投资者问答</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="investors-highlights">
|
|
<h3>业绩亮点</h3>
|
|
<div class="highlights-grid">
|
|
<div class="highlight-item">
|
|
<div class="highlight-value">¥12.8亿</div>
|
|
<div class="highlight-label">2023年营收</div>
|
|
<div class="highlight-growth">同比增长 35%</div>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<div class="highlight-value">¥2.1亿</div>
|
|
<div class="highlight-label">净利润</div>
|
|
<div class="highlight-growth">同比增长 42%</div>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<div class="highlight-value">28%</div>
|
|
<div class="highlight-label">研发投入占比</div>
|
|
<div class="highlight-growth">行业领先</div>
|
|
</div>
|
|
<div class="highlight-item">
|
|
<div class="highlight-value">0.8元</div>
|
|
<div class="highlight-label">每股分红</div>
|
|
<div class="highlight-growth">分红率 45%</div>
|
|
</div>
|
|
</div>
|
|
<div class="investors-contact">
|
|
<h4>投资者联系</h4>
|
|
<p><strong>证券事务部：</strong>investors@tech-innovation.com</p>
|
|
<p><strong>联系电话：</strong>400-123-4568</p>
|
|
<p><strong>办公地址：</strong>北京市朝阳区科技园区A座1002室</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 联系我们 -->
|
|
<section class="contact" id="contact">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">联系我们</h2>
|
|
<p class="section-subtitle">期待与您的合作</p>
|
|
</div>
|
|
<div class="contact-content">
|
|
<div class="contact-info">
|
|
<div class="contact-item">
|
|
<span class="contact-icon">📍</span>
|
|
<div>
|
|
<h4>地址</h4>
|
|
<p>北京市朝阳区科技园区A座1001</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<span class="contact-icon">📞</span>
|
|
<div>
|
|
<h4>电话</h4>
|
|
<p>400-123-4567</p>
|
|
</div>
|
|
</div>
|
|
<div class="contact-item">
|
|
<span class="contact-icon">✉️</span>
|
|
<div>
|
|
<h4>邮箱</h4>
|
|
<p>contact@tech-innovation.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form class="contact-form" id="contactForm">
|
|
<div class="form-group">
|
|
<input type="text" id="name" name="name" placeholder="您的姓名" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="email" id="email" name="email" placeholder="您的邮箱" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<textarea id="message" name="message" 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-brand">
|
|
<span class="logo">🚀</span>
|
|
<span>科技创新有限公司</span>
|
|
</div>
|
|
<p class="footer-copyright">
|
|
© 2024 科技创新有限公司. 保留所有权利.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|