<!--
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
版权申诉
16 浏览量
2024-03-24
15:03:42
上传
评论
收藏 11.76MB ZIP 举报
网站模板-品牌设计团队响应式网页模板-适配移动端界面-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
- 粉丝: 1w+
- 资源: 4704
最新资源
- 使用ASP.NET Core和Entity Framework Core来构建一个基本的进销存系统.rar
- 深度学习经典数据集+FER2013面部表情识别+附带使用方法的python代码
- Python中，要实现连接多个相机并识别多个二维码.rar
- 使用FFT算法对一个信号进行分析.rar
- 171cms游戏应用下载系统源码.zip
- 基于jsp+servlet+mysql蛋糕甜品店购物网站源码+数据库（期末大作业）.zip
- Java项目:在线蛋糕商城系统(java+jsp+mysql)源码+数据库+期末大作业.zip
- ZapyaClient10_7-1.apk
- 织梦cms站长导航网站源码.zip
- 基于SSM+MySQL的网络投票调查问卷系统源码+数据库（java期末大作业）.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
