代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="zh">
<head>
<!-- Page title -->
<title>思辰科技</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Style -->
<link rel="stylesheet" href="css/theme.css">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- /Preloader -->
<!-- Header -->
<header id="home" class="header header-inner">
<!-- Navigation -->
<nav id="navigation" class="navbar affix">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Navigation Header -->
<div class="navbar-header">
<!-- Toggle Button -->
<button type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#main-menu"
aria-expanded="false"
aria-controls="main-menu">
<span class="sr-only">
切换导航
<!-- Toggle Navigation-->
</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- /Toggle Button -->
<!-- Brand -->
<a href="#" class="brand">
<!-- Logo Big -->
<div class="big">
<span class="icon_cogs"></span> SiChen Technology
</div>
<!-- /Logo Big -->
<!-- Logo Small -->
<div class="small">
<span class="icon_cogs"></span>
</div>
<!-- /Logo Small -->
</a>
<!-- /Brand -->
</div>
<!-- /Navigation Header -->
<!-- Navigation -->
<div id="main-menu" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<!-- /Navigation -->
</div>
</div>
</div>
</nav>
<!-- /Navigation -->
<!-- Slider -->
<div id="carousel-home" class="slider owl-carousel owl-theme">
<!-- Slide -->
<div class="item mask mask-black" style="background: url(images/home.jpg) no-repeat center top / cover;"
data-stellar-background-ratio="0.4">
<div class="full-wh relative" data-stellar-ratio="0.5">
<div class="container">
<div class="col-md-7 col-md-offset-2 relative">
<h1 class="animated fadeInDown wow" data-wow-delay="0.2s">化繁至简</h1>
<div class="subtitle animated fadeInUp wow" data-wow-duration="0.9s" data-wow-delay="0.5s">
软件开发是一门艺术，代码是我们的创作，Bug 是我们的挑战，用户的微笑是我们最大的奖赏。
</div>
<div class="animated fadeInUp wow" data-wow-delay="1.0s">
<a href="#" class="btn btn-rounded btn-white-o" data-toggle="modal" data-target="#get-in-touch">Get In
Touch</a>
</div>
</div>
</div>
</div>
</div>
<!-- /Slide -->
<!-- Slide -->
<div class="item mask mask-black" style="background: url(images/code.png) no-repeat center top / cover;"
data-stellar-background-ratio="0.4">
<div class="full-wh relative" data-stellar-ratio="0.5">
<div class="container">
<div class="col-md-6 col-md-offset-2 relative">
<h1 class="animated fadeInDown wow" data-wow-delay="0.2s">卓越至臻</h1>
<div class="subtitle animated fadeInUp wow" data-wow-duration="0.9s" data-wow-delay="0.5s">
精心倾听，专注细节，我们的目标是为您创造无与伦比的尊贵体验，让每一个瞬间都成为珍贵的记忆！
</div>
<div class="animated fadeInUp wow" data-wow-delay="1.0s">
<a href="#" class="btn btn-rounded btn-white-o" data-toggle="modal" data-target="#get-in-touch">Get In
Touch</a>
</div>
</div>
</div>
</div>
</div>
<!-- /Slide -->
</div>
<!-- /Slider -->
</header>
<!-- /Header -->
<!-- Main -->
<main class="main-container">
<!-- Section: About -->
<section id="about" class="section">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<header class="text-center">
<h2 class="section-title underline">About Us</h2>
<p class="section-subtitle">
通过技术创新和优质服务，帮助中小型企业实现数字化转型，提升效率和竞争力。我们致力于成为中小型企业的可靠合作伙伴，并通过定制软件开发解决方案，为客户创造持久的商业价值。
</p>
</header>
</div>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="row section-content">
<!-- About Block -->
<div class="col-md-3 col-sm-6 col animated fadeIn wow" data-wow-duration="0.9s">
<span class="icon icon_pencil"></span>
<h3 class="title">UI Design</h3>
<p class="description">
通过创造引人入胜的视觉效果和简洁的交互方式，为用户带来愉悦、便捷的数字产品体验.
</p>
</div>
<!-- /About Block -->
<!-- About Block -->
<div class="col-md-3 col-sm-6 col animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.2s">
<i class="icon icon_easel "></i>
<h3 class="title">Frontend Development</h3>
<p class="description">
创造和布局网站页面的过程，追求视觉吸引力和用户体验，提升品牌形象和效益.
</p>
</div>
<!-- /About Block -->
<!-- About Block -->
<div class="col-md-3 col-sm-6 col animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.4s">
<span class="icon icon_cloud_alt"></span>
<h3 class="title">Service</h3>
<p class="description">
提供高效可靠的后端服务，致力于为客户提供高性能、可扩展的后端解决方案.
</p>
</div>
<!-- /About Block -->
<!-- About Block -->
<div class="col-md-3 col-sm-6 col animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.6s">
<span class="icon icon_tools"></span>
<h3 class="title">Test</h3>
<p class="description">
通过细致的测试计划和高效的测试方法，确保软件的稳定性和用户满意度.
</p>
</div>
<!-- /About Block -->
</div>
<!-- /Section Content -->
</div>
</section>
<!-- /Section: About -->
<!-- Section: Projects -->
<section id="projects" class="section section-small no-pb bg-light-gray">
<div class="container-fluid">
<!-- Section Header -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<header class="text-center">
<h2 class="section-title underline">Case</h2>
<p class="section-subtitle">
通过定制软件开发，实现了全面自动化管理，包括库存管理、销售跟踪、订单处理等。系统提供了实时数据分析和预测功能，帮助企业准确掌握市场趋势，作出及时决策。同时，客户关系管理模块提升了客户满意度和忠诚度。企业从传统手工操作转变为高效电子化流程，大幅提升了运营效率和利润。数字化转型为企业打开了新的增长机遇，取得了可持续发展的成功。
</p>
</header>
</div>
</div>
<!-- /Section Header -->
<div class="row section-content animated fadeIn wow" data-wow-duration="0.9s">
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-01.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-01.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-02.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-02.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-03.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-03.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-04.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-04.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-05.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-05.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-06.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-06.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-07.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-07.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
<!-- Project Image -->
<div class="col-md-3 col-sm-6 col-xs-12 project-col">
<a href="images/project-08.jpg" class="project-item image-popup">
<div class="gallery-image">
<img src="images/project-08.jpg" alt="">
</div>
</a>
</div>
<!-- /Project Image -->
</div>
</div>
</section>
<!-- /Section: Projects -->
<!-- Section: Services -->
<section id="services" class="section">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-md-7 col-md-offset-2">
<header class="text-center">
<h2 class="section-title underline">Services</h2>
<p class="section-subtitle">
根据不同的需求和场景，提供多样化的功能和表现形式，超越固定的模式或形式。为您提供最佳解决方案.
</p>
</header>
</div>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="row section-content">
<!-- Service Block -->
<div class="service clearfix">
<!-- Service Image -->
<div class="col-sm-5 col-sm-offset-1 col-xs-12 hidden-xs animated fadeInLeft wow" data-wow-duration="1.5s">
<div class="image">
<img src="images/devices.png" alt="">
</div>
</div>
<!-- /Service Image -->
<!-- Service Description -->
<div class="col-sm-5 col-xs-12 animated fadeIn wow" data-wow-duration="0.9s">
<h3 class="title">PC Web（浏览器）</h3>
<p class="description">
显示屏幕大，能够展示更多内容；操作灵活，可使用鼠标和键盘进行交互；支持多窗口和多标签，方便同时浏览多个网页；计算能力强，适合处理复杂任务；网络连接稳定快速。这使得PC
web成为高效浏览、多任务处理和专业工作的首选平台。
</p>
<a href="#" class="btn btn-theme" data-toggle="modal" data-target="#get-in-touch">Get In Touch</a>
</div>
<!-- /Service Description -->
</div>
<!-- /Service Block -->
<!-- Service Block -->
<div class="service clearfix">
<!-- Service Description -->
<div class="col-sm-5 col-sm-offset-1 col-xs-12 animated fadeIn wow" data-wow-duration="0.9s">
<h3 class="title">小程序（Mini Program）</h3>
<p class="description">
无需下载安装、快速启动、功能简洁实用、与手机硬件和系统整合、推送消息提醒、开发成本低。这些优势使得小程序成为用户方便快捷获取信息和进行轻量级任务的理想选择，同时也为开发者提供了更低的开发成本和更广泛的应用场景.
</p>
<a href="#" class="btn btn-theme" data-toggle="modal" data-target="#get-in-touch">Get In Touch</a>
</div>
<!-- /Service Description -->
<!-- Service Image -->
<div class="col-sm-5 col-xs-12 hidden-xs animated fadeInRight wow" data-wow-duration="1.5s">
<div class="image">
<img src="images/mini.png" alt="">
</div>
</div>
<!-- /Service Image -->
</div>
<!-- /Service Block -->
<!-- Service Block -->
<div class="service clearfix">
<!-- Service Image -->
<div class="col-sm-5 col-sm-offset-1 col-xs-12 hidden-xs animated fadeInLeft wow" data-wow-duration="1.5s">
<div class="image">
<img src="images/app.png" alt="">
</div>
</div>
<!-- /Service Image -->
<!-- Service Description -->
<div class="col-sm-5 col-xs-12 animated fadeIn wow" data-wow-duration="0.9s">
<h3 class="title">APP（Application）</h3>
<p class="description">
提供完整的功能和体验、具有更好的性能和速度、实现更强的交互性、支持离线使用功能、增加用户参与度、具备定制化能力。这些优势使得APP成为用户获取丰富功能和个性化体验的首选，同时也为开发者提供了更广阔的应用空间和更好的用户参与度.
</p>
<a href="#" class="btn btn-theme" data-toggle="modal" data-target="#get-in-touch">Get In Touch</a>
</div>
<!-- /Service Description -->
</div>
<!-- /Service Block -->
</div>
<!-- /Section Content -->
</div>
</section>
<!-- /Section: Services -->
<!-- Trigger: Get Start Now -->
<section class="section trigger mask" style="background-image: url(images/get-start-now.jpg)"
data-stellar-background-ratio="0.6">
<div class="container">
<div class="row">
<div class="col-md-7 col-md-offset-2 text-center animated bounceIn wow" data-wow-duration="1.5s">
<h2 class="trigger-title text-white">Get Start Now / Save 50%</h2>
<p class="trigger-text text-white">
数字化转型可以通过优化业务流程、自动化重复任务、实时数据分析等方式提升工作效率，进而实现资源利用的最优化，员工协同的高效化，客户体验的提升，从而为企业的发展拓展更广阔的空间。
</p>
<a href="#" class="btn btn-white-o btn-rounded" data-toggle="modal" data-target="#get-in-touch">Get In Touch
<i class="fa fa-play"></i> </a>
</div>
</div>
</div>
</section>
<!-- /Trigger: Get Start Now -->
<!-- Section: Our Team -->
<!-- <section id="our-team" class="section">-->
<!-- <div class="container">-->
<!-- <!– Section Header –>-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 col-md-offset-3">-->
<!-- <header class="text-center">-->
<!-- <h2 class="section-title underline">Our Amazing Team</h2>-->
<!-- <p class="section-subtitle">-->
<!-- There are many variations of passages of Lorem Ipsum available, but the majority have suffered-->
<!-- alteration in some form, by injected humour.-->
<!-- </p>-->
<!-- </header>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Section Header –>-->
<!-- <!– Section Content –>-->
<!-- <div class="row section-content">-->
<!-- <div class="col-md-12">-->
<!-- <!– Team Carousel –>-->
<!-- <div id="carousel-our-team" class="carousel owl-carousel owl-theme">-->
<!-- <!– Team Member –>-->
<!-- <div class="item team-member animated fadeIn wow" data-wow-duration="0.9s">-->
<!-- <div class="image">-->
<!-- <img src="images/team-member-01.jpg" alt="">-->
<!-- <div class="social">-->
<!-- <ul class="social-inline list-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <h3 class="name">Vincent Harper</h3>-->
<!-- <span class="post">Company Founder</span>-->
<!-- </div>-->
<!-- <!– /Team Member –>-->
<!-- <!– Team Member –>-->
<!-- <div class="item team-member animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.2s">-->
<!-- <div class="image">-->
<!-- <img src="images/team-member-02.jpg" alt="">-->
<!-- <div class="social">-->
<!-- <ul class="social-inline list-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <h3 class="name">Marilyn Green</h3>-->
<!-- <span class="post">Company Founder</span>-->
<!-- </div>-->
<!-- <!– /Team Member –>-->
<!-- <!– Team Member –>-->
<!-- <div class="item team-member animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.4s">-->
<!-- <div class="image">-->
<!-- <img src="images/team-member-03.jpg" alt="">-->
<!-- <div class="social">-->
<!-- <ul class="social-inline list-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <h3 class="name">Tammy Carpenter</h3>-->
<!-- <span class="post">Company Founder</span>-->
<!-- </div>-->
<!-- <!– /Team Member –>-->
<!-- <!– Team Member –>-->
<!-- <div class="item team-member animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.6s">-->
<!-- <div class="image">-->
<!-- <img src="images/team-member-04.jpg" alt="">-->
<!-- <div class="social">-->
<!-- <ul class="social-inline list-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <h3 class="name">Harry Gutierrez</h3>-->
<!-- <span class="post">Company Founder</span>-->
<!-- </div>-->
<!-- <!– /Team Member –>-->
<!-- <!– Team Member –>-->
<!-- <div class="item team-member animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">-->
<!-- <div class="image">-->
<!-- <img src="images/team-member-01.jpg" alt="">-->
<!-- <div class="social">-->
<!-- <ul class="social-inline list-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <h3 class="name">Vincent Harper</h3>-->
<!-- <span class="post">Company Founder</span>-->
<!-- </div>-->
<!-- <!– /Team Member –>-->
<!-- <!– Team Member –>-->
<!-- <div class="item team-member animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="1.0s">-->
<!-- <div class="image">-->
<!-- <img src="images/team-member-02.jpg" alt="">-->
<!-- <div class="social">-->
<!-- <ul class="social-inline list-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <h3 class="name">Marilyn Green</h3>-->
<!-- <span class="post">Company Founder</span>-->
<!-- </div>-->
<!-- <!– /Team Member –>-->
<!-- </div>-->
<!-- <!– /Team Carousel –>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row section-content">-->
<!-- <div class="col-sm-5 col-sm-offset-1 col-xs-12">-->
<!-- <h3 class="text-right xs-text-left">Development</h3>-->
<!-- <!– Team Skills –>-->
<!-- <div class="skills">-->
<!-- <div class="title"> HTML5 <span>80%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>-->
<!-- </div>-->
<!-- <div class="title"> CSS3 <span>75%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.2s"-->
<!-- aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>-->
<!-- </div>-->
<!-- <div class="title"> JavaScript & jQuery <span>85%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.4s"-->
<!-- aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>-->
<!-- </div>-->
<!-- <div class="title"> PHP <span>90%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.6s"-->
<!-- aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Team Skills –>-->
<!-- </div>-->
<!-- <div class="col-sm-5 col-xs-12">-->
<!-- <h3>Design & Graphics</h3>-->
<!-- <!– Team Skills –>-->
<!-- <div class="skills">-->
<!-- <div class="title">Photoshop<span>80%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.1s"-->
<!-- aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>-->
<!-- </div>-->
<!-- <div class="title">Illustrator<span>75%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.3s"-->
<!-- aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>-->
<!-- </div>-->
<!-- <div class="title">Sketch<span>85%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.5s"-->
<!-- aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>-->
<!-- </div>-->
<!-- <div class="title">Photography<span>90%</span></div>-->
<!-- <div class="progress">-->
<!-- <div class="progress-bar animated fadeInLeft wow" role="progressbar" data-wow-duration="0.9s"-->
<!-- data-wow-delay="0.6s"-->
<!-- aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Team Skills –>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Section Content –>-->
<!-- </div>-->
<!-- </section>-->
<!-- /Section: Our Team -->
<!-- Section: Features -->
<section id="features" class="section bg-light-gray">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<header class="text-center">
<h2 class="section-title underline">All Features</h2>
<!-- <p class="section-subtitle">-->
<!-- 所见即所能 -->
<!-- </p>-->
</header>
</div>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="row section-content animated fadeIn wow" data-wow-duration="1.2s">
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_link_alt"></span>
<h3 class="title">主流开发</h3>
<p class="description">
提供更好的浏览体验 如丝滑一般
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_easel"></span>
<h3 class="title">个性化</h3>
<p class="description">
根据自己的喜好和需求进行界面和功能定制
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_puzzle"></span>
<h3 class="title">便于集成</h3>
<p class="description">
业务拆分成单独模块像搭积木一样
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_shield_alt"></span>
<h3 class="title">安全</h3>
<p class="description">
确保用户数据的安全性，保护敏感信息
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_lightbulb_alt"></span>
<h3 class="title">独立部署</h3>
<p class="description">
服务独立运行 不受干扰
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_download"></span>
<h3 class="title">数据分析</h3>
<p class="description">
精准的数据分析 业务尽收眼底
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_heart_alt"></span>
<h3 class="title">乐于倾听</h3>
<p class="description">
友好的讨论需求为客户提供准确的解决方案
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_cogs"></span>
<h3 class="title">持续维护</h3>
<p class="description">
致力于长期合作 为您的业务保驾护航
</p>
</div>
</div>
<!-- /Section Content -->
</div>
</section>
<!-- /Section: Features -->
<!-- Trigger: Join -->
<section class="section trigger mask mask-dark" style="background-image: url(images/join-now.jpg)"
data-stellar-background-ratio="0.6">
<div class="container">
<div class="row">
<!-- Section Header -->
<div class="col-md-6 col-md-offset-3 text-center animated fadeInDown wow" data-wow-duration="1.5s">
<h2 class="trigger-title text-white">Join to Ours Now！</h2>
<p class="trigger-text text-white">
我们是自由开发者，如果你擅长使用uni-app开发App 擅长于NestJS、Vue3、Ts可以联系我们
</p>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="col-md-8 col-md-offset-2 mt animated bounceIn wow" data-wow-duration="1.5s" data-wow-delay="0.2s">
<!-- Join Form -->
<form class="form-join form-ajax">
<input type="hidden" name="form" value="Join Now!">
<div class="form-input">
<input class="form-control" name="name" type="text" placeholder="Your Name...*" required>
</div>
<div class="form-input">
<input class="form-control" name="email" type="email" placeholder="E-mail...*" required>
</div>
<div class="form-submit">
<input class="btn btn-block btn-purple" type="submit" value="Join Now!">
</div>
</form>
<!-- /Join Form -->
</div>
<!-- /Section Content -->
</div>
</div>
</section>
<!-- /Trigger: Join -->
<!-- <section id="testimonials" class="section">-->
<!-- <div class="container">-->
<!-- <!– Section Header –>-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 col-md-offset-3">-->
<!-- <header class="text-center">-->
<!-- <h2 class="section-title underline">Our Clients About Us</h2>-->
<!-- <p class="section-subtitle">-->
<!-- There are many variations of passages of Lorem Ipsum available, but the majority have suffered-->
<!-- alteration in some form, by injected humour.-->
<!-- </p>-->
<!-- </header>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Section Header –>-->
<!-- <!– Section Content –>-->
<!-- <div class="row section-content">-->
<!-- <div class="col-md-12">-->
<!-- <!– Testimonials Carousel –>-->
<!-- <div id="carousel-testimonials" class="owl-carousel owl-theme animated fadeIn wow" data-wow-duration="0.9s">-->
<!-- <!– Testimonial Block –>-->
<!-- <div class="item">-->
<!-- <div class="testimonial">-->
<!-- <div class="text">-->
<!-- It is a long established fact that a reader will be distracted by the readable content of a-->
<!-- page when looking at its layout.-->
<!-- </div>-->
<!-- <div class="media">-->
<!-- <div class="media-left">-->
<!-- <div class="image">-->
<!-- <img src="images/author-image-01.jpg" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="media-body media-middle author h4">-->
<!-- Jeremy Scott-->
<!-- <span class="company">Company Name</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Testimonial Block –>-->
<!-- <!– Testimonial Block –>-->
<!-- <div class="item">-->
<!-- <div class="testimonial">-->
<!-- <div class="text">-->
<!-- It is a long established fact that a reader will be distracted by the readable content of a-->
<!-- page when looking at its layout.-->
<!-- </div>-->
<!-- <div class="media">-->
<!-- <div class="media-left">-->
<!-- <div class="image">-->
<!-- <img src="images/author-image-02.jpg" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="media-body media-middle author h4">-->
<!-- Ann Harper-->
<!-- <span class="company">Company Name</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Testimonial Block –>-->
<!-- <!– Testimonial Block –>-->
<!-- <div class="item">-->
<!-- <div class="testimonial">-->
<!-- <div class="text">-->
<!-- It is a long established fact that a reader will be distracted by the readable content of a-->
<!-- page when looking at its layout.-->
<!-- </div>-->
<!-- <div class="media">-->
<!-- <div class="media-left">-->
<!-- <div class="image">-->
<!-- <img src="images/author-image-03.jpg" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="media-body media-middle author h4">-->
<!-- William Bell-->
<!-- <span class="company">Company Name</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Testimonial Block –>-->
<!-- <!– Testimonial Block –>-->
<!-- <div class="item">-->
<!-- <div class="testimonial">-->
<!-- <div class="text">-->
<!-- It is a long established fact that a reader will be distracted by the readable content of a-->
<!-- page when looking at its layout.-->
<!-- </div>-->
<!-- <div class="media">-->
<!-- <div class="media-left">-->
<!-- <div class="image">-->
<!-- <img src="images/author-image-04.jpg" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="media-body media-middle author h4">-->
<!-- Gerald Payne-->
<!-- <span class="company">Company Name</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Testimonial Block –>-->
<!-- </div>-->
<!-- <!– /Testimonials Carousel –>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Section Content –>-->
<!-- </div>-->
<!-- </section>-->
<!-- Section: Price -->
<!-- <section id="price" class="section bg-theme">-->
<!-- <div class="container">-->
<!-- <!– Section Header –>-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 col-md-offset-3">-->
<!-- <header class="text-center">-->
<!-- <h2 class="section-title underline text-white">Select Best Plan for You</h2>-->
<!-- <p class="section-subtitle text-white">-->
<!-- There are many variations of passages of Lorem Ipsum available, but the majority have suffered-->
<!-- alteration in some form, by injected humour.-->
<!-- </p>-->
<!-- </header>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Section Header –>-->
<!-- <!– Section Content –>-->
<!-- <div class="row section-content">-->
<!-- <!– Plan –>-->
<!-- <div class="col-md-3 col-sm-6 animated fadeIn wow" data-wow-duration="0.9s">-->
<!-- <div class="plan">-->
<!-- <div class="price">-->
<!-- <span class="dollar">$</span>19-->
<!-- </div>-->
<!-- <h3 class="name text-center">Basic</h3>-->
<!-- <ul class="features">-->
<!-- <li>There are many variations</li>-->
<!-- <li>Of passages</li>-->
<!-- <li>Of Lorem Ipsum available</li>-->
<!-- <li>But the majority</li>-->
<!-- <li>have suffered alteration</li>-->
<!-- </ul>-->
<!-- <a href="#" class="btn btn-theme"><i class="icon fa fa-fw fa-check"></i> <span-->
<!-- class="text">Select Plan</span></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Plan –>-->
<!-- <!– Plan –>-->
<!-- <div class="col-md-3 col-sm-6 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.2s">-->
<!-- <div class="plan">-->
<!-- <div class="price">-->
<!-- <span class="dollar">$</span>19-->
<!-- </div>-->
<!-- <h3 class="name text-center">Basic</h3>-->
<!-- <ul class="features">-->
<!-- <li>There are many variations</li>-->
<!-- <li>Of passages</li>-->
<!-- <li>Of Lorem Ipsum available</li>-->
<!-- <li>But the majority</li>-->
<!-- <li>have suffered alteration</li>-->
<!-- </ul>-->
<!-- <a href="#" class="btn btn-theme"><i class="icon fa fa-fw fa-check"></i> <span-->
<!-- class="text">Select Plan</span></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Plan –>-->
<!-- <!– Plan –>-->
<!-- <div class="col-md-3 col-sm-6 animated bounceIn wow" data-wow-duration="0.9s" data-wow-delay="0.6s">-->
<!-- <div class="plan">-->
<!-- <div class="price">-->
<!-- <span class="dollar">$</span>19-->
<!-- </div>-->
<!-- <h3 class="name text-center">Basic</h3>-->
<!-- <ul class="features">-->
<!-- <li>There are many variations</li>-->
<!-- <li>Of passages</li>-->
<!-- <li>Of Lorem Ipsum available</li>-->
<!-- <li>But the majority</li>-->
<!-- <li>have suffered alteration</li>-->
<!-- </ul>-->
<!-- <a href="#" class="btn btn-theme"><i class="icon fa fa-fw fa-check"></i> <span-->
<!-- class="text">Select Plan</span></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Plan –>-->
<!-- <!– Plan –>-->
<!-- <div class="col-md-3 col-sm-6 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.4s">-->
<!-- <div class="plan">-->
<!-- <div class="price">-->
<!-- <span class="dollar">$</span>19-->
<!-- </div>-->
<!-- <h3 class="name text-center">Basic</h3>-->
<!-- <ul class="features">-->
<!-- <li>There are many variations</li>-->
<!-- <li>Of passages</li>-->
<!-- <li>Of Lorem Ipsum available</li>-->
<!-- <li>But the majority</li>-->
<!-- <li>have suffered alteration</li>-->
<!-- </ul>-->
<!-- <a href="#" class="btn btn-theme"><i class="icon fa fa-fw fa-check"></i> <span-->
<!-- class="text">Select Plan</span></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Plan –>-->
<!-- </div>-->
<!-- <!– /Section Content –>-->
<!-- </div>-->
<!-- </section>-->
<!-- /Section: Price -->
<!-- Section: How To Start -->
<section id="start" class="section">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<header class="text-center">
<h2 class="section-title underline">Easy To Start</h2>
<p class="section-subtitle">
实际的业务需求开发流程可能因项目规模、类型和组织流程等因素而有所差异
</p>
</header>
</div>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="row section-content">
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">1</div>
</div>
<div class="media-body">
<div class="h4 title">需求分析</div>
<p class="description">
明确业务需求和目标，定义项目范围和功能要求.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.4s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">2</div>
</div>
<div class="media-body">
<div class="h4 title">需求规划</div>
<p class="description">
将需求拆解为具体的任务和优先级，制定项目计划和时间表，确定开发资源和团队成员
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">3</div>
</div>
<div class="media-body">
<div class="h4 title">设计与原型</div>
<p class="description">
根据需求，进行系统设计和架构规划，创建原型或界面设计，以便更好地理解和验证需求.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">4</div>
</div>
<div class="media-body">
<div class="h4 title">开发与编码</div>
<p class="description">
基于设计和原型，开始实际的编码和开发工作，按照项目计划逐步完成各个模块或功能的实现.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">5</div>
</div>
<div class="media-body">
<div class="h4 title">测试与调试</div>
<p class="description">
进行单元测试、集成测试和系统测试，确保软件质量，修复漏洞和问题，保证功能稳定性和可靠性.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">6</div>
</div>
<div class="media-body">
<div class="h4 title">部署与上线</div>
<p class="description">
将开发完成的软件部署到生产环境中，配置服务器和数据库，确保软件可用性和性能，并进行上线发布.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">7</div>
</div>
<div class="media-body">
<div class="h4 title">运维与优化</div>
<p class="description">
监控系统运行状况，收集用户反馈，持续优化和改进软件功能，修复漏洞和提升性能.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
<!-- Step Block -->
<div class="col-sm-4 animated fadeIn wow" data-wow-duration="0.9s" data-wow-delay="0.8s">
<div class="media step">
<div class="media-left media-middle h4">
<div class="number">8</div>
</div>
<div class="media-body">
<div class="h4 title">项目交付与验收</div>
<p class="description">
客户进行最终的项目验收，确保交付的软件符合需求，并提供必要的培训和支持.
</p>
</div>
</div>
</div>
<!-- /Step Block -->
</div>
<!-- /Section Content -->
</div>
</section>
<!-- /Section: How To Start -->
<!-- Section: Clients -->
<!-- <section id="clients" class="section section-small bg-light-gray">-->
<!-- <div class="container">-->
<!-- <!– Section Header –>-->
<!-- <div class="row" style="display: none;">-->
<!-- <div class="col-md-6 col-md-offset-3">-->
<!-- <header class="text-center">-->
<!-- <h2 class="section-title underline">Clients</h2>-->
<!-- <p class="section-subtitle">-->
<!-- There are many variations of passages of Lorem Ipsum available, but the majority have suffered-->
<!-- alteration in some form, by injected humour.-->
<!-- </p>-->
<!-- </header>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Section Header –>-->
<!-- <!– Section Content –>-->
<!--<!– <div class="row">–>-->
<!--<!– <div class="col-md-12">–>-->
<!--<!– <!– Clients Carousel –>–>-->
<!--<!– <div id="carousel-clients" class="owl-carousel owl-theme">–>-->
<!--<!– <!– Client Logo –>–>-->
<!--<!– <div class="item client">–>-->
<!--<!– <div class="image">–>-->
<!--<!– <img src="images/logo.png" alt="">–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Client Logo –>–>-->
<!--<!– <!– Client Logo –>–>-->
<!--<!– <div class="item client">–>-->
<!--<!– <div class="image">–>-->
<!--<!– <img src="images/logo.png" alt="">–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Client Logo –>–>-->
<!--<!– <!– Client Logo –>–>-->
<!--<!– <div class="item client">–>-->
<!--<!– <div class="image">–>-->
<!--<!– <img src="images/logo.png" alt="">–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Client Logo –>–>-->
<!--<!– <!– Client Logo –>–>-->
<!--<!– <div class="item client">–>-->
<!--<!– <div class="image">–>-->
<!--<!– <img src="images/logo.png" alt="">–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Client Logo –>–>-->
<!--<!– <!– Client Logo –>–>-->
<!--<!– <div class="item client">–>-->
<!--<!– <div class="image">–>-->
<!--<!– <img src="images/logo.png" alt="">–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Client Logo –>–>-->
<!--<!– <!– Client Logo –>–>-->
<!--<!– <div class="item client">–>-->
<!--<!– <div class="image">–>-->
<!--<!– <img src="images/logo.png" alt="">–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Client Logo –>–>-->
<!--<!– </div>–>-->
<!--<!– <!– /Clients Carousel –>–>-->
<!--<!– </div>–>-->
<!--<!– </div>–>-->
<!-- <!– /Section Content –>-->
<!-- </div>-->
<!-- </section>-->
<!-- /Section: Clients -->
<!-- Section: Contact Information -->
<section id="contact-information" class="section section-small no-pb bg-dark">
<div class="container">
<!-- Section Header -->
<div class="row" style="display: none;">
<div class="col-md-6 col-md-offset-3">
<header class="text-center">
<h2 class="section-title underline">Contact Information</h2>
<p class="section-subtitle">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered
alteration in some form, by injected humour.
</p>
</header>
</div>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="row animated fadeIn wow" data-wow-duration="0.9s">
<div class="col-md-8 col-md-offset-2 col-sm-12">
<div class="row">
<div class="col-sm-4 col-xs-12">
<div class="media contact">
<div class="media-left">
<span class="icon icon_map_alt"></span>
</div>
<div class="media-body info h5">
<span>our address</span>
河南 信阳
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="media contact">
<div class="media-left">
<span class="icon icon_mail_alt"></span>
</div>
<div class="media-body info h5">
<span>E-mail</span>
yucc.schen@foxmail.com
</div>
</div>
</div>
<div class="col-sm-4 col-xs-12">
<div class="media contact">
<div class="media-left">
<i class="icon icon_mobile"></i>
</div>
<div class="media-body info h5">
<span>Phone Number</span>
+86 17671012776
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Section Content -->
</div>
</section>
<!-- /Section: Contact Information -->
<!-- Section: Contact -->
<section id="contact" class="section">
<div class="container">
<!-- Section Header -->
<div class="row">
<div class="col-md-6 col-md-offset-3">
<header class="text-center">
<h2 class="section-title underline">Contact Us</h2>
<p class="section-subtitle">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered
alteration in some form, by injected humour.
</p>
</header>
</div>
</div>
<!-- /Section Header -->
<!-- Section Content -->
<div class="row section-content">
<!-- Contact Form -->
<div class="col-md-8 col-md-offset-2 contact-form animated fadeIn wow" data-wow-duration="0.9s">
<form class="form-ajax" method="post">
<input type="hidden" name="form" value="Contact">
<div class="row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" placeholder="Your Name... *" required>
</div>
<div class="form-group col-md-6">
<input type="email" name="email" class="form-control" placeholder="E-mail address... *" required>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<textarea name="message" class="form-control" placeholder="Message... "></textarea>
</div>
</div>
<div class="row">
<div class="form-group col-md-12 text-center">
<button type="submit" class="btn btn-theme"><i class="icon fa fa-fw fa-paper-plane-o"></i> <span
class="text">Send Message</span></button>
</div>
</div>
</form>
</div>
<!-- /Contact Form -->
</div>
<!-- /Section Content -->
</div>
</section>
<!-- /Section: Contact -->
</main>
<!-- /Main -->
<!-- Footer -->
<footer class="footer section section-small no-pb bg-light-gray no-pt">
<!-- <div class="container">-->
<!-- <div class="row">-->
<!-- <!– Footer Column –>-->
<!-- <div class="col-md-3 col-sm-6 col-xs-12 footer-col">-->
<!-- <!– Footer Logo –>-->
<!-- <div class="logo">-->
<!-- <span class="icon_cogs"></span> Freedom 2.0-->
<!-- </div>-->
<!-- <!– /Footer Logo –>-->
<!-- <!– Footer Text –>-->
<!-- <p class="text">-->
<!-- It is a long established fact that a reader will be distracted by the readable.-->
<!-- </p>-->
<!-- <!– /Footer Text –>-->
<!-- <!– Footer Social –>-->
<!-- <ul class="social-inline">-->
<!-- <li><a href="#" class="fa fa-fw fa-facebook"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-twitter"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-google-plus"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-dribbble"></a></li>-->
<!-- <li><a href="#" class="fa fa-fw fa-pinterest"></a></li>-->
<!-- </ul>-->
<!-- <!– /Footer Social –>-->
<!-- </div>-->
<!-- <!– /Footer Column –>-->
<!-- <!– Footer Column –>-->
<!-- <div class="col-md-3 col-sm-6 col-xs-12 footer-col">-->
<!-- <h4 class="title">Latest From Blog</h4>-->
<!-- <!– Footer Post –>-->
<!-- <div class="media post">-->
<!-- <div class="media-left">-->
<!-- <div class="image">-->
<!-- <img src="images/last-post-01.jpg" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="media-body">-->
<!-- <p class="text">-->
<!-- It is a long established fact that a reader will be distracted.-->
<!-- </p>-->
<!-- <a href="#">Read more</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Footer Post –>-->
<!-- <!– Footer Post –>-->
<!-- <div class="media post">-->
<!-- <div class="media-left">-->
<!-- <div class="image">-->
<!-- <img src="images/last-post-02.jpg" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="media-body">-->
<!-- <p class="text">-->
<!-- It is a long established fact that a reader will be distracted.-->
<!-- </p>-->
<!-- <a href="#">Read more</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– /Footer Post –>-->
<!-- </div>-->
<!-- <!– /Footer Column –>-->
<!-- <!– Footer Column –>-->
<!-- <div class="col-md-2 col-sm-6 col-xs-12 footer-col">-->
<!-- <h4 class="title">Site Menu</h4>-->
<!-- <!– Footer Menu –>-->
<!-- <ul class="menu">-->
<!-- <li><a href="#">Home</a></li>-->
<!-- <li><a href="#">About</a></li>-->
<!-- <li><a href="#">Features</a></li>-->
<!-- <li><a href="#">Projects</a></li>-->
<!-- <li><a href="#">Blog</a></li>-->
<!-- <li><a href="#">Contact</a></li>-->
<!-- </ul>-->
<!-- <!– /Footer Menu –>-->
<!-- </div>-->
<!-- <!– /Footer Column –>-->
<!-- <!– Footer Column –>-->
<!-- <div class="col-md-4 col-sm-6 col-xs-12 footer-col">-->
<!-- <h4 class="title">Signup to Newsletter</h4>-->
<!-- <!– Footer Signup Form –>-->
<!-- <div class="signup-form">-->
<!-- <form method="post" class="form-inline">-->
<!-- <div class="input-group">-->
<!-- <input type="email" class="form-control" placeholder="Your E-mail...*" required>-->
<!-- <div class="input-group-btn">-->
<!-- <button type="submit" class="btn btn-theme"><i class="fa fa-fw fa-envelope"></i></button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </form>-->
<!-- </div>-->
<!-- <!– /Footer Signup Form –>-->
<!-- <!– Footer Tags –>-->
<!-- <div class="tags">-->
<!-- <a href="#" class="tag">web</a>-->
<!-- <a href="#" class="tag">design</a>-->
<!-- <a href="#" class="tag">clean</a>-->
<!-- <a href="#" class="tag">minimal</a>-->
<!-- <a href="#" class="tag">pixel perfect</a>-->
<!-- <a href="#" class="tag">blog</a>-->
<!-- <a href="#" class="tag">gallery</a>-->
<!-- <a href="#" class="tag">landing</a>-->
<!-- <a href="#" class="tag">business</a>-->
<!-- <a href="#" class="tag">portfolio</a>-->
<!-- </div>-->
<!-- <!– /Footer Tags –>-->
<!-- </div>-->
<!-- <!– /Footer Column –>-->
<!-- </div>-->
<!-- </div>-->
<div class="bottom-line bg-dark">
<div class="container">
<div class="row">
<!-- Copyright -->
<div class="col-md-7 col-sm-12">
<p class="copyright">
Copyright © 2018.Company name All rights reserved.
</p>
</div>
<!-- /Copyright -->
<!-- Footer Social -->
<div class="col-md-5 col-sm-12">
<div class="links">
<a href="#">Information</a>
<a href="#">Terms of service</a>
<a href="#">Private police</a>
</div>
</div>
<!-- /Footer Social -->
</div>
</div>
</div>
</footer>
<!-- /Footer -->
<!-- Scroll To Top -->
<div id="scroll-to-top" class="scroll-to-top">
<i class="icon fa fa-angle-up"></i>
</div>
<!-- /Scroll To Top -->
<!-- Modal: Get In Touch -->
<div class="modal fade" id="get-in-touch" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<i class="fa fa-times"></i>
</button>
<h4 class="modal-title">Get In Touch</h4>
</div>
<div class="modal-body">
<div class="row">
<!-- Contact Form -->
<div class="col-md-12 contact-form">
<form class="form-ajax" method="post">
<input type="hidden" name="form" value="Get In Touch Modal">
<div class="row">
<div class="form-group col-md-6">
<input type="text" name="name" class="form-control" placeholder="Your Name... *" required>
</div>
<div class="form-group col-md-6">
<input type="email" name="email" class="form-control" placeholder="E-mail address... *" required>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<textarea name="message" class="form-control" placeholder="Message... "></textarea>
</div>
</div>
<div class="row">
<div class="form-group col-md-12 text-center">
<button type="submit" class="btn btn-theme"><i class="icon fa fa-fw fa-paper-plane-o"></i> <span
class="text">Send Message</span></button>
</div>
</div>
</form>
</div>
<!-- /Contact Form -->
</div>
</div>
</div>
</div>
</div>
<!-- Modal: /Get In Touch -->
<!-- Modal: Result Message -->
<div class="modal fade" id="result" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<i class="fa fa-times"></i>
</button>
<h4 class="modal-title">Sending message</h4>
</div>
<div class="modal-body">
<div class="result-icon">
<div class="icon-border">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="none">
<circle cx="8" cy="8" r="6.215" transform="rotate(90 8 8)"></circle>
</svg>
<i class="icon fa fa-check"></i>
</div>
</div>
<p class="modal-result h4 text-center"></p>
</div>
</div>
</div>
</div>
<!-- /Modal: Result Message -->
<!-- SCRIPTS -->
<script src="js/jquery-2.2.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/general.js"></script>
<!-- /SCRIPTS -->
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手