<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Squadfree - Free bootstrap 3 one page template</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" />
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<!-- Preloader -->
<div id="preloader">
<div id="load"></div>
</div>
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<h1>SQUAD FREE</h1>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#intro">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#service">Service</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Example menu</a></li>
<li><a href="#">Example menu</a></li>
<li><a href="#">Example menu</a></li>
</ul>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Section: intro -->
<section id="intro" class="intro">
<div class="slogan">
<h2>WELCOME TO <span class="text_color">SQUAD</span> </h2>
<h4>WE ARE GROUP OF GENTLEMEN MAKING AWESOME WEB WITH BOOTSTRAP</h4>
</div>
<div class="page-scroll">
<a href="#service" class="btn btn-circle">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</section>
<!-- /Section: intro -->
<!-- Section: about -->
<section id="about" class="home-section text-center">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>About us</h2>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="0.2s">
<div class="team boxed-grey">
<div class="inner">
<h5>Anna Hanaceck</h5>
<p class="subtitle">Pixel Crafter</p>
<div class="avatar"><img src="img/team/1.jpg" alt="" class="img-responsive img-circle" /></div>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="0.5s">
<div class="team boxed-grey">
<div class="inner">
<h5>Maura Daniels</h5>
<p class="subtitle">Ruby on Rails</p>
<div class="avatar"><img src="img/team/2.jpg" alt="" class="img-responsive img-circle" /></div>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="0.8s">
<div class="team boxed-grey">
<div class="inner">
<h5>Jack Briane</h5>
<p class="subtitle">jQuery Ninja</p>
<div class="avatar"><img src="img/team/3.jpg" alt="" class="img-responsive img-circle" /></div>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-3 col-md-3">
<div class="wow bounceInUp" data-wow-delay="1s">
<div class="team boxed-grey">
<div class="inner">
<h5>Tom Petterson</h5>
<p class="subtitle">Typographer</p>
<div class="avatar"><img src="img/team/4.jpg" alt="" class="img-responsive img-circle" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: about -->
<!-- Section: services -->
<section id="service" class="home-section text-center bg-gray">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>Our Services</h2>
<i class="fa fa-2x fa-angle-down"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 col-lg-offset-5">
<hr class="marginbot-50">
</div>
</div>
<div class="row">
<div class="col-sm-3 col-md-3">
<div class="wow fadeInLeft" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-1.png" alt="" />
</div>
<div class="service-desc">
<h5>Print</h5>
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-2.png" alt="" />
</div>
<div class="service-desc">
<h5>Web Design</h5>
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-3.png" alt="" />
</div>
<div class="service-desc">
<h5>Photography</h5>
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3 col-md-3">
<div class="wow fadeInRight" data-wow-delay="0.2s">
<div class="service-box">
<div class="service-icon">
<img src="img/icons/service-icon-4.png" alt="" />
</div>
<div class="service-desc">
<h5>Cloud System</h5>
<p>Vestibulum tincidunt enim in pharetra malesuada. Duis semper magna metus electram accommodare.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: services -->
<!-- Section: contact -->
<section id=
企业网站HTML源码-简约巅峰团队展示响应式网页模板-可适配移动端.zip
版权申诉
172 浏览量
2024-03-25
08:46:38
上传
评论
收藏 2.07MB ZIP 举报
企业网站HTML源码-简约巅峰团队展示响应式网页模板-可适配移动端.zip （79个子文件） 
企业网站HTML源码-简约巅峰团队展示响应式网页模板-可适配移动端 html font-awesome css 
font-awesome.css 21KB font-awesome.min.css 17KB scss _core.scss 271B _spinning.scss 766B _fixed-width.scss 120B _icons.scss 26KB _larger.scss 375B _stacked.scss 482B _variables.scss 10KB _path.scss 695B font-awesome.scss 405B _bordered-pulled.scss 332B _rotated-flipped.scss 412B _mixins.scss 701B _list.scss 378B less larger.less 370B core.less 270B rotated-flipped.less 367B spinning.less 765B stacked.less 476B bordered-pulled.less 330B fixed-width.less 119B mixins.less 699B variables.less 10KB font-awesome.less 405B icons.less 26KB list.less 375B path.less 684B fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB js bootstrap.js 54KB bootstrap.min.js 28KB jquery.easing.min.js 5KB jquery.scrollTo.js 2KB jquery-1.10.2.js 91KB wow.min.js 3KB custom.js 1KB jquery.min.js 91KB img 
spinner.gif 15KB team 
2.jpg 17KB 1.jpg 20KB 3.jpg 21KB 4.jpg 24KB works 2.jpg 80KB 6.jpg 92KB 1.jpg 210KB 5.jpg 72KB 8.jpg 70KB 3.jpg 92KB 7.jpg 94KB 4.jpg 85KB bg1.jpg 772KB icons 
service-icon-3.png 719B weather-icons.png 2KB menu-icons.png 3KB menu-icons2.png 4KB service-icon-2.png 615B search2.png 1KB service-icon-4.png 665B grid-menu-icons.png 3KB weather-main.png 3KB search.png 1KB button-icons.png 2KB service-icon-1.png 309B social-icons2.png 6KB loader.gif 2KB css style.css 15KB bootstrap.min.css 99KB animate.css 56KB bootstrap.css 120KB color default.css 655B
index.html 13KB fonts glyphicons-halflings-regular.svg 62KB glyphicons-halflings-regular.ttf 29KB glyphicons-halflings-regular.woff 16KB glyphicons-halflings-regular.eot 14KB资源评论
