<!--
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>
<head>
<title>The Arrow bootstrap Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="./css/component.css" />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--webfonts-->
<!--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-->
</head>
<body>
<!--header-->
<div class="header">
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/head-logo.png" /></a>
</div>
<!--top-nav-->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#service" class="scroll">Services</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#offices" class="scroll">Offices</a></li>
<li><a href="#client" class="scroll">clients</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(200);
});
});
</script>
<!--End-top-nav-script-->
<div class="clearfix"> </div>
</div>
</div>
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-info">
<img src="./images/logo.png" />
<h1>Idea, Design and Code</h1>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
<a class="slide-btn" href="#">Know More</a>
</div>
</div>
</div>
</div>
<section class="color ss-style-bigtriangle ">
<div id="service" class="Services">
<div class="service-section">
<div class="container">
<h3>Services</h3>
<lable> </lable>
</div>
</div>
<div class="service-grids">
<div class="container">
<div class="col-md-4 service-grid1">
<i class="icon1"> </i>
<h3>IDEA</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="col-md-4 service-grid2">
<i class="icon2"> </i>
<h3>DESIGN</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="col-md-4 service-grid3">
<i class="icon3"> </i>
<h3>CODE</h3>
<p>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</section>
<svg id="bigTriangleColor" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L50 100 L100 0 Z" />
</svg>
<!--/End-banner-->
<div id="portfolio" class="portfolio">
<div class="container">
<div class="port-section">
<h3>OUR PORTFOLIO</h3>
<lable> </lable>
</div>
<div class="portfolio">
<ul id="filters" class="clearfix">
<li><span class="filter" data-filter="app card icon logo web">All</span></li>
<li><span class="filter" data-filter="card">Branding</span></li>
<li class="active"><span class="filter" data-filter="app"> Webdesign</span></li>
<li><span class="filter" data-filter="logo"> Photography</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic1.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "><span class="m_4">Photography</span><br>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p></div></a>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic2.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "><span class="m_4">Photography</span><br>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium</p></div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic3.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "><span class="m_4">Photography</span><br>Lorem ipsum dolor sit amet, offendit volutpat sea ex, at omnium scripta pro, ei mea oratio malorum forensibus. Sed ei omnes laoreet posidonium.</p></div></a>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog3" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic4.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "><span class="m_4">Photography</span><br>Lorem ipsum dolor sit amet, offendit volut
网站模板-品牌设计团队响应式网页模板-适配移动端界面-HTML源码.zip （122个子文件） 
bootstrap.css 118KB style.css 40KB style.css 23KB style.css 12KB owl.carousel.css 8KB owl.carousel.css 8KB popuo-box.css 5KB popuo-box.css 4KB component.css 4KB component.css 3KB Thumbs.db 187KB Thumbs.db 184KB Thumbs.db 184KB
index.html 27KB index.html 19KB index.html 8KB jquery.min.js 91KB jquery.min.js 91KB jquery.magnific-popup.js 45KB jquery.magnific-popup.js 45KB owl.carousel.js 37KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB easing.js 5KB easing.js 5KB modernizr.custom.min.js 2KB modernizr.custom.min.js 2KB move-top.js 1KB move-top.js 1KB menu.js 1KB menu.js 1KB
banner.png 1.83MB bg.png 1.46MB bg3.png 893KB bg2.png 781KB bg.png 752KB bg3.png 443KB bg2.png 423KB pop-up2.png 407KB pop-up2.png 407KB pop-up.png 283KB pop-up.png 283KB pic5.png 228KB pic3.png 215KB pic4.png 211KB pic1.png 205KB pic2.png 178KB pic6.png 175KB banner.png 153KB bg.png 145KB pic5.png 136KB pic3.png 131KB pic4.png 129KB t3.png 124KB pic1.png 117KB pic2.png 111KB pic6.png 110KB t1.png 110KB t2.png 106KB t4.png 100KB bg2.png 95KB banner.png 91KB bg3.png 79KB t3.png 58KB t2.png 50KB t3.png 29KB t2.png 27KB c2.png 23KB c1.png 23KB map.png 20KB pic5.png 16KB pic3.png 15KB pic6.png 15KB pic1.png 15KB c4.png 15KB pic4.png 15KB pic2.png 14KB c3.png 14KB map.png 13KB c4.png 12KB c4.png 12KB map.png 11KB c2.png 11KB c2.png 11KB c1.png 9KB c1.png 9KB c5.png 7KB logo.png 5KB c6.png 4KB service-icons.png 4KB contact-icons.png 4KB service-icons.png 4KB icon-eye.png 4KB icon-eye.png 4KB c6.png 3KB menu-icon.png 3KB menu-icon.png 3KB menu-icon.png 3KB contact-icons.png 3KB共 122 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 基于STM32F103C8T6的4g模块（air724ug）
- 基于Java技术的ASC学业支持中心并行项目开发设计源码
- 基于Java和微信支付的wxmall开源卖票商城设计源码
- 基于Java和前端技术的东软环保公众监督系统设计源码
- 基于Python、HTML、CSS的crawlerdemo软件工程实训爬虫设计源码
- 基于多智能体深度强化学习的边缘协同任务卸载方法设计源码
- 基于BS架构的Java、Vue、JavaScript、CSS、HTML整合的毕业设计源码
- 基于昇腾硬件加速的AI大模型性能优化设计源码
- 基于Plpgsql与Python FastAPI的mini-rbac-serve权限管理系统后端设计源码
- 基于SpringBoot的轻量级Java快速开发源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
