263 lines
12 KiB
HTML
263 lines
12 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/styles.css">
|
||
<link rel="stylesheet" href="css/navigation.css">
|
||
<link rel="stylesheet" href="css/carousel.css">
|
||
<link rel="stylesheet" href="css/news.css">
|
||
<link rel="stylesheet" href="css/footer.css">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<header class="header">
|
||
<div class="container">
|
||
<div class="logo">
|
||
<img src="https://resources.jsmo.xin/templates/upload/34449/202401/1704161701959.png" alt="猎狐企服Logo">
|
||
<h1>猎狐企服</h1>
|
||
</div>
|
||
<nav class="main-nav">
|
||
<ul class="nav-menu">
|
||
<div class="nav-top">
|
||
<li class="nav-item"><a href="#" class="nav-link">关于我们</a></li>
|
||
<li class="nav-item"><a href="#" class="nav-link">新闻动态</a></li>
|
||
<li class="nav-item"><a href="#" class="nav-link">联系我们</a></li>
|
||
</div>
|
||
<div class="nav-bottom">
|
||
<!-- 一级菜单: 数字化企业服务 -->
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">数字化企业服务</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="dropdown-item">
|
||
<a href="#">网络营销业务线</a>
|
||
<ul class="sub-dropdown">
|
||
<li class="sub-dropdown-item">
|
||
<a href="#">腾讯广告事业部</a>
|
||
<ul class="sub-sub-dropdown">
|
||
<li class="sub-sub-dropdown-item"><a href="#">信息流</a></li>
|
||
<li class="sub-sub-dropdown-item"><a href="#">短视频</a></li>
|
||
<li class="sub-sub-dropdown-item"><a href="#">搜索（搜狗）</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="sub-dropdown-item">
|
||
<a href="#">平台媒体事业部</a>
|
||
<ul class="sub-sub-dropdown">
|
||
<li class="sub-sub-dropdown-item"><a href="#">快手项目部</a></li>
|
||
<li class="sub-sub-dropdown-item"><a href="#">360项目部</a></li>
|
||
<li class="sub-sub-dropdown-item"><a href="#">阿里汇川项目部</a></li>
|
||
<li class="sub-sub-dropdown-item"><a href="#">高德项目部</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-item">
|
||
<a href="#">软件管理业务线</a>
|
||
<ul class="sub-dropdown">
|
||
<li class="sub-dropdown-item"><a href="#">用友事业部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">钉钉项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">企微项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">飞书项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">有赞项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">CRM项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">技术开发部</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-item">
|
||
<a href="#">财税法务业务线</a>
|
||
<ul class="sub-dropdown">
|
||
<li class="sub-dropdown-item"><a href="#">八盾法务</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">八盾资产</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">贝壳财税</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<!-- 一级菜单: 电商及MCN -->
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">电商及MCN</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="dropdown-item">
|
||
<a href="#">直播电商事业部</a>
|
||
<ul class="sub-dropdown">
|
||
<li class="sub-dropdown-item"><a href="#">选品招商</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">溯源专场</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">供应链金融</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-item">
|
||
<a href="#">达人运营事业部</a>
|
||
<ul class="sub-dropdown">
|
||
<li class="sub-dropdown-item"><a href="#">达人商务</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">账号运营</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">直播运营</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="dropdown-item">
|
||
<a href="#">平台电商事业部</a>
|
||
<ul class="sub-dropdown">
|
||
<li class="sub-dropdown-item"><a href="#">拼多多项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">淘天项目部</a></li>
|
||
<li class="sub-dropdown-item"><a href="#">京东项目部</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<!-- 一级菜单: 文旅与大健康 -->
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">文旅与大健康</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="dropdown-item"><a href="#">悦客嘉酒店管理</a></li>
|
||
<li class="dropdown-item"><a href="#">昆大干细胞</a></li>
|
||
<li class="dropdown-item"><a href="#">邱氏百年中医推拿</a></li>
|
||
<li class="dropdown-item"><a href="#">袋鼠齿盟</a></li>
|
||
</ul>
|
||
</li>
|
||
<!-- 一级菜单: 平台运营管理 -->
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">平台运营管理</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="dropdown-item"><a href="#">长企网</a></li>
|
||
<li class="dropdown-item"><a href="#">八盾资产</a></li>
|
||
<li class="dropdown-item"><a href="#">礼猫猫</a></li>
|
||
<li class="dropdown-item"><a href="#">云纺科技园</a></li>
|
||
<li class="dropdown-item"><a href="#">昆明细胞产业园</a></li>
|
||
<li class="dropdown-item"><a href="#">云南数字企业平台</a></li>
|
||
<li class="dropdown-item"><a href="#">云南省互联网零售业协会</a></li>
|
||
</ul>
|
||
</li>
|
||
<!-- 一级菜单: 品牌与投资 -->
|
||
<li class="nav-item">
|
||
<a href="#" class="nav-link">品牌与投资</a>
|
||
<ul class="dropdown-menu">
|
||
<li class="dropdown-item"><a href="#">佳贝佳</a></li>
|
||
<li class="dropdown-item"><a href="#">贝成教育</a></li>
|
||
<li class="dropdown-item"><a href="#">云南小花</a></li>
|
||
<li class="dropdown-item"><a href="#">果小福</a></li>
|
||
<li class="dropdown-item"><a href="#">夏小熊</a></li>
|
||
</ul>
|
||
</li>
|
||
</div>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- 轮播图 -->
|
||
<section class="carousel-container">
|
||
<div class="carousel-slides">
|
||
<div class="carousel-slide active">
|
||
<img src="https://resources.jsmo.xin/templates/upload/34449/202401/1705058156515.jpg" alt="企业展示1">
|
||
<div class="carousel-caption">
|
||
<h2>数字化转型领导者</h2>
|
||
<p>为企业提供全方位的数字化解决方案，助力企业实现数字化转型升级。</p>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-slide">
|
||
<img src="https://resources.jsmo.xin/templates/upload/34449/202401/1705058071139.jpg" alt="企业展示2">
|
||
<div class="carousel-caption">
|
||
<h2>创新驱动发展</h2>
|
||
<p>以创新为驱动力，为企业带来持续增长的动力。</p>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-slide">
|
||
<img src="https://resources.jsmo.xin/templates/upload/34449/202401/1705058127381.jpg" alt="企业展示3">
|
||
<div class="carousel-caption">
|
||
<h2>专业服务团队</h2>
|
||
<p>拥有经验丰富的专业团队，为客户提供高质量的服务支持。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-controls">
|
||
<button class="carousel-control prev">‹</button>
|
||
<button class="carousel-control next">›</button>
|
||
</div>
|
||
<div class="carousel-indicators">
|
||
<button class="indicator active"></button>
|
||
<button class="indicator"></button>
|
||
<button class="indicator"></button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻动态 -->
|
||
<section class="news-section">
|
||
<div class="container">
|
||
<h2 class="section-title">新闻动态</h2>
|
||
<div class="news-container">
|
||
<div class="featured-news">
|
||
<div class="news-image">
|
||
<img src="https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg" alt="新闻图片">
|
||
</div>
|
||
<div class="news-content">
|
||
<h3 class="news-title">公司成功举办2024年数字化转型峰会</h3>
|
||
<p class="news-date">2024-03-15</p>
|
||
<p class="news-summary">在本次峰会上，来自各行业的专家和企业代表共同探讨了数字化转型的最新趋势和实践经验，为企业数字化发展提供了新的思路和方向。</p>
|
||
<a href="#" class="read-more">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
<div class="news-list">
|
||
<h3>最新动态</h3>
|
||
<ul>
|
||
<li>
|
||
<a href="#">公司与某知名企业达成战略合作</a>
|
||
<span class="list-date">2024-03-10</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">新一代企业管理系统正式发布</a>
|
||
<span class="list-date">2024-03-05</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">公司荣获"年度最具创新力企业"称号</a>
|
||
<span class="list-date">2024-02-28</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">2024年度客户服务体系升级计划启动</a>
|
||
<span class="list-date">2024-02-20</span>
|
||
</li>
|
||
</ul>
|
||
<a href="#" class="view-all">查看全部</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="footer-main">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<img src="https://resources.jsmo.xin/templates/upload/34449/202401/1704161701959.png" alt="猎狐企服Logo">
|
||
<h2>猎贝狐企服</h2>
|
||
<p class="company-slogan">数字化企业服务领导者</p>
|
||
</div>
|
||
<div class="footer-contact">
|
||
<h3>联系我们</h3>
|
||
<ul>
|
||
<li><i class="icon-location"></i>地址：云南省昆明市某某区某某街道123号</li>
|
||
<li><i class="icon-phone"></i>电话：0871-12345678</li>
|
||
<li><i class="icon-email"></i>邮箱：contact@company.com</li>
|
||
</ul>
|
||
<div class="social-media">
|
||
<a href="#"><i class="icon-weixin"></i></a>
|
||
<a href="#"><i class="icon-weibo"></i></a>
|
||
<a href="#"><i class="icon-douyin"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="container">
|
||
<p class="copyright">© 2024 猎狐企服 版权所有</p>
|
||
<p class="icp">滇ICP备12345678号-1</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/navigation.js"></script>
|
||
<script src="js/carousel.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |