<!--
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>Studio seven a Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css">@import url("web/css/style.css");</style>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
<script src="./js/jquery.min.js"></script>
<link href="./css/megamenu.css" rel="stylesheet">
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<!---css-style-switecher----->
<script type="text/javascript" src="./js/jsapi"></script>
<script>
google.setOnLoadCallback(function()
{
// Color changer
$(".colorblue").click(function(){
$("link").attr("href", "web/css/blue.css");
return false;
});
$(".colorgreen").click(function(){
$("link").attr("href", "web/css/green.css");
return false;
});
$(".coloryellow").click(function(){
$("link").attr("href", "web/css/yellow.css");
return false;
});
});
</script>
<!---//End-css-style-switecher----->
<link rel="stylesheet" href="./css/swipebox.css">
<!------ Light Box ------>
<script src="./js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<!-- header -->
<div class="banner1">
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="megamenu">
<li><a href="index.html">home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">services</a></li>
<li class="active"><a href="portfolio.html">portfolio</a>
<ul class="dropdown">
<li><a href="portfolio.html">portfolio </a></li>
<li><a href="portfolio.html">portfolio </a></li>
<li><a href="portfolio.html">portfolio </a></li>
<ul class="dropdown">
<li><a href="portfolio.html">portfolio </a></li>
<li><a href="portfolio.html">portfolio </a></li>
<li><a href="portfolio.html">portfolio </a></li>
<ul class="dropdown">
<li><a href="portfolio.html">portfolio </a></li>
<li><a href="portfolio.html">portfolio </a></li>
<li><a href="portfolio.html">portfolio </a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="blog.html">blog</a></li>
<li><a href="404.html">features</a></li>
<li><a href="contact.html">contacts</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="banner-about">
<h1>Portfolio</h1>
</div>
</div>
</div>
<!-- header -->
<!---start-color-changer----->
<div id="colorchanger">
<a class="colorbox colorblue" href="?theme=blue" title="Blue Theme"> </a>
<a class="colorbox colorgreen" href="?theme=green" title="Green Theme"> </a>
<a class="colorbox coloryellow" href="?theme=yellow" title="yellow Theme"> </a>
</div>
<!---//End-color-changer----->
<!-- showcase -->
<div class="portfolio">
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logos web">All</span></li>
<li><span class="filter" data-filter="app">Branding</span></li>
<li><span class="filter" data-filter="card">Web</span></li>
<li><span class="filter" data-filter="icon">Logo Design</span></li>
<li><span class="filter" data-filter="logos">Photography</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img1.jpg" class="swipebox" title="Image Title"> <img src="./images/img1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img2.jpg" class="swipebox" title="Image Title"> <img src="./images/img2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img3.jpg" class="swipebox" title="Image Title"> <img src="./images/img3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img4.jpg" class="swipebox" title="Image Title"> <img src="./images/img4.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img3.jpg" class="swipebox" title="Image Title"> <img src="./images/img3.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img4.jpg" class="swipebox" title="Image Title"> <img src="./images/img4.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img1.jpg" class="swipebox" title="Image Title"> <img src="./images/img1.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio logos mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="logos" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="./images/img2.jpg" class="swipebox" title="Image Title"> <img src="./images/img2.jpg" class="img-res
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-商业咨询管理公司响应式网页模板-适配移动端界面-HTML源码.zip
共114个文件
jpg:48个
html:24个
png:15个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 167 浏览量
2024-03-24
15:03:05
上传
评论
收藏 1.39MB ZIP 举报
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-商业咨询管理公司响应式网页模板-适配移动端界面-HTML源码.zip (114个子文件)
bootstrap.css 118KB
style.css 36KB
style.css 25KB
style.css 19KB
megamenu.css 7KB
swipebox.css 4KB
swipebox.css 4KB
flexslider.css 4KB
flexslider.css 3KB
green.css 3KB
green.css 3KB
yellow.css 3KB
yellow.css 3KB
Thumbs.db 52KB
portfolio.html 15KB
portfolio.html 14KB
index.html 13KB
about.html 12KB
index.html 11KB
services.html 11KB
about.html 10KB
services.html 10KB
single.html 9KB
portfolio.html 9KB
blog.html 9KB
contact.html 9KB
single.html 8KB
contact.html 8KB
index.html 8KB
blog.html 8KB
about.html 7KB
404.html 7KB
single.html 6KB
services.html 6KB
404.html 6KB
contact.html 6KB
blog.html 5KB
404.html 4KB
img9.jpg 261KB
banner.jpg 108KB
img7.jpg 102KB
building.jpg 101KB
banner1.jpg 70KB
img8.jpg 69KB
img2.jpg 43KB
img2.jpg 29KB
img13.jpg 29KB
img3.jpg 28KB
building.jpg 27KB
building.jpg 27KB
img1.jpg 26KB
img4.jpg 25KB
img7.jpg 25KB
img7.jpg 25KB
img3.jpg 22KB
img14.jpg 22KB
img2.jpg 22KB
img1.jpg 21KB
img12.jpg 21KB
img15.jpg 20KB
img4.jpg 20KB
img9.jpg 19KB
img9.jpg 19KB
img3.jpg 18KB
img8.jpg 18KB
img8.jpg 18KB
banner1.jpg 17KB
img1.jpg 17KB
img4.jpg 17KB
img15.jpg 15KB
banner.jpg 15KB
img12.jpg 15KB
img6.jpg 14KB
img6.jpg 11KB
img5.jpg 10KB
banner1.jpg 10KB
img13.jpg 10KB
img13.jpg 10KB
img5.jpg 9KB
banner.jpg 8KB
img6.jpg 8KB
img14.jpg 7KB
img14.jpg 7KB
img5.jpg 7KB
img12.jpg 7KB
img15.jpg 6KB
jquery.min.js 82KB
jquery.min.js 82KB
jquery.flexslider.js 39KB
jquery.flexslider.js 39KB
jquery.mixitup.min.js 14KB
jquery.mixitup.min.js 14KB
jquery.swipebox.min.js 7KB
jquery.swipebox.min.js 7KB
megamenu.js 1KB
jsapi 24KB
jsapi 24KB
img-sprite.png 41KB
img-sprite.png 35KB
img-sprite1.png 4KB
共 114 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 国产化中间件tongweb(嵌入式)
- 折笔画输入法4.02.zip
- tinygltf加载资源demo
- 车用驱动电机原理与控制基础-P147公式(6-71)~(6-74)
- Springboot 基于AbstractRoutingDataSource+aop读写分离方案实现代码
- 2023-04-06-项目笔记 - 第三百七十一阶段 - 4.4.2.369全局变量的作用域-369 -2025.01.07
- IMG_20250107_152102.jpg
- metrics-server配置文件yml
- GE通用公司PREDIX工业物联网平台技术白皮书
- 2023-04-06-项目笔记 - 第三百七十一阶段 - 4.4.2.369全局变量的作用域-369 -2025.01.07
- 国产化中间件tongweb(非嵌入式)
- 支持ARM架构的minio镜像,版本号为minio-RELEASE.2020-07-18T18-48-16Z-arm64
- Python自动化批量文件管理工具:基于自定义规则过滤文件夹中特定文件
- 学习flv.js的demo案例
- 广东省高清卫星地图全图
- 中国城镇智慧燃气发展研究报告
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功