<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Inclusive a Corporate Category Bootstrap Responsive Web Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Inclusive Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<div class="wrap">
<div class="container">
<div class="logo text-center">
<span class="fa fa-diamond"></span>
<h1><a href="index.html">Inclusive</a></h1>
<p class="sub-tittle text-white mt-2">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam,
quis nostrud exercitation</p>
</div>
</div>
<div class="container">
<div class="main">
<header>
<div class="px-lg-5 ">
<nav class="mnu mx-auto">
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop">
<ul class="menu">
<li class="mr-lg-4 mr-3 active"><a href="index.html">Home</a></li>
<li class="mr-lg-4 mr-3"><a href="#about" class="scroll">About Us</a></li>
<li class="mr-lg-4 mr-3"><a href="#services" class="scroll">Services</a></li>
<li class="mr-lg-4 mr-3"><a href="#stats" class="scroll">Stats</a></li>
<li><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!-- //header -->
<section class="banner-bottom" id="about">
<div class="inner-sec">
<div class="row middle-grids">
<div class="col-lg-6 advantage-grid-info">
<div class="advantage_left">
<h2 class="heading text-capitalize mb-sm-5 mb-4">About Us</h2>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est. Cras mi ipsum, consectetur ac ipsum in, egestas vestibulum tellus.</p>
<a href="#" class="banner-button btn mt-5">Learn More</a>
</div>
</div>
<div class="col-lg-6 advantage-grid-info1">
<div class="advantage_left1 text-center">
<img src="images/g1.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</section>
<div class="agileits-services" id="services">
<h3 class="heading text-capitalize mb-sm-5 mb-4"> Services </h3>
<div class="agileits-services-row row py-lg-5 pb-5 text-center">
<div class="col-lg-4">
<div class="agileits-services-grids mt-lg-0 mt-md-0 mt-5">
<span class="fa fa-code"></span>
<h4 class="mt-3 mb-3">Consectetur</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur. </p>
</div>
</div>
<div class="col-lg-4">
<div class="agileits-services-grids mt-lg-0 mt-5">
<span class="fa fa-copy"></span>
<h4 class="mt-3 mb-3">Adipisicing</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur.</p>
</div>
</div>
<div class="col-lg-4 mt-lg-0 mt-5">
<div class="agileits-services-grids">
<span class="fa fa-diamond"></span>
<h4 class="mt-3 mb-3">Sit amet</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eum inventore consectetur.</p>
</div>
</div>
</div>
<a href="#" class="banner-button btn">Learn More </a>
</div>
<!-- stats -->
<section class="team-sec main-stats-inner" id="stats">
<!-- heading title -->
<div class="main-title text-center mb-5 pb-3">
<h3 class="heading text-capitalize mb-sm-5 mb-4"> Stats </h3>
<p class="sub-tittle mt-2">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam,
quis nostrud exercitation</p>
</div>
<!-- //heading title -->
<div class="inner-sec-w3ls-agileits">
<div class="row stats-con text-center border">
<div class="col-lg-3 col-md-6 col-6 stats_info counter_grid py-5">
<span class="fa fa-folder-open" aria-hidden="true"></span>
<p class="counter">645</p>
<h4>Projects Done</h4>
</div>
<div class="col-lg-3 col-md-6 col-6 stats_info counter_grid1 py-5">
<span class="fa fa-users" aria-hidden="true"></span>
<p class="counter">563</p>
<h4>Clients</h4>
</div>
<div class="col-lg-3 col-md-6 col-6 stats_info counter_grid2 py-5">
<span class="fa fa-thumbs-up" aria-hidden="true"></span>
<p class="counter">563</p>
<h4>Satisfied Clients</h4>
</div>
<div class="col-lg-3 col-md-6 col-6 stats_info counter_grid3 py-5">
<span class="fa fa-smile-o" aria-hidden="true"></span>
<p class="counter">1045</p>
<h4>Happy Clients</h4>
</div>
</div>
<div class="row stat-bottom mt-5">
<div class="col-md-6">
<p>Morbi sit amet nisl eu arcu faucibus hendrerit vel a risus. Nam a orci mi, elementum ac arcu sit amet, fermentum pellentesque et purus. Integer maximus varius lorem, sed convallis diam accumsan sed. Etiam porttitor placerat sapien, sed eleifend a enim pulvinar </p>
</div>
<div class="col-md-6">
<p>Morbi sit amet nisl eu arcu faucibus hendrerit vel a risus. Nam a orci mi, elementum ac arcu sit amet, fermentum pellentesque et purus. Integer maximus varius lorem, sed convallis diam accumsan sed. Etiam porttitor placerat sapien, sed eleifend a enim pulvinar </p>
</div>
</div>
<div class="stat-bton text-center mt-5">
<a href="#" class="banner-button btn">Learn More</a>
</div>
</div>
</section>
<!-- //stats -->
<!-- content-inner -->
<section class="content-inner">
<!-- heading title -->
<div class="main-title text-center mb-5 pb-3">
<h3 class="heading text-capitalize mb-sm-5 mb-4">Magna aliqua </h3>
<p class="sub-tittle mt-2">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam,
quis nostrud exercitation</p>
</div>
<!-- //heading title -->
<div class="row inner-conen
公司级网站源码-蓝色简约业务介绍响应式网页模板-支持适配移动端.zip
版权申诉
11 浏览量
2024-03-23
09:34:53
上传
评论
收藏 867KB ZIP 举报
公司级网站源码-蓝色简约业务介绍响应式网页模板-支持适配移动端.zip （14个子文件） 
公司级网站源码-蓝色简约业务介绍响应式网页模板-支持适配移动端 html css 
style.css 20KB font-awesome.css 37KB bootstrap.css 174KB
index.html 11KB images 
move-top.png 3KB
g1.jpg 266KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
