<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Avalon a Corporate Category Flat Bootstrap Responsive Website Template | portfolio :: w3layouts</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Lato:100,200,300,400,500,600,700,800,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Avalon Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!-- start-smooth-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-smooth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner pg-head">
<div class="container">
<div class="logo head">
<a href="index.html"><img src="images/2.jpg" alt=""/></a>
</div>
<div class="navigation nv-hd">
<span class="menu"><img src="images/menu.png" alt=""/></span>
<ul class="nav1 nl">
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a class="active" href="portfolio.html">PORTFOLIO</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="404.html">SHOP</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
</div>
</div>
<!-- //banner -->
<!-- portfolio -->
<div id="portfolio" class="portfolio">
<!-- Portfolio Starts Here -->
<div class="portfolios entertain_box wow fadeInUp" data-wow-delay="0.4s" id="project">
<div class="container">
<div class="portfolio-info">
<h3>PORTFOLIO</h3>
<p>Each of our prjects involve the following stages of creation process.
Elit varius est, et ornare ante massa quis tellus. Mauris nec lacinia
nisl. Curabitur tempus tellus et vulputate vestibulum. </p>
</div>
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon web">CATEGORY 1</span></li>
<li><span class="filter" data-filter="app">CATEGORY 2</span></li>
<li><span class="filter" data-filter="card">CATEGORY 3</span></li>
<li><span class="filter" data-filter="web">CATEGORY 4</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="images/k1.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k1.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</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="images/k2.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k2.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/k3.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k3.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</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="images/k4.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k4.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/k5.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k5.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</div>
</a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/k6.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k6.jpg" alt=""/>
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/>
</h2>
</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="images/k7.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k7.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" class="zoom" alt=""/></h2>
</div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="images/k8.jpg" class="b-link-stripe b-animate-go swipebox" title="">
<img class="img-responsive" src="images/k8.jpg" />
<div class="b-wrapper">
<h2 class="b-animate b-from-left b-delay03 ">
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-公司业务介绍组合响应式网页模板-适配移动端界面-HTML源码.zip
共71个文件
jpg:38个
png:12个
js:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 174 浏览量
2024-03-23
09:38:46
上传
评论
收藏 2MB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-公司业务介绍组合响应式网页模板-适配移动端界面-HTML源码.zip (71个子文件)
网站模板-公司业务介绍组合响应式网页模板-适配移动端界面-HTML源码
html
portfolio.html 12KB
js
jquery.swipebox.min.js 7KB
responsiveslides.min.js 3KB
easing.js 5KB
move-top.js 1KB
modernizr.custom.js 9KB
jquery.mixitup.min.js 14KB
jquery.flexisel.js 8KB
jquery.min.js 92KB
css
style.css 53KB
bootstrap.css 118KB
swipebox.css 4KB
404.html 3KB
services.html 6KB
index.html 11KB
contact.html 4KB
about.html 6KB
single.html 5KB
images
fff.jpg 31KB
plus.png 3KB
plus1.png 3KB
a6.jpg 35KB
2.jpg 15KB
k2.jpg 137KB
hhh.jpg 50KB
10.jpg 10KB
Thumbs.db 149KB
eee.jpg 29KB
ppp.jpg 132KB
s1.jpg 9KB
k12.jpg 73KB
k1.jpg 58KB
123.jpg 294KB
s2.jpg 10KB
menu.png 153B
12.png 3KB
k5.jpg 62KB
1.jpg 126KB
k8.jpg 72KB
k6.jpg 68KB
home.png 218B
ddd.jpg 25KB
sss.jpg 58KB
k3.jpg 69KB
left.png 165B
444.jpg 14KB
k10.jpg 104KB
333.jpg 19KB
k4.jpg 66KB
999.jpg 52KB
k11.jpg 43KB
888.jpg 34KB
11.png 3KB
6.png 8KB
icons.svg 1KB
k9.jpg 67KB
222.jpg 19KB
ggg.jpg 10KB
8.png 8KB
e.png 3KB
777.jpg 59KB
ccc.jpg 35KB
s3.jpg 6KB
666.png 3KB
7.png 8KB
s4.jpg 5KB
aaa.jpg 69KB
4.jpg 89KB
k7.jpg 49KB
111.jpg 19KB
blog.html 6KB
共 71 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 毕业设计A052-基于Java的健身房管理系统的设计与实现
- 模型预测电流控制-广义双矢量
- Python爬虫入门推荐+爬取商品数据进行数据分析+适用于测试、开发、运营等
- libusbK、libusb-win32、libwdi、USB视频设备 驱动安装包
- 江苏范特科技有限公司创投信息
- 上海零数科技有限公司创投信息
- 上海唯鲜良品食品科技有限公司创投信息
- 上海柚凡信息科技有限公司创投信息
- 上海域圆信息科技有限公司创投信息
- 上市公司财务指标数据集2023-2000年原始数据 含剔除金融STPT版本
- Qt中嵌入窗口,例如嵌入MainWindows、QWidget、QDialog等窗口
- matplotShowDataCSV2-最简单的数据绘图
- 深圳店匠科技有限公司创投信息
- 深圳莱芒生物科技有限公司创投信息
- 沈阳黛斯蓝伊莎生物科技有限公司创投信息
- 苏州引航生物科技有限公司创投信息
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功