<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Captivate a Corporate Category Bootstrap Responsive Website Template | Home :: W3layouts</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400&display=swap" rel="stylesheet">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<!-- site header -->
<header id="site-header" class="fixed-top">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="index.html">
<span class="fa fa-shield"></span> Captivate
</a>
<button class="navbar-toggler bg-gradient" type="button" data-toggle="collapse"
data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav m-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a href="#demo" class="btn btn-primary btn-style">View Demo</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- //site header -->
<!-- banner section -->
<section id="home" class="banner">
<div id="banner-bg-effect" class="banner-effect"></div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 col-md-12 col-sm-12 order-lg-first mt-lg-0 mt-4">
<h1 class="mb-4 title"><strong>Doing </strong>the right thing, <br>at the <strong>right time.</strong>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, excepturi.
Distinctio accusantium fugit odit? Fugit ipsam nostrum minus alias, expedita voluptatem
illo quis id eos quae odio, nobis deleniti delectus? Lorem ipsum dolor sit amet consectetur
adipisicing
elit.</p>
<div class="mt-5">
<a class="btn btn-primary btn-style mr-2" href="about.html">Read More </a>
<a class="btn btn-outline btn-outline-style" href="services.html">Our Services </a>
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 order-first text-lg-left text-center">
<div>
<img src="assets/images/banner-round.png" alt="" class="rounded-circle img-fluid">
</div>
</div>
</div>
</div>
</section>
<!-- //banner section -->
<!-- home page about -->
<section class="w3l-about">
<div class="container">
<div class="row about-content">
<div class="col-lg-6 info mb-lg-0 mb-sm-5 mb-4 align-center">
<h3 class="title">About Us</h3>
<h6>Business planning, Strategy and Execution. A problem-solving philosophy that leads to
products people actually want to use.</h6>
<p class="mt-md-4 mt-3 mb-0"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Animi
recusandae, ducimus vel rerum accusamus odit provident nobis ratione quisquam obcaecati atque
fuga maiores! Tenetur aspernatur alias unde facilis eveniet? Eius! Lorem ipsum dolor sit amet,
Fugit ipsam nostrum minus alias, expedita.</p>
</div>
<div class="col-lg-6">
<img src="assets/images/about.png" class="img-fluid img-shadow" alt="about">
</div>
</div>
</div>
</section>
<!-- //home page about -->
<!-- home page service grids -->
<section id="services" class="bg-light">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 offset-lg-2 col-md-12 col-sm-12">
<h4 class="section-title">Meet Our Solution For You</h4>
<p class="text-center">Lorem ipsum dolor, sit amet consectet et adipis icing elit. Ab commodi iure minus
laboriosam placeat quia, dolorem animi. Eveniet repudiandae, iure et.</p>
</div>
</div>
<div class="row mt-lg-5">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<div class="icon">
<span class="fa fa-briefcase"></span>
</div>
<h4><a href="#url">Business Services</a></h4>
<p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit.
doloret quas saepe autem, dolor set.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<div class="icon">
<span class="fa fa-shield"></span>
</div>
<h4><a href="#url">Product Consulting</a></h4>
<p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit.
doloret quas saepe autem, dolor set.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<div class="icon">
<span class="fa fa-dollar"></span>
</div>
<h4><a href="#url">Financial Consulting</a></h4>
<p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit.
doloret quas saepe autem, dolor set.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<div class="icon">
<span class="fa fa-industry"></span>
</div>
<h4><a href="#url">Investment Planning</a></h4>
<p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit.
doloret quas saepe autem, dolor set.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<div class="icon">
<span class="fa fa-lightbulb-o"></span>
</div>
<h4><a href="#url">Business Growth</a></h4>
<p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit.
doloret quas saepe autem, dolor set.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="box-wrap">
<div class="icon">
<span class="fa fa-picture-o"></span>
</div>
<h4><a href="#url">Projects Worldwide</a></h4>
<p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit.
doloret quas saepe autem, dolor set.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //home page service grids -->
<!-- testimonials section -->
<section id="slider" class="testimonials">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 offset-lg-2 col-md-12 col-sm-12">
<h4 class="section-title">What they said about us</h4>
<p class="text-center">There are many variations of passages of Lorem Ipsum available, but the majority
have
suffered alteration in some form, by injected humour</p>
</div>
</div>
<div class="large-12 columns mt-5">
<div class="owl-carousel owl-theme">
<div class="item">
公司级网站源码-业务团队展示响应式网页模板-支持适配移动端.zip （49个子文件） 
公司级网站源码-业务团队展示响应式网页模板-支持适配移动端 html assets js 
particles.min.js 23KB lightbox-plus-jquery.min.js 91KB bootstrap.min.js 57KB jquery-3.3.1.min.js 68KB owl.carousel.js 88KB script.js 4KB css style-starter.css 245KB images 
s2.png 27KB mobile.png 122KB
b1.jpg 12KB down.png 240B b2.jpg 26KB blog2-small.jpg 10KB blog3-small.jpg 8KB testi4.jpg 12KB stats_bg.jpg 108KB team2.png 124KB b6.jpg 37KB testi5.jpg 10KB team3.png 167KB team1.png 144KB b3.jpg 19KB about.png 44KB b5.jpg 21KB banner-round.png 25KB b4.jpg 43KB testi2.jpg 13KB blog2.jpg 29KB img-sprite.png 1KB close.png 280B blog1-small.jpg 9KB testi1.jpg 10KB s1.png 47KB s.jpg 74KB blog.jpg 30KB about1.png 31KB single.jpg 42KB blog1.jpg 34KB testi3.jpg 11KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB
services.html 15KB index.html 24KB contact.html 12KB about.html 18KB资源评论
