Files
BlackFruit-UI/index.html
yiqiu beb14ac97b
All checks were successful
continuous-integration/drone/push Build is passing
更新
2025-11-21 18:04:02 +08:00

387 lines
16 KiB
HTML

{include file="header"}
<!-- 当前页面 -->
<link rel="stylesheet" href="/web/BlackFruit-web/css/index.css">
<link rel="stylesheet" href="/web/BlackFruit-web/css/viewer.min.css">
<script src="/web/BlackFruit-web/js/index.js"></script>
<script src="/web/BlackFruit-web/js/viewer.min.js"></script>
</head>
<body id="index">
<header>{include file="public/header"}</header>
<!-- banner -->
<section class="section banner">
<div class="swiper banner-cont">
<div class="swiper-wrapper" id="bannerWrapper"></div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 固定文案区域,使用第一张轮播图的标题/描述/按钮 -->
<div class="banner-text">
<div class="section-content">
<h1 id="bannerTitle"></h1>
<p class="banner-desc" id="bannerDesc"></p>
<a
class="btn btn2 btn-normal"
href="javascript:;"
id="bannerButton"
style="display: none;"
></a>
</div>
</div>
</div>
</div>
<div class="banner-s">
<div class="section-content banner-list">
<div class="banner-item" id="cloud-box">
<h5>云服务器专场</h5>
<p class="title-desc mt-10 mb-10">无数个人用户的共同选择</p>
<span class="banner-tag">4核8G仅需228元</span>
</div>
<div class="banner-item" id="domain-box">
<h5>域名注册</h5>
<p class="title-desc mt-10 mb-10">优选主流域名注册服务</p>
<span class="banner-tag">.top 88元起</span>
</div>
<div class="banner-item" id="cps-box">
<h5>CPS推广</h5>
<p class="title-desc mt-10 mb-10">多种产品高达30%高额佣金</p>
<span class="banner-tag">最高可返佣金5W</span>
</div>
<div class="banner-item" id="logon-box">
<h5>注册有礼</h5>
<p class="title-desc mt-10 mb-10">免费注册领取专属礼包</p>
<span class="banner-tag">价值2000元</span>
</div>
</div>
</div>
</section>
<!-- 服务内容 -->
<section class="section service">
<div class="section-content">
<div class="section-title">
<h2>备受信赖的云计算服务商</h2>
<div class="section-desc">主题云致力于为中小微企业提供全链业务上云解决方案,助力中国制造走向全球!</div>
</div>
<div class="service-content fboxCol">
<div class="fboxRow ">
<a href="./cloud.html" class="flex1">
<div class="service-box service-hot">
<h4 class="service-title">云服务器</h4>
<div class="title-desc">安全可靠、管理便捷的弹性计算服务,可随时变更计算资源,按需付费,降本增效。</div>
<div class="service-tag-group">
<div class="service-tag">弹性灵活</div>
<div class="service-tag">简单易用</div>
<div class="service-tag">秒级创建</div>
</div>
<div class="service-btn-group fboxWrap Xbetween Ycenter mt-30">
<div class="service-price font14 font-theme"><span></span><span
class="font24 font-weight">200</span><span>/3个月</span></div>
<div class="fboxWrap">
<div class="btn btn-normal-light mr-15">查看详情</div>
<div class="btn btn-normal">立即购买</div>
</div>
</div>
</div>
</a>
<a href="./dedicated.html" class="flex1">
<div class="service-box">
<h4 class="service-title">物理裸机</h4>
<div class="title-desc">可弹性伸缩的高性能计算服务,性能无损、安全隔离、分钟级极速交付。</div>
<div class="service-tag-group">
<div class="service-tag">高配硬件</div>
<div class="service-tag">性能无损</div>
<div class="service-tag">资源独享</div>
</div>
<div class="service-btn-group fboxWrap Xbetween Ycenter mt-30">
<div class="service-price font14 font-theme"><span></span><span
class="font24 font-weight">200</span><span>/3个月</span></div>
<div class="fboxWrap">
<div class="btn btn-normal-light mr-15">查看详情</div>
<div class="btn btn-normal">立即购买</div>
</div>
</div>
</div>
</a>
<a href="./domain.html" class="flex1">
<div class="service-box">
<h4 class="service-title">域名注册</h4>
<div class="title-desc">上百种域名后缀注册,智能查询、快速注册、实时生效、高性价比。</div>
<div class="service-tag-group">
<div class="service-tag">品类齐全</div>
<div class="service-tag">快速响应</div>
<div class="service-tag">实时生效</div>
</div>
<div class="service-btn-group fboxWrap Xbetween Ycenter mt-30">
<div class="service-price font14 font-theme"><span>.top ¥</span><span
class="font24 font-weight">200</span><span></span></div>
<div class="fboxWrap">
<div class="btn btn-normal-light mr-15">查看详情</div>
<!-- <div class="btn btn-normal">立即购买</div> -->
</div>
</div>
</div>
</a>
</div>
<div class="fboxRow">
<a href="./ssl.html" class="flex1">
<div class="service-box ">
<h4 class="service-title">SSL证书</h4>
<div class="title-desc">一站式安全证书服务,可在线快速签发多种品牌数字证书,保障数据安全</div>
<div class="service-tag-group">
<div class="service-tag">安全可信</div>
<div class="service-tag">快速签发</div>
<div class="service-tag">一站式服务</div>
</div>
</div>
</a>
<a href="./sms.html" class="flex1">
<div class="service-box ">
<h4 class="service-title">短信服务</h4>
<div class="title-desc">三网合一专属通道,支持快速发送短信验证码和短信通知, 到达率高达99%。</div>
<div class="service-tag-group">
<div class="service-tag">低成本</div>
<div class="service-tag">低时延</div>
<div class="service-tag">高覆盖</div>
</div>
</div>
</a>
<a href="./trademark.html" class="flex1">
<div class="service-box ">
<h4 class="service-title">商标注册</h4>
<div class="title-desc">提供商标查询、商标注册、商标续展等一站式高效服务,快速注册和管理商标。</div>
<div class="service-tag-group">
<div class="service-tag">专家指导</div>
<div class="service-tag">智能申报</div>
<div class="service-tag">高成功率</div>
</div>
</div>
</a>
</div>
<div class="fboxRow">
<a href="./trusteeship.html" class="flex1">
<div class="service-box ">
<h4 class="service-title">服务器托管</h4>
<div class="title-desc">依托全球高等级数据中心,提供高定制化、高可用性、高安全性的服务器托管服务。</div>
<div class="service-tag-group">
<div class="service-tag">双电接入</div>
<div class="service-tag">互联互通</div>
<div class="service-tag">多地区可选</div>
</div>
</div>
</a>
<a href="./rent.html" class="flex1">
<div class="service-box ">
<h4 class="service-title">机柜租用</h4>
<div class="title-desc">多条线路机房机柜,集冗余设计、高性能、可靠性、安全性和可扩展性于一身。</div>
<div class="service-tag-group">
<div class="service-tag">T3+数据中心</div>
<div class="service-tag">安全合规</div>
<div class="service-tag">灵活定制</div>
</div>
</div>
</a>
<a href="./icp.html" class="flex1">
<div class="service-box ">
<h4 class="service-title">ICP办理</h4>
<div class="title-desc">1V1备案处理服务机制,0元快速备案,备案过程0担忧。</div>
<div class="service-tag-group">
<div class="service-tag">全程跟进</div>
<div class="service-tag">高效便捷</div>
<div class="service-tag">极速下证</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- 解决方案 -->
<section class="section section-bg resolve">
<div class="section-content">
<div class="section-title">
<h2>全场景全栈解决方案</h2>
<div class="section-desc">专业构架师针对丰富的业务场景,为千行百业构建稳定、易用的高性价比解决方案。</div>
</div>
<div class="resolve-content ">
<div class="fboxRow">
<div class="resolve-box">
<a href="./solution/e-commerce.html">
<div>
<h4>电商</h4>
<div class="title-desc">有效应对大促带来的业务高并发问题,助力电商客户快速实现营销创新与业务增收。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
<div class="resolve-box">
<a href="./solution/finance.html">
<div>
<h4>金融</h4>
<div class="title-desc">助力金融机构打造面向垂直场景的创新方案,实现金融机构与用户之间的高效触达。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
<div class="resolve-box">
<a href="./solution/game.html">
<div>
<h4>游戏</h4>
<div class="title-desc">构建高质量、全方位、深度体验的游戏云平台,提升研发效率,增强交互体验。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
<div class="resolve-box">
<a href="./solution/auto.html">
<div>
<h4>汽车</h4>
<div class="title-desc">面向汽车行业提供全场景信息化解决方案,助力车企打造更开放的新型连接生态。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
</div>
<div class="fboxRow">
<div class="resolve-box">
<a href="./solution/travel.html">
<div>
<h4>文旅</h4>
<div class="title-desc">通过“科技+文化旅游”的融合创新及落地应用,推动文旅行业信息化、智慧化发展。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
<div class="resolve-box">
<a href="./solution/education.html">
<div>
<h4>教育</h4>
<div class="title-desc">实现数据互联、可视化、高交互的云上教育环境,打造云时代教育治理新模式。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
<div class="resolve-box">
<a href="./solution/medical.html">
<div>
<h4>医疗</h4>
<div class="title-desc">协助医疗机构打造资源共享、再利用、再生产的数据生态循环,提高资源配置效率。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
<div class="resolve-box">
<a href="./solution/agriculture.html">
<div>
<h4>农业</h4>
<div class="title-desc">助力农企构建智慧农业生产服务体系,提升农业精细化种植与管理水平。</div>
<p class="resolve-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- 服务实践 -->
<section class="section practice">
<div class="section-content">
<div class="section-title">
<h2>聚焦核心场景,助力数智升级</h2>
<div class="section-desc">主题云专注为各行业用户提供专业、智能、无忧的上云方案</div>
</div>
<div class="practice-content fboxRow" id="practiceBox">
</div>
<div class="fboxWrap brand-group fboxWrap" id="morPracticeBox" style="display: none;">
</div>
</div>
</section>
<!-- 安全合规、高速稳定的基础设施 -->
<section class="section section-base">
<div class="section-content">
<div class="section-title">
<h2>安全合规、高速稳定的基础设施</h2>
</div>
<div class="fboxRow base">
<div class="base-content mt-40">
<div class="fboxRow Ycenter mb-30">
<h2>20+</h2><span class="title-desc ml-10">国家地理区域</span>
</div>
<div class="fboxRow Ycenter mb-30">
<h2>60+</h2><span class="title-desc ml-10">可用区</span>
</div>
<div class="fboxRow Ycenter mb-30">
<h2>500+</h2><span class="title-desc ml-10">全球CDN节点</span>
</div>
<div class="fboxRow Ycenter mb-30">
<h2>1T+</h2><span class="title-desc ml-10">可承载DDOS攻击</span>
</div>
</div>
<img src="/web/BlackFruit-web/assets/img/index/map.png" alt="">
</div>
</div>
<div class="cert">
<div class="section-content cert-list fboxWrap" id="certBox">
</div>
</div>
</section>
<!-- 新闻 -->
<section class="section news">
<div class="section-content">
<div class="section-title">
<h2>新动向,新机遇</h2>
<div class="section-desc">最新发展动态、最热行业资讯,与主题云一起见证云时代精彩瞬间</div>
</div>
<div class="news-content fboxWrap">
<div class="news-cont">
<div class="news-head fboxRow Xbetween Yend">
<div class="news-title">官方公告</div>
<div class="news-more"><a href="./announce.html">更多</a><span class="iconfont icon-arrow-right"></span></div>
</div>
<div class="news-list" id="announceList">
</div>
</div>
<div class="news-cont">
<div class="news-head fboxRow Xbetween Yend">
<div class="news-title">新闻资讯</div>
<div class="news-more"><a href="./news.html">更多</a><span class="iconfont icon-arrow-right"></span></div>
</div>
<div class="news-list" id="newsList">
</div>
</div>
</div>
</div>
</section>
<div style="height: 0;">
<img id="viewer" alt="" style="display: none;">
</div>
{include file="footer"}