登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
1 Star 0 Fork 3

XW / pc.page

forked from riansky2046 / homepage 
代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
about.html 15.62 KB
一键复制 编辑 原始数据 按行查看 历史
xumin 提交于 2020-05-13 16:56 . x
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title></title>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="description" content="" />

<meta name="author" content="" />

<!-- css --> 

<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">

<link rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection" />

<link href="css/bootstrap.min.css" rel="stylesheet" />

<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet"> 

<link href="css/flexslider.css" rel="stylesheet" /> 

<link href="css/style.css?v=101" rel="stylesheet" />

 

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->

<!--[if lt IE 9]>

      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

    <![endif]-->



</head>

<body>

<div id="wrapper"> 

	<!-- start header -->

		<header>

        <div class="navbar navbar-default navbar-static-top">

            <div class="container">

                <div class="navbar-header">

                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                    </button>

                  <a class="navbar-brand" href="index.html"><img src="img/logo2.png" alt="logo"/></a>

                </div>

                <div class="navbar-collapse collapse ">

                    <ul class="nav navbar-nav">

                        <li><a class="waves-effect waves-dark" href="index.html">Home</a></li> 

							 <li class="dropdown active">

                        <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">About Us <b class="caret"></b></a>

                        <ul class="dropdown-menu">

                            <li><a class="waves-effect waves-dark" href="about.html">Company</a></li>

                            <li><a class="waves-effect waves-dark" href="#">Our Team</a></li>

                            <li><a class="waves-effect waves-dark" href="#">News</a></li> 

                            <li><a class="waves-effect waves-dark" href="#">Investors</a></li>

                        </ul>

                    </li> 

						<li><a class="waves-effect waves-dark" href="services.html">Services</a></li>

                        <li><a class="waves-effect waves-dark" href="portfolio.html">Portfolio</a></li>

                        <li><a class="waves-effect waves-dark" href="pricing.html">Pricing</a></li>

                        <li><a class="waves-effect waves-dark" href="contact.html">Contact</a></li>

                    </ul>

                </div>

            </div>

        </div>

	</header><!-- end header -->

	<section id="inner-headline">

	<div class="container">

		<div class="row">

			<div class="col-lg-12">

				<h2 class="pageTitle">About Us</h2>

			</div>

		</div>

	</div>

	</section>

	<section id="content">

	<section class="section-padding">

		<div class="container">

			<div class="row showcase-section">

				<div class="col-md-6">

					<img src="img/dev1.png" alt="showcase image">

				</div>

				<div class="col-md-6">

					<div class="about-text">

						<h3>Our <span class="color">Company</span></h3>

						<p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar.</p>

						 <p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo..</p>

					</div>

				</div>

			</div>

		</div>

	</section>

	<div class="container">

					

					<div class="about">

				

						

						<div class="row">

							<div class="col-md-4">

								<!-- Heading and para -->

								<div class="block-heading-two">

									<h3><span>Why Choose Us?</span></h3>

								</div>

								<p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur. <br/><br/>Sed ut perspiciaatis iste natus error sit voluptatem probably haven't heard of them accusamus.</p>

							</div>

							<div class="col-md-4">

								<div class="block-heading-two">

									<h3><span>Our Solution</span></h3>

								</div>		

								<!-- Accordion starts -->

								<div class="panel-group" id="accordion-alt3">

								 <!-- Panel. Use "panel-XXX" class for different colors. Replace "XXX" with color. -->

								  <div class="panel">	

									<!-- Panel heading -->

									 <div class="panel-heading">

										<h4 class="panel-title">

										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseOne-alt3">

											<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 1

										  </a>

										</h4>

									 </div>

									 <div id="collapseOne-alt3" class="panel-collapse collapse">

										<!-- Panel body -->

										<div class="panel-body">

										  Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas

										</div>

									 </div>

								  </div>

								  <div class="panel">

									 <div class="panel-heading">

										<h4 class="panel-title">

										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseTwo-alt3">

											<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 2

										  </a>

										</h4>

									 </div>

									 <div id="collapseTwo-alt3" class="panel-collapse collapse">

										<div class="panel-body">

										  Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas

										</div>

									 </div>

								  </div>

								  <div class="panel">

									 <div class="panel-heading">

										<h4 class="panel-title">

										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseThree-alt3">

											<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 3

										  </a>

										</h4>

									 </div>

									 <div id="collapseThree-alt3" class="panel-collapse collapse">

										<div class="panel-body">

										  Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas

										</div>

									 </div>

								  </div>

								  <div class="panel">

									 <div class="panel-heading">

										<h4 class="panel-title">

										  <a data-toggle="collapse" data-parent="#accordion-alt3" href="#collapseFour-alt3">

											<i class="fa fa-angle-right"></i> Accordion Heading Text Item # 4

										  </a>

										</h4>

									 </div>

									 <div id="collapseFour-alt3" class="panel-collapse collapse">

										<div class="panel-body">

										  Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas

										</div>

									 </div>

								  </div>

								</div>

								<!-- Accordion ends -->

								

							</div>

							

							<div class="col-md-4">

								<div class="block-heading-two">

									<h3><span>Our Expertise</span></h3>

								</div>								

								<h6>Web Development</h6>

								<div class="progress pb-sm">

								  <!-- White color (progress-bar-white) -->

								  <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">

									 <span class="sr-only">40% Complete (success)</span>

								  </div>

								</div>

								<h6>Designing</h6>

								<div class="progress pb-sm">

								  <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">

									 <span class="sr-only">40% Complete (success)</span>

								  </div>

								</div>

								<h6>User Experience</h6>

								<div class="progress pb-sm">

								  <div class="progress-bar progress-bar-lblue" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">

									 <span class="sr-only">40% Complete (success)</span>

								  </div>

								</div>

								<h6>Development</h6>

								<div class="progress pb-sm">

								  <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">

									 <span class="sr-only">40% Complete (success)</span>

								  </div>

								</div>

							</div>

							

						</div>

						

						 						

						 

						<br>

						<!-- Our Team starts -->

				

						<!-- Heading -->

						<div class="block-heading-six">

							<h4 class="bg-color">Our Team</h4>

						</div>

						<br>

						

						<!-- Our team starts -->

						

						<div class="team-six">

							<div class="row">

								<div class="col-md-3 col-sm-6">

									<!-- Team Member -->

									<div class="team-member">

										<!-- Image -->

										<img class="img-responsive" src="img/team1.jpg" alt="">

										<!-- Name -->

										<h4>Johne Doe</h4>

										<span class="deg">Creative</span> 

									</div>

								</div>

								<div class="col-md-3 col-sm-6">

									<!-- Team Member -->

									<div class="team-member">

										<!-- Image -->

										<img class="img-responsive" src="img/team2.jpg" alt="">

										<!-- Name -->

										<h4>Jennifer</h4>

										<span class="deg">Programmer</span> 

									</div>

								</div>

								<div class="col-md-3 col-sm-6">

									<!-- Team Member -->

									<div class="team-member">

										<!-- Image -->

										<img class="img-responsive" src="img/team3.jpg" alt="">

										<!-- Name -->

										<h4>Christean</h4>

										<span class="deg">CEO</span> 

									</div>

								</div>

								<div class="col-md-3 col-sm-6">

									<!-- Team Member -->

									<div class="team-member">

										<!-- Image -->

										<img class="img-responsive" src="img/team4.jpg" alt="">

										<!-- Name -->

										<h4>Kerinele rase</h4>

										<span class="deg">Manager</span> 

									</div>

								</div>

							</div>

						</div>

						

						<!-- Our team ends -->

					  

						

					</div>

									

				</div>

	</section>

	<footer>

	<div class="container">

		<div class="row">

			<div class="col-lg-3">

				<div class="widget">

					<h5 class="widgetheading">Our Contact</h5>

					<address>

					<strong>Bootstrap company Inc</strong><br>

					JC Main Road, Near Silnile tower<br>

					 Pin-21542 NewYork US.</address>

					<p>

						<i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>

						<i class="icon-envelope-alt"></i> email@domainname.com

					</p>

				</div>

			</div>

			<div class="col-lg-3">

				<div class="widget">

					<h5 class="widgetheading">Quick Links</h5>

					<ul class="link-list">

						<li><a class="waves-effect waves-dark" href="#">Latest Events</a></li>

						<li><a class="waves-effect waves-dark" href="#">Terms and conditions</a></li>

						<li><a class="waves-effect waves-dark" href="#">Privacy policy</a></li>

						<li><a class="waves-effect waves-dark" href="#">Career</a></li>

						<li><a class="waves-effect waves-dark" href="#">Contact us</a></li>

					</ul>

				</div>

			</div>

			<div class="col-lg-3">

				<div class="widget">

					<h5 class="widgetheading">Latest posts</h5>

					<ul class="link-list">

						<li><a class="waves-effect waves-dark" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>

						<li><a class="waves-effect waves-dark" href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>

						<li><a class="waves-effect waves-dark" href="#">Natus error sit voluptatem accusantium doloremque</a></li>

					</ul>

				</div>

			</div>

			<div class="col-lg-3">

					<div class="widget">

					<h5 class="widgetheading">Recent News</h5>

					<ul class="link-list">

						<li><a class="waves-effect waves-dark" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>

						<li><a class="waves-effect waves-dark" href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>

						<li><a class="waves-effect waves-dark" href="#">Natus error sit voluptatem accusantium doloremque</a></li>

					</ul>

				</div>

			</div>

		</div>

	</div>

	<div id="sub-footer">

		<div class="container">

			<div class="row">

				<div class="col-lg-6">

					<div class="copyright">

						<p>

							Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>

						</p>

					</div>

				</div>

				<div class="col-lg-6">

					<ul class="social-network">

						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>

						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>

						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>

						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>

						<li><a class="waves-effect waves-dark" href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>

					</ul>

				</div>

			</div>

		</div>

	</div>

	</footer>

</div>

<a href="#" class="scrollup waves-effect waves-dark"><i class="fa fa-angle-up active"></i></a>

<!-- javascript

    ================================================== -->

<!-- Placed at the end of the document so the pages load faster -->

<script src="js/jquery.js"></script>

<script src="js/jquery.easing.1.3.js"></script>

<script src="materialize/js/materialize.min.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="js/jquery.fancybox.pack.js"></script>

<script src="js/jquery.fancybox-media.js"></script>  

<script src="js/jquery.flexslider.js"></script>

<script src="js/animate.js"></script>

<!-- Vendor Scripts -->

<script src="js/modernizr.custom.js"></script>

<script src="js/jquery.isotope.min.js"></script>

<script src="js/jquery.magnific-popup.min.js"></script>

<script src="js/animate.js"></script> 

<script src="js/custom.js?v=70"></script>

</body>

</html>
JavaScript
1
https://gitee.com/moxingwang/sxteck.git
git@gitee.com:moxingwang/sxteck.git
moxingwang
sxteck
pc.page
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部
53164aa7 5694891 3bd8fe86 5694891