245 lines
9.9 KiB
HTML
245 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="../imgs/home/logoicon.png">
|
||
<link rel="stylesheet" href="../css/header.css">
|
||
<link rel="stylesheet" href="../css/footer.css">
|
||
<link rel="stylesheet" href="../css/websiteDesign.css">
|
||
<title>深圳丰潇</title>
|
||
<script src="../js/header.js"></script>
|
||
<script src="../js/websiteDesign.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<header class="header">
|
||
<div class="logo">
|
||
<img src="../imgs/home/logo.png" alt="logo">
|
||
</div>
|
||
<div class="nav">
|
||
<ul class="nav-list">
|
||
<li class="nav-item">
|
||
<a href="../index.html" class="nav-link ">
|
||
首页
|
||
</a>
|
||
</li>
|
||
<li class="nav-item nav-dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
|
||
<a href="#" class="nav-link active">
|
||
主营业务 <span class="arrow" aria-hidden="true"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" aria-label="主营业务下拉菜单">
|
||
<li><a href="#" class="menu-active">网站设计 <div class="dropdown-item"></div></a></li>
|
||
<li><a href="./aimodel.html">企业AI模型训练与接入技术服务 <div class="dropdown-item"></div></a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./technicalSupport.html" class="nav-link ">
|
||
支持与服务
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="./aboutUs.html" class="nav-link ">
|
||
关于丰潇
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-item contactUs">
|
||
<a href="mailto:zmz@yxsilicon.com" class="nav-link emailBox">
|
||
<span>联系我们</span>
|
||
<div class="contactUs-email">
|
||
<img src="../imgs/home/email.svg" alt="email">
|
||
</div>
|
||
</a>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<div class="dropdown-mask" tabindex="0" aria-label="下拉菜单遮罩层"></div>
|
||
</div>
|
||
|
||
|
||
</header>
|
||
|
||
<section class="banner">
|
||
|
||
<div class="banner-top">
|
||
<div class="banner-top-content">
|
||
<p>网站设计方案</p>
|
||
<p>实施技术服务</p>
|
||
<p>我们为企业客户提供从网站策划、视觉设计、前后端开发到部署运维的一站式网站建设解决方案，助力客户打造专业、高效、安全的互联网门户或交易平台。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="banner-bottom">
|
||
<div class="carousel-container" >
|
||
<div class="carousel-fade left"></div>
|
||
<div class="carousel-track">
|
||
<!-- 项目将通过JS动态添加 -->
|
||
</div>
|
||
<div class="carousel-fade right"></div>
|
||
|
||
</div>
|
||
<div class="carousel-dots">
|
||
<!-- 圆点将通过JS动态添加 -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="website-design-content">
|
||
<div class="list-item leftItem">
|
||
<img src="../imgs/website/list1.png" alt="网站策划与原型设计">
|
||
<div>
|
||
<h3>网站策划与原型设计</h3>
|
||
<p>需求调研、用户体验分析、信息架构设计、原型图设计</p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="right-arrow ">
|
||
<img src="../imgs/website/right.svg" alt="arrow">
|
||
</div>
|
||
|
||
|
||
<div class="list-item">
|
||
<div>
|
||
<h3>UI 视觉设计</h3>
|
||
<p>品牌风格提取、界面视觉统一、组件系统构建、高保真稿输出</p>
|
||
</div>
|
||
<img src="../imgs/website/list2.png" alt="UI 视觉设计">
|
||
</div>
|
||
|
||
<div class="right-arrow ">
|
||
<img class="left-arrow" src="../imgs/website/right.svg" alt="arrow">
|
||
</div>
|
||
|
||
<div class="list-item leftItem">
|
||
<img style="width: 30vw;" src="../imgs/website/list3.png" alt="前端开发">
|
||
<div>
|
||
<h3>前端开发</h3>
|
||
<p>采用 Vue/React 框架构建响应式页面，兼容多终端设备，进行性能优化与 SEO 支持</p>
|
||
</div>
|
||
</div>
|
||
<div class="right-arrow ">
|
||
<img src="../imgs/website/right.svg" alt="arrow">
|
||
</div>
|
||
<div class="list-item">
|
||
<div>
|
||
<h3>后端开发</h3>
|
||
<p>基于 Node.js (中小型项目) / Spring（企业级项目） 开发业务逻辑与 API 接口，支持 MySQL/MongoDB 数据库</p>
|
||
</div>
|
||
<img src="../imgs/website/list4.png" alt="后端开发">
|
||
</div>
|
||
<div class="right-arrow ">
|
||
<img class="left-arrow" src="../imgs/website/right.svg" alt="arrow">
|
||
</div>
|
||
|
||
<div class="list-item leftItem">
|
||
<img style="width: 30vw;" src="../imgs/website/list5.png" alt="系统部署与上线">
|
||
<div>
|
||
<h3>系统部署与上线</h3>
|
||
<p>部署至云服务器（如阿里云、腾讯云等），配置 CI/CD 流程，提供安全加固与监控运维支持</p>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
|
||
<section class="serviceProcess">
|
||
<h3>我们的服务流程</h3>
|
||
<p>客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。</p>
|
||
|
||
<ul class="process-list">
|
||
<li class="process-item">
|
||
<img src="../imgs/website/process1.svg" alt="需求沟通">
|
||
<h3>需求沟通</h3>
|
||
<p>通过电话、QQ、微信或者面谈了解你的需求</p>
|
||
<div class="process-item-number">
|
||
<span>01</span>
|
||
</div>
|
||
</li>
|
||
<li class="process-item">
|
||
<img src="../imgs/website/process2.svg" alt="分析策划">
|
||
<h3>分析策划</h3>
|
||
<p>根据你的需求，市场和面向的用户群体进行分析，确定一个适合您的解决方案</p>
|
||
<div class="process-item-number">
|
||
<span>02</span>
|
||
</div>
|
||
</li>
|
||
<li class="process-item">
|
||
<img src="../imgs/website/process3.svg" alt="合同签定">
|
||
<h3>合同签定</h3>
|
||
<p>签定双方一个认可的协议，让合作更加畅快，保证不会产生任何纠纷</p>
|
||
<div class="process-item-number">
|
||
<span>03</span>
|
||
</div>
|
||
</li>
|
||
<li class="process-item">
|
||
<img src="../imgs/website/process4.svg" alt="网站建设">
|
||
<h3>网站建设</h3>
|
||
<p>开始制作工作，包括首页设计、内页设计、前端制作、程序开发、网站测试</p>
|
||
<div class="process-item-number">
|
||
<span>04</span>
|
||
</div>
|
||
</li>
|
||
<li class="process-item">
|
||
<img src="../imgs/website/process5.svg" alt="需求调研">
|
||
<h3>验收上线</h3>
|
||
<p>网站制作并测试完成后交付验收，如无问题支付尾款上线</p>
|
||
<div class="process-item-number">
|
||
<span>05</span>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
|
||
</section>
|
||
<section class="serviceBox">
|
||
<div class="serviceBox-content">
|
||
<img src="../imgs/home/list1.png" alt="7*24小时服务">
|
||
<img src="../imgs/home/list2.png" alt="专业技术服务">
|
||
<img src="../imgs/home/list3.png" alt="全周期解决方案">
|
||
|
||
</div>
|
||
</section >
|
||
|
||
|
||
|
||
|
||
|
||
<section class="footer">
|
||
<ul class="footer-list">
|
||
<li class="footer-list-item">
|
||
<img class="footer-logo" src="../imgs/home/footerlogo.png" alt="logo">
|
||
</li>
|
||
<li class="footer-list-item item-textBOX">
|
||
<div class="footer-list-item-text">
|
||
深圳丰潇技术服务有限公司是一家专注于网站设计与 AI 模型训练的企业，为客户提供全方位的技术服务支持。我们秉承“专业、创新、高效”的理念，致力于帮助客户实现业务目标，提升企业竞争力。
|
||
</div>
|
||
</li>
|
||
<li class="footer-list-item item-nav">
|
||
<p>主营业务</p>
|
||
<p style="margin-top: 5vh;"> <a href="./websiteDesign.html">网站设计</a></p>
|
||
<p style="margin-top: 5vh;"> <a href="./aimodel.html">企业 AI 模型训练与接入技术服务</a></p>
|
||
</li>
|
||
<li class="footer-list-item item-nav">
|
||
<p>和我们取得联系</p>
|
||
<p style="margin-top: 5vh;"> <img src="../imgs/home/positioning.svg" alt=""> 地址：<a
|
||
href="./html/websiteDesign.html"></a></p>
|
||
<p style="margin-top: 5vh;"><img src="../imgs/home/footeremail.svg" alt=""> 邮箱： <a
|
||
href="./html/websiteDesign.html"></a></p>
|
||
</li>
|
||
</ul>
|
||
<!-- <a class="record" href="https://beian.miit.gov.cn/#/Integrated/index">粤ICP备2021012067号-2</a> -->
|
||
<div class="footer-bottom">
|
||
<p>Copyright ©深圳丰潇技术服务有限公司 版权所有</p>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |