<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Sector Bootstarp Website Template | Home :: w3layouts</title>
<!--bootstarp-css-->
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--/bootstarp-css -->
<!--css-->
<link rel="stylesheet" href="./css/style.css" type="text/css" media="all" />
<!--/css-->
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Crimson+Text:600,600italic,400,700,400italic' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--js-->
<script src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
<!--/js-->
</html>
<body>
<!--header-->
<div class="header-top">
<div class="container">
<div class="header-top-line">
<i>Everything Web & Mobile</i>
</div>
<div class="call-us">
<p>Call Us: +91 - 5544332211</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="header-banner">
<div class="header-banner-info">
<div class="container">
<div class="logo">
<h1>Sector</h1>
</div>
<div class="header-right">
<div class="menu">
<span class="menu"> </span>
<ul class="navigatoin">
<li><a class="scroll" href="#ABOUT">ABOUT </a></li>
<li><a class="scroll" href="#SERVICES"> SERVICES</a></li>
<li><a class="scroll" href="#WORK">WORK</a></li>
<li><a class="scroll" href="#CONTACT">CONTACT</a></li>
</ul>
</div>
<!--script-nav -->
<script>
$("span.menu").click(function(){
$("ul.navigatoin").slideToggle("slow" , function(){
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<div class="clearfix"> </div>
<!-- /script-nav -->
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="container">
<div class="header-info">
<h1>Hello, we are sector</h1>
<p>We are a Digital Agency, doing everything, Web & Mobile</p>
<a href="#">learn more about us</a>
</div>
</div>
</div>
<!--/header-->
<!--ABOUT-->
<div id="ABOUT" class="about">
<div class="container">
<div class="about-info">
<h2>Everything Web & Mobile</h2>
<p>Curabitur pretium tincidunt tortor, eu tincidunt odio vestibulum non. Etiam orci lorem, convallis at consectetur ut,
egestas aliquam justo. Donec rutrum lorem nisl, eu cursus ante rhoncus ut. Phasellus interdum scelerisque aliquam.
Vivamus eu eros sapien. Pellentesque fringilla justo ante, vel ultrices tellus mollis quis. Etiam viverra,
enim sed vulputate pellentesque, elit turpis tincidunt enim, id sollicitudin justo magna vel nisi. Aenean nec mauris iaculis,
ullamcorper elit at, porta mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed viverra leo eu purus molestie,
quis vestibulum massa porttitor.</p>
</div>
<div class="about-info-grid">
<div class="col-md-6 notala">
<div class="about-narrow">
<img src="./images/01.jpg" class="img-responsive" alt=""/>
<div class="grid-social">
<a href="#"><span class="icon1"> </span></a>
<a href="#"><span class="icon2"> </span></a>
<a href="#"><span class="icon3"> </span></a>
<a href="#"><span class="icon4"> </span></a>
</div>
</div>
<div class="narrow-about">
<h3>JOHN DOE</h3>
<i>Co-Founder & CEO</i>
<p>Etiam a scelerisque nulla. Integer purus elit, sagittis ut turpis a,
venenatis viverra lectus. Sed nec volutpat tellus. Mauris pulvinar
augue eu sem commodo, vulputate fer</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 grbnat">
<div class="about-narrow">
<img src="./images/02.jpg" class="img-responsive" alt=""/>
<div class="grid-social">
<a href="#"><span class="icon1"> </span></a>
<a href="#"><span class="icon2"> </span></a>
<a href="#"><span class="icon3"> </span></a>
<a href="#"><span class="icon4"> </span></a>
</div>
</div>
<div class="narrow-abou">
<h3>JONATHAN DOEN</h3>
<i>Co-Founder & CTO</i>
<p>Nam ut velit a est ornare porttitor nec et turpis.
Integer tortor nulla, tincidunt sed lobortis in, sagittis
in mi. Nunc blandit, risus eget molestie ultrices, neque mauris con</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="about-info-grid">
<div class="col-md-6 info">
<div class="about-narrow">
<img src="./images/03.jpg" class="img-responsive" alt=""/>
<div class="grid-social">
<a href="#"><span class="icon1"> </span></a>
<a href="#"><span class="icon2"> </span></a>
<a href="#"><span class="icon3"> </span></a>
<a href="#"><span class="icon4"> </span></a>
</div>
</div>
<div class="narrow-about">
<h3>GONE DOE</h3>
<i>Development Lead</i>
<p>Nam ut velit a est ornare porttitor nec et turpis.
Integer tortor nulla, tincidunt sed lobortis in, sagittis
in mi. Nunc blandit, risus eget molestie ultrices, neque mauris con</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 foin">
<div class="about-narrow">
<img src="./images/04.jpg" class="img-responsive" alt=""/>
<div class="grid-social">
<a href="#"><span class="icon1"> </span></a>
<a href="#"><span class="icon2"> </span></a>
<a href="#"><span class="icon3"> </span></a>
<a href="#"><span class="icon4"> </span></a>
</div>
</div>
<div class="narrow-abou">
<h3>JOHN DOE</h3>
<i>Designing Lead</i>
<p>Etiam a scelerisque nulla. Integer purus elit, sagittis ut turpis a,
venenatis viverra lectus. Sed nec volutpat tellus. Mauris pulvinar
augue eu sem commodo, vulputate fer</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--/ABOUT-->
<!--Service-->
<div id="SERVICES" class="service">
<div class="container">
<div class="service-info">
<h3>Your One Stop Service Provider</h3>
<h4>This is a sub-heading style you can use below the main headings</h4>
</div>
<div class="clearfix"> </div>
<div class="expan">
<div class="col-md-6 expand">
<a href="#"><span class="view1"> </span></a>
<h3>Responsive Designs</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum et arcu egestas, elementum metus vitae,
vulputate velit. Nullam ut venenatis leo. Duis ut nunc
sit amet nunc viverra sodales.</p>
</div>
<div class="col-md-6 phone">
<a href="#"><span class="view1"> </sp
网站模板-团队介绍分享响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
140 浏览量
2024-03-25
08:46:57
上传
评论
收藏 1.05MB ZIP 举报
网站模板-团队介绍分享响应式网页模板-适配移动端界面-HTML源码.zip （78个子文件） 
网站模板-团队介绍分享响应式网页模板-适配移动端界面-HTML源码 html mobile css 
style.css 11KB
index.html 9KB images 
02.jpg 15KB
lk.png 442B tw.png 825B header-banner.jpg 47KB Thumbs.db 57KB 3.png 693B arrow.png 3KB c.png 2KB 01.jpg 16KB menu.png 835B fw.png 362B tu.png 475B 1.png 655B gp.png 652B d.png 1KB pc-pic.png 26KB a.png 719B 04.jpg 19KB b.png 628B 2.png 1KB 03.jpg 21KB smartphone js uisearch.js 6KB easing.js 5KB classie.js 2KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 14KB owl.carousel.css 8KB index.html 14KB images 02.jpg 7KB img-sprite-1.png 4KB tw.png 825B header-banner.jpg 58KB Thumbs.db 44KB arrow.png 3KB 01.jpg 7KB menu.png 268B img-sprite-4.png 2KB pc-pic.png 58KB contact-banner.jpg 1KB img-sprite.png 3KB 04.jpg 9KB img-sprite-3.png 2KB 03.jpg 11KB to-top1.png 874B web js uisearch.js 6KB easing.js 5KB classie.js 2KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 18KB owl.carousel.css 10KB bootstrap.css 118KB index.html 15KB images 02.jpg 7KB img-sprite-1.png 4KB tw.png 825B header-banner.jpg 305KB Thumbs.db 70KB arrow.png 3KB c.png 777B 01.jpg 7KB menu.png 268B img-sprite-4.png 2KB d.png 744B pc-pic.png 200KB a.png 748B contact-banner.jpg 75KB img-sprite.png 2KB 04.jpg 9KB b.png 922B img-sprite-3.png 2KB 03.jpg 11KB to-top1.png 874B资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4704
最新资源
- LCD1602驱动程序代码lcd1602
- 华为HCIA-WLAN 3.0 课程视频（34 WLAN二层旁挂组网实验（下）.mp4）
- 华为HCIA-WLAN 3.0 课程视频（33 WLAN二层旁挂组网实验（上）.mp4）
- 基于 Java 实现的Android与51单片机的信息交互
- 华为HCIA-WLAN 3.0 课程视频（32 WLAN配置应用-CLl.mp4）
- copy-sct.sql
- 华为HCIA-WLAN 3.0 课程视频（31 WLAN配置流程-CLI.mp4）
- 【目标检测数据集】大豆质量品质分类检测数据集5400张5类别VOC+YOLO格式
- DS18B20温度传感器+按键控制源代码
- WordPress webstack网址导航主题风格
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
