<!--
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="en">
<head>
<title>Technical Solutions a Corporate Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- custom-theme -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Technical Solutions a 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 type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //custom-theme -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- font-awesome-icons -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- //font-awesome-icons -->
<!-- google fonts -->
<link href="//fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!-- //google fonts -->
</head>
<body>
<!-- banner -->
<div class="position">
<div class="banner">
<div class="agileinfo-dot">
<div class="container-fluid">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="index.html">Technical <span>SOlutions</span></a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<nav class="link-effect-8" id="link-effect-8">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#testimonials" class="scroll">Testimonials</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<ul class="footericons">
<li><a href="#"><span class="fa fa-twitter" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus" aria-hidden="true"></span></a></li>
<li><a href="#"><span class="fa fa-youtube" aria-hidden="true"></span></a></li>
</ul>
</nav>
</div>
</nav>
<div class="w3_agile_banner_info">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="agileits_w3layouts_banner_info">
<h2>Technical…</h2>
<p>See our recent works projects! Sed bibendum, purus ac posuere tristique arcu augue pharetra augue,</p>
<div class="w3ls-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
</li>
<li>
<div class="agileits_w3layouts_banner_info">
<h3>Challenges…</h3>
<p>Sed bibendum, purus ac posuere tristique See our recent works projects! arcu augue pharetra augue,</p>
<div class="w3ls-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
</li>
<li>
<div class="agileits_w3layouts_banner_info">
<h3>Additional…</h3>
<p>See our recent works projects! Sed bibendum, purus ac posuere tristique arcu augue pharetra augue,</p>
<div class="w3ls-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
</li>
</ul>
</div>
</section>
<!-- flexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- //flexSlider -->
</div>
</div>
<div class="bannergrids">
<ul class="banneraddress">
<li><span class="fa fa-envelope" aria-hidden="true"></span><a href="mailto:example@email.com">info@example.com</a></li>
<li><span class="fa fa-phone" aria-hidden="true"></span>+017 544 673 2277</li>
<li><a href="#contact" class="scroll"><span class="fa fa-long-arrow-right" aria-hidden="true"></span> Contact Us</a></li>
<li><span class="fa fa-map-marker" aria-hidden="true"></span>123 london street maquis servilon, london</li>
</ul>
<div class="clearfix"></div>
<div class="bannerbottom">
<div class="col-md-4 bannerbott1">
<h3><span class="fa fa-laptop" aria-hidden="true"></span> venenatis libero</h3>
<p>Donec et venenatis libero. Fusce dapibus pulvinar tincidunt. Proin maximus ipsum
ut scelerisque dictum.</p>
</div>
<div class="col-md-4 bannerbott1">
<h3><span class="fa fa-diamond" aria-hidden="true"></span> venenatis libero</h3>
<p>Donec et venenatis libero. Fusce dapibus pulvinar tincidunt. Proin maximus ipsum
ut scelerisque dictum.</p>
</div>
<div class="col-md-4 bannerbott1">
<h3><span class="fa fa-cube" aria-hidden="true"></span> venenatis libero</h3>
<p>Donec et venenatis libero. Fusce dapibus pulvinar tincidunt. Proin maximus ipsum
ut scelerisque dictum.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- About -->
<div class="about" id="about">
<div class="container">
<h3 class="w3l_header w3_agileits_header two"><span>Who</span> We Are</h3>
<div class="aboutgrids">
<div class="col-md-4 aboutgrid1">
<h4>Professional learning academy will make us develop high in the quality</h4>
</div>
<div class="col-md-4 aboutgrid2">
<p>Donec et venenatis libero. Fusce dapibus pulvinar tincidunt. Proin maximus ipsum
ut scelerisque dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Nunc non risus in justo convallis feugiat.</p>
</div>
<div class="col-md-4 aboutgrid3">
<p>
<p>Donec et venenatis libero. Fusce dapibus pulvinar tincidunt. Proin maximus ipsum
ut scelerisque dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Nunc non risus in justo convallis feugiat.</p>
</div>
<div class="clearfix"> </div>
<!-- Aboutslider -->
<div class="aboutslider">
<!--Slider-->
<div class="slider
HTML网站源码-技术解决方案响应式网页模板-移动端可用.zip
版权申诉
23 浏览量
2024-03-22
10:42:00
上传
评论
收藏 3.21MB ZIP 举报
HTML网站源码-技术解决方案响应式网页模板-移动端可用.zip （33个子文件） 
HTML网站源码-技术解决方案响应式网页模板-移动端可用 html js 
bootstrap.js 66KB responsiveslides.min.js 3KB SmoothScroll.min.js 13KB jquery.flexslider.js 40KB easing.js 5KB move-top.js 1KB owl.carousel.js 52KB jquery-2.1.4.min.js 82KB css style.css 40KB flexslider.css 6KB owl.carousel.css 2KB bootstrap.css 138KB font-awesome.min.css 28KB
index.html 25KB images 
test1.jpg 173KB about1.jpg 152KB
arrow.png 513B about.jpg 134KB team3.jpg 9KB laptop1.jpg 1.62MB dott.png 213B team2.jpg 15KB arrows.png 4KB about2.jpg 417KB quotes.png 856B laptop.jpg 121KB team1.jpg 10KB about3.jpg 99KB fonts FontAwesome.otf 122KB fontawesome-webfont.eot 75KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.ttf 149KB资源评论
