代码拉取完成，页面将自动刷新
<!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>
<!-- Header -->
<header id="home" class="header header-inner">
<!-- Navigation -->
<nav id="navigation" class="navbar">
<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">切换导航</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 -->
</header>
<!-- /Header -->
<!-- Section: Page Header -->
<section class="section-page-header">
<div class="container">
<div class="row">
<!-- Page Title -->
<div class="col-md-8">
<h1 class="title">关于我们</h1>
<div class="subtitle">There are many variations of passages </div>
</div>
<!-- /Page Title -->
<!-- Breadcrumbs -->
<div class="col-md-4">
<ul class="breadcrumb">
<li><i class="fa fa-fw fa-home"></i> <a href="#">首页</a></li>
<li>关于我们</li>
</ul>
</div>
<!-- /Breadcrumbs -->
</div>
</div>
</section>
<!-- /Section: Page Header -->
<!-- Main -->
<main class="main-container">
<section class="section section-small">
<div class="container">
<div class="row">
<!-- Our History -->
<div class="col-md-6">
<h3 class="title">Who We Are</h3>
<p class="text-justify">
It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 'Content here, content here', making it look like
readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their
default model text, and a search for 'lorem ipsum' will uncover many web sites still in their
infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose
(injected humour and the like).
</p>
</div>
<!-- Our History -->
<!-- Our Skills -->
<div class="col-md-6">
<div class="skills">
<div class="title"> HTML5 <span>80%</span></div>
<div class="progress">
<div style="width: 80%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="80"
role="progressbar" class="progress-bar fadeInLeft wow" data-wow-duration="1.3s" data-wow-delay="0.3s"></div>
</div>
<div class="title"> CSS3 <span>75%</span></div>
<div class="progress">
<div style="width: 75%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="75"
role="progressbar" class="progress-bar fadeInLeft wow" data-wow-duration="1.3s" data-wow-delay="0.6s"></div>
</div>
<div class="title"> JavaScript & jQuery <span>85%</span></div>
<div class="progress">
<div style="width: 85%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="85"
role="progressbar" class="progress-bar fadeInLeft wow" data-wow-duration="1.3s" data-wow-delay="0.9s"></div>
</div>
<div class="title"> PHP <span>90%</span></div>
<div class="progress">
<div style="width: 90%;" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
role="progressbar" class="progress-bar fadeInLeft wow" data-wow-duration="1.3s" data-wow-delay="1.2s"></div>
</div>
</div>
</div>
<!-- /Our Skills -->
</div>
<div class="row mt">
<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">
<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>
<h4 class="name">Vincent Harper</h4>
<span class="post">Company Founder</span>
</div>
<!-- /Team Member -->
<!-- Team Member -->
<div class="item team-member">
<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>
<h4 class="name">Marilyn Green</h4>
<span class="post">Company Founder</span>
</div>
<!-- /Team Member -->
<!-- Team Member -->
<div class="item team-member">
<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>
<h4 class="name">Tammy Carpenter</h4>
<span class="post">Company Founder</span>
</div>
<!-- /Team Member -->
<!-- Team Member -->
<div class="item team-member">
<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>
<h4 class="name">Harry Gutierrez</h4>
<span class="post">Company Founder</span>
</div>
<!-- /Team Member -->
<!-- Team Member -->
<div class="item team-member">
<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>
<h4 class="name">Vincent Harper</h4>
<span class="post">Company Founder</span>
</div>
<!-- /Team Member -->
<!-- Team Member -->
<div class="item team-member">
<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>
<h4 class="name">Marilyn Green</h4>
<span class="post">Company Founder</span>
</div>
<!-- /Team Member -->
</div>
<!-- /Team Carousel -->
</div>
</div>
</div>
</section>
<section class="section section-small bg-theme">
<div class="container">
<div class="row">
<!-- Statistic Block -->
<div class="col-sm-3 col-xs-6 stat">
<span class="icon_pens icon zoomIn wow" data-wow-duration="0.7s"></span>
<div class="number animate-number h2" data-value="180"></div>
<h4 class="title bounceInUp wow" data-wow-duration="0.7s">Finished Projects</h4>
</div>
<!-- /Statistic Block -->
<!-- Statistic Block -->
<div class="col-sm-3 col-xs-6 stat">
<span class="icon_group icon zoomIn wow" data-wow-duration="0.7s"></span>
<div class="number animate-number h2" data-value="1806"></div>
<h4 class="title bounceInUp wow" data-wow-duration="0.7s">Happy Customers</h4>
</div>
<!-- /Statistic Block -->
<!-- Statistic Block -->
<div class="col-sm-3 col-xs-6 stat">
<span class="icon_mug icon zoomIn wow" data-wow-duration="0.7s"></span>
<div class="number animate-number h2" data-value="238"></div>
<h4 class="title bounceInUp wow" data-wow-duration="0.7s">Coffee</h4>
</div>
<!-- /Statistic Block -->
<!-- Statistic Block -->
<div class="col-sm-3 col-xs-6 stat">
<span class="icon_building icon zoomIn wow" data-wow-duration="0.7s"></span>
<div class="number animate-number h2" data-value="3485"></div>
<h4 class="title bounceInUp wow" data-wow-duration="0.7s">Days at Work</h4>
</div>
<!-- /Statistic Block -->
</div>
</div>
</section>
<section class="section section-small">
<div class="container">
<div class="row section-content">
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_link_alt"></span>
<h4 class="title">HTML5 & CSS3</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_easel"></span>
<h4 class="title">Lightweight & SEO</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_puzzle"></span>
<h4 class="title">Easy To Customize</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_pencil-edit"></span>
<h4 class="title">Unlimited Colors</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_lightbulb_alt"></span>
<h4 class="title">Multi-Purpose Using</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_download"></span>
<h4 class="title">1k+ Downloads</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_heart_alt"></span>
<h4 class="title">Made With Love</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
<div class="col-md-3 col-sm-6 col">
<span class="icon icon_cogs"></span>
<h4 class="title">24/7 Support</h4>
<p class="description">
There are many variations of passages of Lorem Ipsum available.
</p>
</div>
</div>
</div>
</section>
</main>
<!-- /Main -->
<!-- Footer -->
<footer class="footer section section-small no-pb bg-light-gray">
<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.<a target="_blank" href="http://www.html5code.net/">网页模板</a>
</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: 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 助手