<!--
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
最新资源
- 几何物体检测43-YOLO（v5至v9）、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- 基于cruise的燃料电池功率跟随仿真，按照丰田氢能源车型搭建，在wltc工况下跟随效果好，最高车速175，最大爬坡30，百公里9s均已实现 1.模型通过cruise simulink联合仿真，策略
- C#源码 上位机 联合Visionpro 通用框架开发源码，已应用于多个项目，整套设备程序，可以根据需求编出来，具体Vpp功能自己编 程序包含功能 1.自动设置界面窗体个数及分布 2.照方式以命令触
- 程序名称：悬架设计计算程序 开发平台：基于matlab平台 计算内容：悬架偏频刚度挠度；螺旋弹簧，多片簧，少片簧，稳定杆，减震器的匹配计算；悬架垂向纵向侧向力学、纵倾、侧倾校核等；独立悬架杠杆比，等效
- 华为OD+真题及解析+智能驾驶
- jQuery信息提示插件
- 基于stm32的通信系统，sim800c与服务器通信，无线通信监测，远程定位，服务器通信系统，gps，sim800c，心率，温度，stm32 由STM32F103ZET6单片机核心板电路、DS18B2
- 充电器检测9-YOLO（v5至v11）、COCO、Create充电器检测9L、Paligemma、TFRecord、VOC数据集合集.rar
- 华为OD+考试真题+实现过程
- 保险箱检测51-YOLO（v5至v11）、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
